diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 72a7deb..3eee593 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -134,4 +134,60 @@ const { title } = Astro.props; 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; + } + .astro-a { + position: absolute; + top: -32px; + left: 50%; + transform: translatex(-50%); + width: 220px; + height: auto; + z-index: -1; + } + h1 { + font-size: 4rem; + font-weight: 700; + line-height: 1; + text-align: center; + margin-bottom: 1em; + } + .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; + } diff --git a/src/pages/index.astro b/src/pages/index.astro index 86f38c8..366380b 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -27,63 +27,4 @@ import Card from '../components/Card.astro'; - - - + \ No newline at end of file diff --git a/src/pages/projects.astro b/src/pages/projects.astro index 59d2ab1..6e6c115 100644 --- a/src/pages/projects.astro +++ b/src/pages/projects.astro @@ -83,62 +83,4 @@ import Card from '../components/Card.astro'; - - \ No newline at end of file + \ No newline at end of file