diff --git a/public/css/classes.css b/public/css/classes.css index 085eb23..ada8eb9 100644 --- a/public/css/classes.css +++ b/public/css/classes.css @@ -31,6 +31,11 @@ padding-left: 10px; } +.navbar .navbar-menu { + flex-grow: initial; + flex-shrink: initial; +} + .astro-a { position: absolute; top: -32px; @@ -86,4 +91,51 @@ -webkit-text-fill-color: transparent; background-size: 400%; background-position: 0%; +} + +.astro-a { + position: absolute; + top: -32px; + left: 50%; + transform: translatex(-50%); + width: 220px; + height: auto; + z-index: -1; +} + +.text-gradient { + background-image: var(--accent-gradient); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-size: 400%; + background-position: 0%; +} + +.instructions { + margin-bottom: 2rem; + border: 1px solid rgba(var(--accent-light), 25%); + background: linear-gradient(rgba(var(--accent-dark), 66%), + rgba(var(--accent-dark), 33%)); + padding: 1.5rem; + border-radius: 8px; +} + +.instructions code { + font-size: 0.8em; + font-weight: bold; + background: rgba(var(--accent-light), 12%); + color: rgb(var(--accent-light)); + border-radius: 4px; + padding: 0.3em 0.4em; +} + +.instructions strong { + color: rgb(var(--accent-light)); +} + +.link-card-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr)); + gap: 2rem; + padding: 0; } \ No newline at end of file diff --git a/public/css/mystyle.css b/public/css/mystyle.css index e4b32f7..b4dc02c 100644 --- a/public/css/mystyle.css +++ b/public/css/mystyle.css @@ -13,6 +13,31 @@ --accent-gradient: linear-gradient(45deg, rgb(var(--accent)), rgb(var(--accent-light)) 30%, white 60%); font-family: system-ui, sans-serif; + +} + +html { + font-family: system-ui, sans-serif; + background: #13151a; + background-size: 224px; +} + +main { + margin: auto; + padding: 1rem; + width: 800px; + max-width: calc(100% - 2rem); + color: white; + font-size: 20px; + line-height: 1.6; +} + +h1 { + font-size: 4rem; + font-weight: 700; + line-height: 1; + text-align: center; + margin-bottom: 1em; } a:link { diff --git a/src/components/Head.astro b/src/components/Head.astro index d257ffc..eb8df9b 100755 --- a/src/components/Head.astro +++ b/src/components/Head.astro @@ -8,6 +8,5 @@ - diff --git a/src/components/Header.astro b/src/components/Header.astro index 45d089a..3a9f64a 100755 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -33,39 +33,5 @@ - - - diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 5135e51..4b22e57 100755 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -31,86 +31,5 @@ const { title } = Astro.props; if (chromium) window.location.replace("/nochrome"); - diff --git a/src/pages/index.astro b/src/pages/index.astro index b448bd4..30a0fdc 100755 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -6,25 +6,25 @@ import Card from "../components/Card.astro";
- +

LimePotato

-
-
-

Name(s):

-

- You can call me [Nelle], although - some call me [Luna, Lilith, ???]. - Or you can simply call me by my username [LimePot/LimePotato]. -

-
-

Pronoun'd:

-

- [She/They], Alternatively: pronouns.cc page. -

+
+
+

+ Howdy! You can call me [Nelle], + although some call me [Luna, Lilith, ???]. Or you can simply call me by my username [LimePot/LimePotato]. +

+

+ My pronouns are [She/They], + Alternatively checkout my pronouns.cc page. +

+
diff --git a/src/pages/projects.astro b/src/pages/projects.astro index b0152c0..e005d46 100755 --- a/src/pages/projects.astro +++ b/src/pages/projects.astro @@ -21,21 +21,15 @@ import Card from "../components/Card.astro"; -