commit aea3cb2011e423aeed7c2fb8765ecb9f6a3126b0 Author: Nettika Date: Fri May 5 11:29:49 2023 -0700 Create links page diff --git a/index.html b/index.html new file mode 100644 index 0000000..cfe5785 --- /dev/null +++ b/index.html @@ -0,0 +1,60 @@ + + + + + + + Nettika + + + + + + + +
+
+ + Nettika + +
Nettika
+
+
+

📍 Seattle, US

+

🏳️‍🌈🏳️‍⚧️ any pronouns

+

👩‍💻🐆 computer cat

+

jan pi toki pona

+
+ +
  • + + + + + +
    • +
  • + + + + + +
    • +     + +
  • + My Git projects +
    • +
  • + My Etsy shop +
    • +
  • + 🐺 My partner's Linktree +
    • +     +
    + + + \ No newline at end of file diff --git a/main.css b/main.css new file mode 100644 index 0000000..d08019e --- /dev/null +++ b/main.css @@ -0,0 +1,103 @@ +:root { + --foreground-color: #090809; + --background-color: #977fbb; + --accent-color: #8ebb78; + --wolf-color: #4296ba; + --icon-color: #fffdec; +} + +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + font-family: "Oxanium", cursive; + color: var(--foreground-color); + background-color: var(--background-color); +} + +main { + display: flex; + flex-direction: column; + margin: 1rem auto; + max-width: 40rem; + padding: 1.2rem; + gap: 1rem; + align-items: center; + text-align: center; +} + +a { + color: inherit; + text-decoration: none; +} + +#pfp { + picture img { + width: 8rem; + border-radius: 50%; + box-shadow: 0.25rem 0.25rem 0.25rem #00000040 + } + + figcaption { + margin-top: 0.5rem; + font-size: 1.2em; + font-weight: bold; + } +} + +#bio { + display: flex; + flex-direction: column; + gap: 0.2rem; +} + +#socials { + display: flex; + flex-direction: row; + align-items: center; + list-style: none; + gap: 0.4rem; + + .icon { + height: 2rem; + fill: var(--icon-color); + filter: drop-shadow(0.25rem 0.25rem 0.25rem #00000040); + &:hover { + filter: brightness(80%) drop-shadow(0.25rem 0.25rem 0.25rem #00000060); + } + } +} + +#links { + display: flex; + flex-direction: column; + align-items: center; + list-style: none; + gap: 1rem; + + li { + width: 100%; + color: var(--foreground-color); + background-color: var(--accent-color); + text-align: center; + box-shadow: 0 0 0.5rem 0.25rem rgba(0, 0, 0, 0.125); + font-weight: 500; + + &.wolfmetrotransit { + background-color: var(--wolf-color); + } + + &:hover { + filter: brightness(80%); + } + + a { + display: block; + width: 100%; + padding: 1rem 2rem; + } + } +} \ No newline at end of file diff --git a/pfp.jpg b/pfp.jpg new file mode 100644 index 0000000..bb2278e Binary files /dev/null and b/pfp.jpg differ