add static site

2026-09-02 09:52:50 +02:00
parent a9f4c726f9
commit f4ad284e26
6 changed files with 215 additions and 0 deletions
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>oriabenk — 42 Student</title>
+<link rel="stylesheet" href="style.css">
+</head>
+<body>
+<div class="page">
+
+    <header class="hero">
+        <div class="avatar">O</div>
+        <h1>oriabenk</h1>
+        <p class="tagline">Student at 42 School — Systems &amp; Infrastructure</p>
+    </header>
+
+    <section class="card">
+        <h2>About</h2>
+        <p>
+            I'm a 42 School student working through the common core, focused on
+            systems programming, networking, and infrastructure. This page is served
+            as a standalone static site — part of the <strong>Inception</strong>
+            project's bonus scope, running in its own Docker container.
+        </p>
+    </section>
+
+    <section class="card">
+        <h2>Skills</h2>
+        <ul class="skills">
+            <li>C</li>
+            <li>Docker &amp; Docker Compose</li>
+            <li>Linux system administration</li>
+            <li>Networking</li>
+            <li>Shell scripting</li>
+            <li>Git</li>
+        </ul>
+    </section>
+
+    <section class="card">
+        <h2>Inception — Project Highlights</h2>
+        <ul class="projects">
+            <li><span class="dot"></span> NGINX with TLSv1.2/1.3, single entrypoint</li>
+            <li><span class="dot"></span> WordPress + php-fpm, no bundled web server</li>
+            <li><span class="dot"></span> MariaDB, isolated in its own container</li>
+            <li><span class="dot"></span> Docker secrets for all credentials</li>
+            <li><span class="dot"></span> Bonus: FTP server on the WordPress volume</li>
+            <li><span class="dot"></span> Bonus: this static site, in plain HTML/CSS/JS</li>
+        </ul>
+    </section>
+
+    <footer>
+        <p id="year"></p>
+    </footer>
+
+</div>
+<script src="script.js"></script>
+</body>
+</html>