From 7117c97981ccbea0df02b7ebcabcca58109f55fe Mon Sep 17 00:00:00 2001 From: Giovanni-Josserand Date: Thu, 4 Dec 2025 19:52:06 +0100 Subject: [PATCH] V1 of my linktree --- assets/css/style.css | 141 +++++++++++++++++++++++++++++++++++++++ assets/images/gitea.png | Bin 0 -> 2487 bytes assets/images/github.png | Bin 0 -> 3367 bytes assets/images/logo.svg | 27 ++++++++ 4 files changed, 168 insertions(+) create mode 100644 assets/css/style.css create mode 100644 assets/images/gitea.png create mode 100644 assets/images/github.png create mode 100644 assets/images/logo.svg diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..9783c1d --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,141 @@ +:root { + --highlight-text-color: #ff7a5c; + --title-text-color: #ffffff; + --link-text-color: #1F365C; + --link-bg-color: rgba(255, 255, 255, 0.85); + --max-content-width: 680px; + --link-border-radius: 14px; + --link-padding: 12px; + --link-min-height: 72px; + --transition: 0.28s cubic-bezier(.15,.85,.3,1.2); +} + + +body, html { + margin: 0; + padding: 0; + background: url("../images/bg-mobile.jpg") no-repeat center/cover; + font-family: system-ui, Avenir, Helvetica, Arial, sans-serif; + color: white; + overflow-x: hidden; +} + + +#background_div { + max-height: 100vh; + display: flex; + justify-content: center; + align-items: center; + padding: 40px 0; +} + + +.page-full-wrap { + width: var(--max-content-width); + padding-bottom: 120px; + position: relative; + text-align: center; +} + + +.page-title { + font-size: 4rem; + font-weight: 700; + color: var(--title-text-color); + margin: 0; + letter-spacing: 1px; + text-shadow: 0 4px 16px rgba(255,255,255,0.15); +} + +.highlight { + color: var(--highlight-text-color); +} + + + +.page-item-wrap { + position: relative; + margin: 18px 0; + border-radius: var(--link-border-radius); + background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(240,240,255,0.82)); + backdrop-filter: blur(12px); + padding: 4px; + box-shadow: + 0 10px 25px rgba(0,0,0,0.25), + inset 0 0 8px rgba(255,255,255,0.3); + transition: var(--transition); +} + + +.page-item-wrap:hover { + transform: scale(1.035); + box-shadow: + 0 14px 32px rgba(0,0,0,0.28), + 0 0 18px rgba(255,122,92,0.25); +} + + +.page-item-each { + display: flex; + align-items: center; + justify-content: flex-start; + padding: var(--link-padding); + min-height: var(--link-min-height); + color: var(--link-text-color); + text-decoration: none; + font-size: 17px; + font-weight: 600; + position: relative; + width: 100%; +} + + +.link-each-image { + width: 50px; + height: 50px; + position: absolute; + left: 16px; + top: 50%; + transform: translateY(-50%); + filter: drop-shadow(0 4px 8px rgba(0,0,0,0.25)); +} + + +.item-text { + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + margin-left: 70px; +} + + +.item-title { + font-size: 18px; + font-weight: 700; + letter-spacing: 0.5px; + margin: 0 0 3px 0; + color: var(--link-text-color); +} + + +.item-subtitle { + font-size: 14px; + opacity: 0.65; + color: var(--link-text-color); + margin: 0; + text-align: start; +} + + +@media (max-width: 768px) { + .page-full-wrap { + width: 88%; + } +} + +@media (max-width: 480px) { + .page-title { + font-size: 3rem; + } +} diff --git a/assets/images/gitea.png b/assets/images/gitea.png new file mode 100644 index 0000000000000000000000000000000000000000..bd1be5de5bb5c52194d6a6189362d3d64044a794 GIT binary patch literal 2487 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 I9n3!ZKZ#~>+W-In literal 0 HcmV?d00001 diff --git a/assets/images/logo.svg b/assets/images/logo.svg new file mode 100644 index 0000000..d565465 --- /dev/null +++ b/assets/images/logo.svg @@ -0,0 +1,27 @@ + + + + + + id="namedview1" + pagecolor="#ffffff" + bordercolor="#000000" + borderopacity="0.25" + + + +