Add: porzh.me landing page

2025-09-19 17:40:17 +02:00 · 2025-09-19 17:40:17 +02:00 · a68fbcf432
commit a68fbcf432
parent fe5cd05d60
8 changed files with 97 additions and 52 deletions
--- a/modules/sites/porzh.me.nix
+++ b/modules/sites/porzh.me.nix
@ -0,0 +1,28 @@
+{ config, pkgs, ... }:
+
+let
+  porzhSite = pkgs.stdenv.mkDerivation {
+    pname = "porzh-site";
+    version = "1.0";
+    src = ./porzh.me;  # le dossier avec ton index.html, image, etc.
+
+    installPhase = ''
+      mkdir -p $out
+      cp -r * $out/
+    '';
+  };
+in {
+  services.caddy = {
+    enable = true;
+    virtualHosts = {
+      "porzh.me" = {
+        serverAliases = [ "www.porzh.me" ];
+        extraConfig = ''
+          root * ${porzhSite}
+          file_server
+        '';
+      };
+    };
+  };
+}
+
--- a/modules/sites/porzh.me/ancre.png
+++ b/modules/sites/porzh.me/ancre.png
--- a/modules/sites/porzh.me/index.html
+++ b/modules/sites/porzh.me/index.html
@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+  <meta charset="UTF-8">
+  <title>Page centrée</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;1,400&display=swap" rel="stylesheet">
+  <style>
+    body {
+      margin: 0;
+      height: 100vh;
+      display: flex;
+      flex-direction: column;  /* Aligne les éléments verticalement */
+      justify-content: center; /* Centre verticalement */
+      align-items: center;     /* Centre horizontalement */
+      background-color: #fff;
+      font-family: 'Merriweather', serif;
+    }
+    img {
+      max-width: 30%;
+      height: auto;
+    }
+    #title {
+      font-size: 96px;
+      margin-top: 20px;
+    }
+    h2 {
+      font-size : 36px;
+      margin-top: -40px;
+    }
+    li {
+      display: inline;
+    }
+    a {
+      color: black;
+    }
+  </style>
+</head>
+<body>
+  <img src="./ancre.png" alt="Ancre">
+  <h1 id="title">porzh.me</h1>
+  <h2 id="subtitle">Ma porzh stag</h2>
+  <ul id="services">
+    <li><a href="https://govel.porzh.me" target="_blank">govel</a></li> / 
+    <li><a href="#" target="_blank">komeraj</a></li> / 
+    <li><a href="#" target="_blank"></li>
+  </ul>
+</body>
+</html>
+