Scaffold Eleventy + Pug + Tailwind + i18n landing page

src/_data/i18n.js

@@ -0,0 +1,13 @@
+const fs = require("fs");
+const path = require("path");
+
+module.exports = function () {
+  const localesDir = path.join(__dirname, "..", "locales");
+  const dict = {};
+  for (const file of fs.readdirSync(localesDir)) {
+    if (!file.endsWith(".json")) continue;
+    const locale = path.basename(file, ".json");
+    dict[locale] = JSON.parse(fs.readFileSync(path.join(localesDir, file), "utf8"));
+  }
+  return dict;
+};

src/_includes/layout.pug

@@ -0,0 +1,9 @@
+doctype html
+html(lang=lang)
+  head
+    meta(charset="UTF-8")
+    meta(name="viewport" content="width=device-width, initial-scale=1.0")
+    title= i18n[lang].meta_title
+    link(rel="stylesheet" href="/assets/css/style.css")
+  body(class="bg-gray-950 text-white antialiased")
+    != content

src/assets/css/tailwind.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

src/en/index.pug

@@ -0,0 +1,12 @@
+---
+layout: layout.pug
+lang: en
+permalink: /
+---
+section(class="min-h-screen flex flex-col items-center justify-center px-6 text-center")
+  h1(class="text-5xl font-bold tracking-tight mb-4")= i18n[lang].hero_title
+  p(class="text-lg text-gray-400 max-w-xl mb-10")= i18n[lang].hero_subtitle
+  a(href="/pl/" class="text-sm text-gray-500 hover:text-gray-300 underline underline-offset-4")= i18n[lang].lang_switch_label
+
+footer(class="pb-8 text-center text-xs text-gray-600")
+  p= i18n[lang].footer_text

src/locales/en.json

@@ -0,0 +1,10 @@
+{
+  "meta_title": "Octoturge",
+  "nav_home": "Home",
+  "hero_title": "Octoturge",
+  "hero_subtitle": "Personal homelab, self-hosted services, and side projects.",
+  "cta_text": "Explore",
+  "lang_switch_label": "Polski",
+  "lang_switch_href": "/pl/",
+  "footer_text": "Built with Eleventy, Pug & Tailwind CSS."
+}

src/locales/pl.json

@@ -0,0 +1,10 @@
+{
+  "meta_title": "Octoturge",
+  "nav_home": "Start",
+  "hero_title": "Octoturge",
+  "hero_subtitle": "Prywatny homelab, samodzielnie hostowane usługi i projekty poboczne.",
+  "cta_text": "Zobacz",
+  "lang_switch_label": "English",
+  "lang_switch_href": "/",
+  "footer_text": "Zbudowane w Eleventy, Pug i Tailwind CSS."
+}

src/pl/index.pug

@@ -0,0 +1,12 @@
+---
+layout: layout.pug
+lang: pl
+permalink: /pl/
+---
+section(class="min-h-screen flex flex-col items-center justify-center px-6 text-center")
+  h1(class="text-5xl font-bold tracking-tight mb-4")= i18n[lang].hero_title
+  p(class="text-lg text-gray-400 max-w-xl mb-10")= i18n[lang].hero_subtitle
+  a(href="/" class="text-sm text-gray-500 hover:text-gray-300 underline underline-offset-4")= i18n[lang].lang_switch_label
+
+footer(class="pb-8 text-center text-xs text-gray-600")
+  p= i18n[lang].footer_text