waifu/waifuism
1
0
Fork 0
Code Issues 2 Pull requests Projects 1 Releases Packages Wiki Activity

shrine test

Browse source
This commit is contained in:
waifu 2024-04-21 22:16:58 -03:00
parent 30e3e66fd7
commit 98da6e602e
5 changed files with 95 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
default_style.css Normal file
View file

@ -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 */
}

28
home/art/index.html Normal file
View file

@ -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>

7
home/art/styles.css Normal file
View file

@ -0,0 +1,7 @@
#menu{
border-style: double;
border-width: 20px;
display: flex;
flex-flow: row;
}

25
home/shrine/index.html Normal file
View file

@ -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>

22
home/shrine/styles.css Normal file
View file

@ -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;
}