Initial version of website

.eleventy.js

@@ -14,8 +14,8 @@ console.log('pathPrefix is set to ...', pathPrefix);
 // see "eleventyConfig.addGlobalData("site", globalData);"" below
 // related: https://github.com/11ty/eleventy/issues/1641
 const globalSiteData = {
-  title: "11ty-plain-bootstrap5",
-  description: "Template for static site generator Eleventy with Boostrap 5 and SCSS/JS compilation via laravel-mix.",
+  title: "TauMC",
+  description: "We make Minecraft.",
   locale: 'en',
   baseUrl: baseUrl,
   pathPrefix: pathPrefix,

package.json

@@ -29,7 +29,7 @@
     "@11ty/eleventy-plugin-rss": "^1.1.1",
     "@popperjs/core": "^2.11.5",
     "autoprefixer": "^10.3.1",
-    "bootstrap": "~5.2.2",
+    "bootstrap": "^5.3.3",
     "cross-env": "^7.0.3",
     "del-cli": "^4.0.1",
     "fs-extra": "^8.1.0",

src/includes/footer.njk

@@ -1,7 +1,7 @@
 <footer class="container">
   <p class="float-end"><a href="#">Back to top</a></p>
   <p>
-    <a href="https://github.com/mandrasch/11ty-plain-bootstrap5">GitHub</a> ·
-    <a href="{{ '/pages/imprint' | url }}">Imprint</a> · <a href="{{ '/pages/privacy' | url }}">Privacy</a>
+    <a href="https://github.com/mandrasch/11ty-plain-bootstrap5">GitHub</a>
+    <!-- · <a href="{{ '/pages/imprint' | url }}">Imprint</a> · <a href="{{ '/pages/privacy' | url }}">Privacy</a> -->
   </p>
 </footer>

src/includes/header.njk

@@ -2,16 +2,8 @@
   <header class="pb-3 mb-4 border-bottom">
     <nav class="navbar navbar-expand-lg navbar-light">
       <div class="container-fluid">
-        <a href="{{ '/' | url }}" class="d-flex align-items-center text-dark text-decoration-none">
-          <svg xmlns="http://www.w3.org/2000/svg" width="40" height="32" class="me-2" viewBox="0 0 118 94" role="img">
-            <title>{{ site.title }}</title>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z"
-              fill="currentColor"
-            ></path>
-          </svg>
+        <a href="{{ '/' | url }}" class="d-flex align-items-center text-body text-decoration-none">
+          <img src="/assets/images/tau_red_logo_v01.svg" height="32px" class="m-2"/>
           <span class="fs-4">{{ site.title }}</span>
         </a>
         <button

src/index.njk

@@ -1,25 +1,24 @@
 ---
 meta:
   lang: en
-  title: 11ty-plain-bootstrap5
-  image: "/assets/images/open-graph/teaser.jpeg"
+  title: TauMC
   description: Template for static site generator Eleventy with Boostrap 5 and SCSS/JS compilation via laravel-mix.
 layout: base
 eleventyNavigation:
   key: Home
 ---
 
-<div class="p-5 mb-4 bg-light rounded-3">
+<div class="p-5 mb-4 rounded-3">
   <div class="container-fluid py-2">
     <h1 class="display-5 fw-bold">{{ site.title }}</h1>
     <p class="col-md-10 fs-4 mb-0 pt-2">
-      Get started with the simple and awesome static site generator Eleventy v2 and Bootstrap 5.
+      Software development team building performant & reliable solutions for the next generation of Minecraft modding.
       <!-- This template
       contains Bootstrap (via npm), LaravelMix for compiling JS/SCSS and some small additions like eleventy-navigation.
       Other than that - just plain Bootstrap 5 and Eleventy. --><br /><br />
     </p>
-    <a class="btn btn-primary btn-lg mt-2" href="https://github.com/mandrasch/11ty-plain-bootstrap5">
-      See template on GitHub
+    <a class="btn btn-primary btn-lg mt-2" href="https://github.com/TauMC">
+      View our projects on GitHub
       <svg
         xmlns="http://www.w3.org/2000/svg"
         width="16"
@@ -34,39 +33,22 @@ eleventyNavigation:
       </svg>
     </a>
     <a
-      class="btn btn-outline-secondary text-black btn-lg mt-2"
-      href="https://gitpod.io/#https://github.com/mandrasch/11ty-plain-bootstrap5"
+      class="btn btn-secondary text-black btn-lg mt-2"
+      href="https://discord.gg/rN9Y7caguP"
       target="_blank"
     >
-      Open in Gitpod
-      <svg viewBox="0 0 189 208" width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path
-          fill-rule="evenodd"
-          clip-rule="evenodd"
-          d="M112.287 10.3584C117.9 20.2129 114.487 32.7666 104.664 38.3978L43.5862 73.41C41.9693 74.3369 40.972 76.0577 40.972 77.9209V132.899C40.972 134.763 41.9693 136.483 43.5862 137.41L91.9123 165.113C93.515 166.032 95.485 166.032 97.0877 165.113L145.414 137.41C147.031 136.483 148.028 134.763 148.028 132.899V98.7091L104.567 123.309C94.7131 128.886 82.2179 125.394 76.6581 115.509C71.0983 105.624 74.5793 93.0891 84.4331 87.5117L146.62 52.3128C165.563 41.591 189 55.321 189 77.1398V137.066C189 151.102 181.503 164.062 169.355 171.026L113.844 202.847C101.858 209.718 87.1424 209.718 75.1558 202.847L19.6453 171.026C7.49714 164.062 0 151.102 0 137.066V73.7544C0 59.7184 7.49714 46.7585 19.6453 39.7947L84.3361 2.71125C94.1595 -2.91993 106.673 0.503802 112.287 10.3584Z"
-          fill="url(#paint0_linear)"
-        />
-        <defs>
-          <linearGradient
-            id="paint0_linear"
-            x1="142.253"
-            y1="31.4537"
-            x2="44.8052"
-            y2="184.17"
-            gradientUnits="userSpaceOnUse"
-          >
-            <stop stop-color="#FFB45B" />
-            <stop offset="1" stop-color="#FF8A00" />
-          </linearGradient>
-        </defs>
+      Join our Discord
+      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-discord" viewBox="0 0 16 16">
+        <path d="M13.545 2.907a13.2 13.2 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.2 12.2 0 0 0-3.658 0 8 8 0 0 0-.412-.833.05.05 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.04.04 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032q.003.022.021.037a13.3 13.3 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019q.463-.63.818-1.329a.05.05 0 0 0-.01-.059l-.018-.011a9 9 0 0 1-1.248-.595.05.05 0 0 1-.02-.066l.015-.019q.127-.095.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.05.05 0 0 1 .053.007q.121.1.248.195a.05.05 0 0 1-.004.085 8 8 0 0 1-1.249.594.05.05 0 0 0-.03.03.05.05 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.2 13.2 0 0 0 4.001-2.02.05.05 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.03.03 0 0 0-.02-.019m-8.198 7.307c-.789 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612"/>
       </svg>
     </a>
     <p class="mt-4">
-      <small>Status: Always a bit "work in progress", but good to go.</small>
+      <small>Note: our website is a work in progress. Expect more in this space.</small>
     </p>
   </div>
 </div>
 
+<!--
 <div class="row align-items-md-stretch">
   <div class="col-md-6 mt-3">
     <div class="h-100 p-5 text-white bg-dark rounded-3">
@@ -95,12 +77,10 @@ eleventyNavigation:
         Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
         dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
       </p>
-      <!-- Button trigger modal -->
       <button type="button" class="btn btn-outline-dark" data-bs-toggle="modal" data-bs-target="#exampleModal">
         Launch demo modal
       </button>
 
-      <!-- Modal -->
       <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
         <div class="modal-dialog">
           <div class="modal-content">
@@ -149,20 +129,13 @@ eleventyNavigation:
   </div>
 </div>
 
-<div class="row mt-3">
-  <div class="col-12">
-    <div class="img-fit-cover-container rounded-3 bg-light">
-      {% image "./src/assets/images/bergsee.jpeg", "View from top of a mountain onto a sea and another mountain in
-      austria." %}
-    </div>
-  </div>
-</div>
-
 <div class="row">
   <div class="col-12 py-5 text-center">
     See <a href="https://github.com/mandrasch/11ty-plain-bootstrap5/" target="_blank">11ty-plain-bootstrap5</a> on
     GitHub for all information.
   </div>
 </div>
 
+-->
+
 <!-- for debug: {{ site | dump }} {{page | dump }} {{meta | dump}}-->

src/layouts/base.njk

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="{{ meta.lang or site.lang }}">
+<html lang="{{ meta.lang or site.lang }}" data-bs-theme="dark">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

src/pages/about.md

@@ -7,10 +7,4 @@ eleventyNavigation:
 
 ## About us
 
-**This was written in Markdown.**
-
-Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
-
-Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
-
-Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
+TauMC was founded in 2023 by embeddedt and Nolij.