Started working on the projects page

2026-03-27 13:34:33 +01:00
parent 1d231e2dcf
commit df387db473
6 changed files with 58 additions and 0 deletions
--- a/assets/FreeMonoBold.ttf
+++ b/assets/FreeMonoBold.ttf
--- a/assets/FreeMonoBold.woff
+++ b/assets/FreeMonoBold.woff
--- a/assets/blogico.png
+++ b/assets/blogico.png
--- a/assets/gitico.png
+++ b/assets/gitico.png
--- a/projects/index.html
+++ b/projects/index.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>Ayabusa club - Projects</title>
+    <link rel="stylesheet" href="./style.css">
+    <!--<script src="script.js"></script> -->
+</head>
+<body>
+    <div class="disbox">
+        <div class="disboxh">
+            <img class="ico" src="../assets/gitico.png"></img>
+            <img class="ico" src="../assets/blogico.png"></img>
+        </div>
+        <p class="disboxp">
+            loc_projects:<br>
+            During my dev journey, I had the opportunity to create some projects, I've collected here, those that might pick your interest.
+        </p>
+    </div>
+</body>
+</html>
--- a/projects/style.css
+++ b/projects/style.css
@@ -0,0 +1,37 @@
+@font-face {
+    font-family: 'fmono';
+    src: url('../assets/FreeMonoBold.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+         url('../assets/FreeMonoBold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
+}
+
+html {
+    min-height: 100vh;
+    background-image: linear-gradient(to top, #c2fcff, white);
+    color: #071c2dff;
+}
+
+.disbox {
+    font-family: "fmono";
+}
+
+.disboxp {
+    color: #000080;
+    outline: solid;
+    outline-width: 2px;
+    outline-color: black;
+    margin: 0px;
+    padding: 5px;
+}
+
+.disboxh {
+    background-color: #c2fcff;
+    outline: solid;
+    outline-width: 2px;
+    margin: 0;
+    margin-bottom: 2px;
+    padding-left: 5px;
+}
+
+.ico {
+    margin-bottom: -3px;
+}