Added base homepages

2025-09-07 17:32:58 +03:00
parent e4362ffe8e
commit 3ac6b31000
2 changed files with 144 additions and 0 deletions
--- a/frontend/homepage/index.html
+++ b/frontend/homepage/index.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <title>d3m0k1d</title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="stylesheet" href="style.css">
+    </head>
+    <body>
+        <div class="navigation">
+            <nav class="home-btn">
+                <a href="index.html">Home</nav>
+            <nav class="contacts-btn">
+                <a href="contacts.html">Contacts</a>
+            </nav>
+            <nav class="guest-btn">
+                <a href="guestbook.html">Guestbook</a>
+            </nav>
+            <nav class="posts-btn">
+                <a href="posts.html">Posts</a>
+            </nav>
+        </div>
+        <div class="ascii-art">
+            <pre>
+╭────────────────────────╮
+│                        │
+│         d3m0k1d        │
+│       ------------     │
+│     DevOps Engineer    │
+│     InfoSec Student    │
+│                        │
+│                        │
+╰────────────────────────╯
+            </pre>
+        </div>
+        <div class="nav-links">
+            <a class="nav-links" href="https://github.com/d3m0k1d">[GitHub]</a>
+            <a class="nav-links" href="https://t.me/fonnto">[Telegram]</a>
+            <a class="nav-links" href="MAILTO:contact@d3m0k1d.ru">[Email]</a>
+        </div>
+
+
+        <div class="about-me-container">
+            <h1 class="about-me">About me</h1>
+            <span class="about-me">I am a DevOps Engineer from Russia and a student of Information Security at Don State Technical University. This is my personal website featuring information about me, my projects, posts, and guestbook. For inquiries, please check a contact page or write me an email.</span>
+            
+            <span class="about-me">I have experience developing APIs using Python (FastAPI) and Golang (Gin), along with various personal projects. I have extensive experience administrating Linux systems - my home server runs on Proxmox with LXC containers running Debian 13 (yes, this website is hosted on it!).</span>
+            
+            <h2 class="about-me">Technical Skills</h2>
+            <div class="skills-section">
+                <h3 class="skill-category">Languages</h3>
+                <span class="about-me">Golang, Python, Bash, C (Base level), HTML/CSS</span>
+                
+                <h3 class="skill-category">Infrastructure & DevOps</h3>
+                <span class="about-me">Docker, LXC, Proxmox, Git, CI/CD (GitHub Actions, GitLab)</span>
+                
+                <h3 class="skill-category">Systems & Platforms</h3>
+                <span class="about-me">Unix-systems, Windows, Arduino</span>
+                <h3 class="skill-category">Other Skills</h3>
+                <span class="about-me">Markdown, LaTeX, English(B1 only for reading and simple writing)</span">
+            </div>
+        </div>
+
+
+        <footer class="footer">
+            <span class="footer">© 2025 Ilya Chernishev</span>
+        </footer>
+    </body>
+</html>
--- a/frontend/homepage/style.css
+++ b/frontend/homepage/style.css
@@ -0,0 +1,73 @@
+body
+{
+    background-color: black;
+    font-family: commit mono, monospace;
+    color: white;
+}
+
+a
+{
+    text-decoration: none;
+    color: white;
+}
+
+.navigation
+{
+    font-size: 20px;
+    width: 50%;
+    margin: auto;
+    display: flex;
+    justify-content: center;
+    padding-top: 1%;
+
+}
+
+.home-btn,
+.posts-btn,
+.guest-btn,
+.contacts-btn {
+    margin-left: 6.25%;
+    margin-right: 6.25%;
+}
+
+.ascii-art{
+   text-align: center;
+   margin-top: 5%;
+}
+
+
+.highlight{
+    color: hsl(270, 73%, 53%);
+}
+
+
+.nav-links{
+    text-align: center;
+    color: hsl(270, 73%, 53%);
+}
+
+
+.about-me-container{
+    width: 50%;
+    margin: auto;
+    padding-top: 5%;
+}
+
+
+
+
+
+.about-me{
+    text-align: left;
+
+}
+
+
+
+.footer{
+    width: 50%;
+    padding-top: 10%;
+    margin: auto;
+    text-align: center;
+    color: rgb(155, 156, 167, 1);
+}