feat(ux): improve home page, and add contact us

moxvallix · moxvallix · commit deb55092bf93 · 2024-04-18T18:17:36.000+09:30
diff --git a/.gitignore b/.gitignore
@@ -18,3 +18,4 @@ report.html
 
 # Local Netlify folder
 .netlify
+working/
diff --git a/src/_data/navigation.json b/src/_data/navigation.json
@@ -4,6 +4,10 @@
       "text": "About",
       "url": "/about/"
     },
+    {
+      "text": "Contact",
+      "url": "/contact/"
+    },
     {
       "text": "Projects",
       "url": "/projects/"
diff --git a/src/_includes/layouts/base.html b/src/_includes/layouts/base.html
@@ -4,11 +4,14 @@
     {% include "partials/site-head.html" %}
   </head>
   <body
-    class="flex min-h-screen flex-col bg-gray-900 bg-tile-dark bg-[length:64px_64px]"
+    class="flex min-h-screen flex-col items-center bg-gray-900 bg-tile-dark bg-[length:64px_64px]"
     style="image-rendering: optimizeSpeed; image-rendering: pixelated"
     data-env="{{ node.env }}"
   >
-    {% include "partials/site-header.html" %} {% block content %}{% endblock %}
+    <div class="flex w-full max-w-screen-hd grow flex-col">
+      {% include "partials/site-header.html" %} {% block content %}{% endblock
+      %}
+    </div>
 
     <script type="module" src="/main.js"></script>
   </body>
diff --git a/src/_includes/partials/site-header.html b/src/_includes/partials/site-header.html
@@ -56,7 +56,7 @@
           </svg>
         </summary>
         <div
-          class="absolute left-0 top-16 flex w-screen flex-col items-center gap-4 bg-gray-800 p-4 text-center"
+          class="absolute left-0 top-16 flex w-screen flex-col items-center gap-4 bg-black/40 p-4 text-center backdrop-blur-lg"
         >
           <ul class="text-2xl">
             {% include "partials/navigation.html"%}
diff --git a/src/contact.md b/src/contact.md
@@ -0,0 +1,18 @@
+---
+layout: 'layouts/home.html'
+title: 'About'
+---
+# Contact Us
+
+[Join our Discord](https://discord.gg/8AUCx5exKF)
+
+## Gears
+- [Github](https://github.com/GearsDatapacks)
+- Discord: `gearsdatapacks`
+- Email: `gearsofficial (at) proton.me`
+
+## Moxvallix
+- [Github](https://github.com/moxvallix)
+- [Mastodon](https://mastodon.online/@moxvallix)
+- Discord: `moxvallix`
+- Email: `dev (at) moxvallix.com`
diff --git a/src/images/promo.png b/src/images/promo.png
diff --git a/src/index.html b/src/index.html
@@ -0,0 +1,23 @@
+{% layout "layouts/base.html" %} {% block content %}
+<main
+  id="main-content"
+  class="flex grow flex-col items-center bg-promo bg-cover bg-center bg-no-repeat"
+>
+  <div class="mx-2 mt-12 rounded-lg bg-black/20 p-4 backdrop-blur-md lg:mt-64">
+    <h1 class="mb-2 text-3xl font-bold sm:text-5xl lg:text-7xl">
+      Welcome to datapack.dev
+    </h1>
+    <p class="text-lg sm:text-3xl">
+      We are GMDU, and we make technical datapacks for Minecraft.
+    </p>
+    <ul class="mt-4 text-left text-lg sm:text-2xl">
+      <li>Want to find out more? <a href="/about/">About Us</a>.</li>
+      <li>Want to reach out? <a href="/contact/">Contact Us</a>.</li>
+      <li>
+        Curious about what we have made?
+        <a href="/projects/">See our Projects</a>.
+      </li>
+    </ul>
+  </div>
+</main>
+{% endblock %}
diff --git a/src/index.md b/src/index.md
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -25,6 +25,7 @@ module.exports = {
       },
       backgroundImage: {
         'tile-dark': 'url("/images/bg_tile.png")',
+        promo: 'url("/images/promo.png")',
       },
     },
   },

Original file line number	Diff line number	Diff line change
`@@ -18,3 +18,4 @@ report.html`
`18`	`18`
`19`	`19`	`# Local Netlify folder`
`20`	`20`	`.netlify`
	`21`	`+working/`
Original file line number	Diff line number	Diff line change
`@@ -56,7 +56,7 @@`
`56`	`56`	`</svg>`
`57`	`57`	`</summary>`
`58`	`58`	`<div`
`59`		`- class="absolute left-0 top-16 flex w-screen flex-col items-center gap-4 bg-gray-800 p-4 text-center"`
	`59`	`+ class="absolute left-0 top-16 flex w-screen flex-col items-center gap-4 bg-black/40 p-4 text-center backdrop-blur-lg"`
`60`	`60`	`>`
`61`	`61`	`<ul class="text-2xl">`
`62`	`62`	`{% include "partials/navigation.html"%}`