parent
30e3e66fd7
commit
98da6e602e
@ -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 */ |
||||
} |
@ -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> |
@ -0,0 +1,7 @@ |
||||
#menu{ |
||||
border-style: double; |
||||
border-width: 20px; |
||||
display: flex; |
||||
flex-flow: row; |
||||
|
||||
} |
@ -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> |
@ -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; |
||||
} |
Loading…
Reference in new issue