diff options
| author | Andrew Lee <andrew@alee14.me> | 2025-02-22 15:47:03 -0500 |
|---|---|---|
| committer | Andrew Lee <andrew@alee14.me> | 2025-02-22 15:47:03 -0500 |
| commit | e5281296d3238c7f26210317e67c0c2a4a9d3a22 (patch) | |
| tree | 6342e4374d164c8118529bcddb179cb1946bf273 | |
| parent | 337aa2cfdf39e03f5e03690240e6be0bf94229f3 (diff) | |
| download | bnbmc-website-e5281296d3238c7f26210317e67c0c2a4a9d3a22.tar.gz bnbmc-website-e5281296d3238c7f26210317e67c0c2a4a9d3a22.tar.bz2 bnbmc-website-e5281296d3238c7f26210317e67c0c2a4a9d3a22.zip | |
Added a news section; Added columns
| -rw-r--r-- | src/components/news.json | 14 | ||||
| -rw-r--r-- | src/components/sites.json | 10 | ||||
| -rw-r--r-- | src/layouts/Layout.astro | 4 | ||||
| -rw-r--r-- | src/pages/index.astro | 47 |
4 files changed, 63 insertions, 12 deletions
diff --git a/src/components/news.json b/src/components/news.json new file mode 100644 index 0000000..c3b99af --- /dev/null +++ b/src/components/news.json @@ -0,0 +1,14 @@ +[ + { + "id": 1, + "title": "AirCS Race 2025", + "date": "2025-02-22", + "content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt, quam ac tempor luctus, nisl est tempor enim, a maximus elit mauris in tellus. Aenean imperdiet fermentum urna, eget scelerisque nibh vestibulum in. Sed orci nulla, mollis non risus ac, tincidunt fermentum lorem. Vestibulum bibendum egestas tristique. Curabitur tincidunt gravida orci a malesuada. Ut sed purus massa. Donec et bibendum velit. Curabitur malesuada, eros vitae porttitor pellentesque, nulla velit congue quam, ut auctor urna massa sit amet felis. Sed condimentum nisi at nunc dapibus, ac egestas tellus pharetra. Sed ut dictum nisl. Quisque dictum, nulla vel laoreet consequat, lectus ex dapibus erat, ac tempus tortor odio eget sapien. Integer eget orci odio. Nunc a sapien ornare, porttitor massa dictum, pharetra nisl. In malesuada leo quis ullamcorper bibendum." + }, + { + "id": 2, + "title": "ePassport+ now available", + "date": "2025-02-22", + "content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt, quam ac tempor luctus, nisl est tempor enim, a maximus elit mauris in tellus. Aenean imperdiet fermentum urna, eget scelerisque nibh vestibulum in. Sed orci nulla, mollis non risus ac, tincidunt fermentum lorem. Vestibulum bibendum egestas tristique. Curabitur tincidunt gravida orci a malesuada. Ut sed purus massa. Donec et bibendum velit. Curabitur malesuada, eros vitae porttitor pellentesque, nulla velit congue quam, ut auctor urna massa sit amet felis. Sed condimentum nisi at nunc dapibus, ac egestas tellus pharetra. Sed ut dictum nisl. Quisque dictum, nulla vel laoreet consequat, lectus ex dapibus erat, ac tempus tortor odio eget sapien. Integer eget orci odio. Nunc a sapien ornare, porttitor massa dictum, pharetra nisl. In malesuada leo quis ullamcorper bibendum." + } +] diff --git a/src/components/sites.json b/src/components/sites.json index 32bf4c9..b88fc00 100644 --- a/src/components/sites.json +++ b/src/components/sites.json @@ -1,5 +1,15 @@ [ { + "name": "Server Law", + "website": "https://docs.google.com/document/d/1QfpX9mqYp4NDb8uhY-KTC0wlk1W7ZdgC8-NtY1spxhc/edit?tab=t.0#heading=h.87e4sdjd9cn7", + "type": "document" + }, + { + "name": "Map", + "website": "https://terrain.bnbmc.net", + "type": "tool" + }, + { "name": "bnbmc Wiki", "website": "https://wiki.bnbmc.net", "type": "wiki" diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index e51b083..6fecdb9 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -3,6 +3,10 @@ <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width" /> + + <meta name="title" content="bits & Bytes Minecraft" /> + <meta name="description" content="Official Minecraft server for the bits & Bytes Community" /> + <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <meta name="generator" content={Astro.generator} /> <title>bits & Bytes Minecraft</title> diff --git a/src/pages/index.astro b/src/pages/index.astro index e633ba9..5d0b858 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,9 +1,8 @@ --- import Layout from '../layouts/Layout.astro'; import sites from '../components/sites.json'; +import news from '../components/news.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> @@ -11,17 +10,30 @@ import sites from '../components/sites.json'; <h1>Welcome to bits & Bytes Minecraft!</h1> <p class="ip">IP: 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 class="flex-container"> + <div class="flex-site"> + {sites.map((site) => ( + <div class="site"> + <a href={site.website}>{site.name}</a> + </div> + ))} + </div> + <div class="flex-news"> + <h1>News</h1> + {news.map((article) => ( + <h2>{article.title}</h2> + <p>{article.content}</p> + ))} + </div> </div> </div> </Layout> <style> + .ip { + font-size: 1.2em; + } + a { font-size: 1.1em; color: #22b7f1; @@ -43,18 +55,29 @@ import sites from '../components/sites.json'; padding-right: 6em; } - .flex { + .flex-container { + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 1em; + margin: 1em; + } + + .flex-site { display: flex; flex-direction: column; } .site { background-color: #394049; padding: 1.5em; - margin-top: .5em; margin-bottom: .5em; } - .ip { - font-size: 1.2em; + /* Mobile view */ + @media (max-width: 992px) { + .flex-container { + display: grid; + grid: auto auto auto / 1fr; + margin: 1em; + } } </style> |