shrine test

2 weeks ago · 98da6e602e
parent 30e3e66fd7
commit 98da6e602e
5 changed files with 95 additions and 0 deletions
--- a/default_style.css
+++ b/default_style.css
@ -0,0 +1,13 @@
+body, html{
+    font-family: CustomFont, sans-serif; /* Use the custom font as the fallback */
+    height: 100%;
+    margin: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+  }
+@font-face {
+    font-family: CustomFont;
+    src: url('static/fonts/Brushzing-Regular.ttf.otf') format('truetype'); /* Change 'your-font.ttf' to the actual font file name */
+  }
--- a/home/art/index.html
+++ b/home/art/index.html
@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Art</title>
+    <link rel="stylesheet" href="../../default_style.css">
+    <link rel="stylesheet" href="styles.css">
+    <link rel="icon" href="../../static/site/favicon.png" type="image/x-icon">
+</head>
+<body>
+    <h1>
+    Sometimes I make things and other times I look at art
+    </h1>
+    <div id="menu">
+        <div>
+            <h2>Comics</h2>
+            <h2>Three dee</h2>
+            <h2>Drawings</h2>
+        </div>
+        <div>
+            <h2>Art friends</h2>
+            <h2>Inspiration</h2>
+            <h2>Various</h2>
+        </div>
+    </div>
+</body>
+</html>
--- a/home/art/styles.css
+++ b/home/art/styles.css
@ -0,0 +1,7 @@
+#menu{
+    border-style: double;
+    border-width: 20px;
+    display: flex;
+    flex-flow: row;
+
+}
--- a/home/shrine/index.html
+++ b/home/shrine/index.html
@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shrine</title>
+    <link rel="stylesheet" href="../../default_style.css">
+    <link rel="stylesheet" href="styles.css">
+    <link rel="icon" href="../../static/site/favicon.png" type="image/x-icon">
+</head>
+<body>
+    <div id="menu">
+        <div id="aphrodite">
+            <a href="ai/index.html"><img src="aphrodite.jpg" ></a>
+        </div>
+    <div>
+        <h1>Akarin</h1>
+        <h1>Kokomin</h1>
+        <h1>Frieren</h1>
+        <h1>Pleroma-tan</h1>
+        <h1>Yuki</h1>
+    </div>
+    </div>
+</body>
+</html>
--- a/home/shrine/styles.css
+++ b/home/shrine/styles.css
@ -0,0 +1,22 @@
+
+body, html {
+    overflow: hidden; /* Prevents scrollbar from appearing */
+}
+#menu {
+    width: 1300px; /* Sets the width of the div to 80% of the viewport */
+    max-width: 80%; /* Ensures the div does not exceed 80% of the viewport width */
+    margin: 0 auto; /* Centers the div horizontally */
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+  }
+
+#menu img {
+    max-height: 50%;
+    max-width: 50%;
+    width: 100%;
+    height: auto;
+    object-fit: contain;
+    overflow: hidden;
+}