diff options
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/index.astro | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/src/pages/index.astro b/src/pages/index.astro new file mode 100644 index 0000000..e47d9a1 --- /dev/null +++ b/src/pages/index.astro @@ -0,0 +1,56 @@ +--- +import Layout from '../layouts/Layout.astro'; +import sites from '../components/sites.json'; + +// Welcome to Astro! Wondering what to do next? Check out the Astro documentation at https://docs.astro.build +// Don't want to use any of this? Delete everything in this file, the `assets`, `components`, and `layouts` directories, and start fresh. +--- + +<Layout> + <div class="container"> + <h1>bits & Bytes Minecraft</h1> + <p>IP: mc.bnbmc.net</p> + <i>Must be an active member of the bits & Bytes Discord to join.</i> + <div class="flex"> + {sites.map((site) => ( + <div class="site"> + <a href={site.website}>{site.name}</a> + </div> + ))} + </div> + </div> +</Layout> + +<style> + a { + font-size: 1.2em; + color: #22b7f1; + text-decoration: none; + } + + a:hover { + color: #4198bc; + text-decoration: none; + } + + a:active { + color: #3f7a91; + } + + .container { + padding-top: 2em; + padding-left: 6em; + padding-right: 6em; + } + + .flex { + display: flex; + flex-direction: column; + } + .site { + background-color: #394049; + padding: 2em; + margin-top: .5em; + margin-bottom: .5em; + } +</style> |