shrine test

8 months 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;
 }