Compare commits
4 commits
68b21a1102
...
1f94ed1081
| Author | SHA1 | Date | |
|---|---|---|---|
| 1f94ed1081 | |||
| ad19627ce8 | |||
| f2de8fb32d | |||
| da8bc41a03 |
15 changed files with 356 additions and 9 deletions
BIN
home/art/artfriends.png
(Stored with Git LFS)
Normal file
BIN
home/art/artfriends.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
home/art/comics.png
(Stored with Git LFS)
Normal file
BIN
home/art/comics.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
home/art/drawings.png
(Stored with Git LFS)
Normal file
BIN
home/art/drawings.png
(Stored with Git LFS)
Normal file
Binary file not shown.
|
|
@ -9,20 +9,42 @@
|
|||
<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="header">
|
||||
<h1>Art</h1>
|
||||
</div>
|
||||
<div id="menu">
|
||||
<div>
|
||||
<h2>Comics</h2>
|
||||
<h3>For now we only have Commited Lines</h3>
|
||||
<a href="./comics/committed_lines/"><img src="comics.png" alt="Comics"></a>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Three dee</h2>
|
||||
<h3>I delve in modeling sometimes</h3>
|
||||
<a href="./3d/"><img src="./threedee.png" alt="Three dee"></a>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Drawings</h2>
|
||||
<h3>It is fun to draw</h3>
|
||||
<a href="./drawings/"><img src="drawings.png" alt="Drawings"></a>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Art friends</h2>
|
||||
<h2>Inspiration</h2>
|
||||
<h2>Various</h2>
|
||||
<h3>People that I love so much I asked for permission so I could share their stuff</h3>
|
||||
<a href="./artfriends/"><img src="artfriends.png" alt="Art friends"></a>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Inspiration</h2>
|
||||
<h3>People that I am too scared to ask for permission</h3>
|
||||
<a href="./inspiration/"><img src="inspiration.png" alt="Inspiration"></a>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Photos</h2>
|
||||
<h3>I like taking photos, here are some of them</h3>
|
||||
<a href="./photos/"><img src="photos.png" alt="Photos"></a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
BIN
home/art/inspiration.png
(Stored with Git LFS)
Normal file
BIN
home/art/inspiration.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
home/art/photos.png
(Stored with Git LFS)
Normal file
BIN
home/art/photos.png
(Stored with Git LFS)
Normal file
Binary file not shown.
|
|
@ -1,7 +1,35 @@
|
|||
body, html {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#header{
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#menu{
|
||||
border-style: double;
|
||||
border-width: 20px;
|
||||
display: flex;
|
||||
flex-flow: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
|
||||
}
|
||||
|
||||
#menu div {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin: 0 10px; /* Adjust margin as needed */
|
||||
}
|
||||
|
||||
#menu h2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#menu h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
|
|
|||
BIN
home/art/threedee.png
(Stored with Git LFS)
Normal file
BIN
home/art/threedee.png
(Stored with Git LFS)
Normal file
Binary file not shown.
96
home/grimoire/index.html
Normal file
96
home/grimoire/index.html
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
<!-- BUTCHER'S VEIN - neocities template by lorekeeping -->
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<title>Online Grimoire</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="maindiv">
|
||||
<div class="header">
|
||||
<h1>Online Grimoire</h1>
|
||||
</div>
|
||||
<div class="bar">
|
||||
<h3>Think about your breathing patterns, also, did you drink water today?</h3>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="navigation">
|
||||
<div class="titlebar">
|
||||
<h3>Books</h3>
|
||||
</div>
|
||||
<div class="buttonholder">
|
||||
<!--you can add however many links you like. you can remove any links youre not using, too.-->
|
||||
<div class="navigationbutton">
|
||||
<h4><a href="link" style="color:var(--bordercolor);">LINK 1</a></h4>
|
||||
</div>
|
||||
<div class="navigationbutton">
|
||||
<h4><a href="link" style="color:var(--bordercolor);">LINK 2</a></h4>
|
||||
</div>
|
||||
<div class="navigationbutton">
|
||||
<h4><a href="link" style="color:var(--bordercolor);">LINK 3</a></h4>
|
||||
</div>
|
||||
<div class="navigationbutton">
|
||||
<h4><a href="link" style="color:var(--bordercolor);">LINK 4</a></h4>
|
||||
</div>
|
||||
<div class="navigationbutton">
|
||||
<h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
|
||||
</div>
|
||||
<div class="navigationbutton">
|
||||
<h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
|
||||
</div><div class="navigationbutton">
|
||||
<h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
|
||||
</div><div class="navigationbutton">
|
||||
<h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
|
||||
</div><div class="navigationbutton">
|
||||
<h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
|
||||
</div><div class="navigationbutton">
|
||||
<h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
|
||||
</div><div class="navigationbutton">
|
||||
<h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
|
||||
</div><div class="navigationbutton">
|
||||
<h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
|
||||
</div><div class="navigationbutton">
|
||||
<h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
|
||||
</div><div class="navigationbutton">
|
||||
<h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
|
||||
</div><div class="navigationbutton">
|
||||
<h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
|
||||
</div>
|
||||
<div class="navigationbutton">
|
||||
<h4><a href="link" style="color:var(--bordercolor);">ADD HOWEVER MANY LINKS YOU WANT! THIS BOX SCROLLS</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column" style="width:75%">
|
||||
<div class="box1">
|
||||
<span class="bigtext">this text is bigger. and its even bold!</span> put anything you want here. talk about your site if you want. i dont know. im not your mom.
|
||||
<br><strong>bold text looks like this.</strong> <a href="link">links look like this.</a>
|
||||
<br>this box scrolls, by the way.
|
||||
</div>
|
||||
<div class="box2">
|
||||
<!-- remove the <marquee> tag to stop the scrolling -->
|
||||
<marquee behavior="alternate">
|
||||
<img src="https://file.garden/ZZ2PUl9MPilKgIvB/85dae5a2.jpg"/>
|
||||
<img src="https://file.garden/ZZ2PUl9MPilKgIvB/3e9a21b1.png"/>
|
||||
<img src="https://file.garden/ZZ2PUl9MPilKgIvB/c4b47f26.png"/>
|
||||
<img src="https://file.garden/ZZ2PUl9MPilKgIvB/cb1f10c3.jpg"/>
|
||||
<img src="https://file.garden/ZZ2PUl9MPilKgIvB/fb1ba12e.png"/>
|
||||
<img src="https://file.garden/ZZ2PUl9MPilKgIvB/a7c2b901.gif"/>
|
||||
</marquee>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
home/grimoire/static/bg.png
(Stored with Git LFS)
Normal file
BIN
home/grimoire/static/bg.png
(Stored with Git LFS)
Normal file
Binary file not shown.
171
home/grimoire/styles.css
Normal file
171
home/grimoire/styles.css
Normal file
|
|
@ -0,0 +1,171 @@
|
|||
html {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
font-family:rotunda;
|
||||
background-color: #300d0d;
|
||||
--accentcolor:#ac0e0e;
|
||||
--accentcolordark: #68050c;
|
||||
--accentcolor2: #921218;
|
||||
--bordercolor:black;
|
||||
--header-border:white;
|
||||
--bgcolor:rgb(0, 0, 0);
|
||||
--gapsize: 10px;
|
||||
color: whitesmoke;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: rotunda;
|
||||
src: url(./static/Designer-Notes-Bold.ttf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: friendolin;
|
||||
src: url(./static/Friedolin.ttf);
|
||||
}
|
||||
|
||||
.maindiv {
|
||||
width:70vw;
|
||||
height: 90vb;
|
||||
margin:auto;
|
||||
}
|
||||
|
||||
.header {
|
||||
box-shadow: 6px 6px 0px -1px var(--accentcolor);
|
||||
border:2px solid var(--accentcolordark);
|
||||
outline:2px solid var(--bordercolor);
|
||||
height:20vb;
|
||||
background-color:var(--bgcolor);
|
||||
background-image:url(./static/bg.png);
|
||||
background-size:cover;
|
||||
background-position:center;
|
||||
margin-bottom:var(--gapsize);
|
||||
}
|
||||
|
||||
.bar {
|
||||
box-shadow: 6px 6px 0px -1px var(--accentcolor);
|
||||
border:2px solid var(--accentcolordark);
|
||||
outline:2px solid var(--bordercolor);
|
||||
background-color:var(--bgcolor);
|
||||
margin-bottom: var(--gapsize);
|
||||
text-align:center;
|
||||
padding-top:7px;
|
||||
padding-bottom:7px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin:0px;
|
||||
color: #68050c;
|
||||
}
|
||||
|
||||
p {
|
||||
margin:0px;
|
||||
color: #e8646d;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family:rotunda;
|
||||
font-size:50px;
|
||||
margin:5px;
|
||||
margin-left:10px;
|
||||
position:relative;
|
||||
top:20px;
|
||||
filter: drop-shadow(0px 0px 5px var(--accentcolor));
|
||||
}
|
||||
|
||||
.row {
|
||||
display:flex;
|
||||
gap:var(--gapsize);
|
||||
height:auto;
|
||||
}
|
||||
|
||||
.navigation {
|
||||
box-shadow: 6px 6px 0px -1px var(--accentcolor);
|
||||
border:2px solid var(--accentcolordark);
|
||||
outline:2px solid var(--bordercolor);
|
||||
background-color:var(--bgcolor);
|
||||
text-align:center;
|
||||
box-sizing: border-box;
|
||||
width:25%;
|
||||
height:auto;
|
||||
}
|
||||
|
||||
.titlebar {
|
||||
background-color: var(--accentcolor);
|
||||
border-bottom:2px solid var(--accentcolordark);
|
||||
padding:4px;
|
||||
}
|
||||
|
||||
.buttonholder {
|
||||
padding-left:10px;
|
||||
padding-right:10px;
|
||||
overflow-y:auto;
|
||||
height:70vb;
|
||||
}
|
||||
|
||||
.navigationbutton {
|
||||
margin:5px;
|
||||
padding:5px;
|
||||
border:2px solid var(--bordercolor);
|
||||
background-color: var(--accentcolor2);
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin:0px;
|
||||
color: #0e0eac;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--accentcolor);
|
||||
}
|
||||
|
||||
.box1 {
|
||||
box-shadow: 6px 6px 0px -1px var(--accentcolor);
|
||||
border:2px solid var(--accentcolordark);
|
||||
outline:2px solid var(--bordercolor);
|
||||
background-color:var(--bgcolor);
|
||||
box-sizing: border-box;
|
||||
padding:10px;
|
||||
width:100%;
|
||||
height:60vb;
|
||||
overflow-y:auto;
|
||||
}
|
||||
|
||||
.bigtext {
|
||||
font-size:large;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
strong {
|
||||
color:var(--accentcolordark);
|
||||
}
|
||||
|
||||
.box2 {
|
||||
box-shadow: 6px 6px 0px -1px var(--accentcolor);
|
||||
border:2px solid var(--accentcolordark);
|
||||
outline:2px solid var(--bordercolor);
|
||||
background-color:var(--bgcolor);
|
||||
box-sizing: border-box;
|
||||
padding:10px;
|
||||
width:100%;
|
||||
height:80px;
|
||||
}
|
||||
|
||||
.column {
|
||||
display:flex;
|
||||
flex-wrap:wrap;
|
||||
gap:10px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
box-shadow: 6px 6px 0px -1px var(--accentcolor);
|
||||
border:2px solid var(--accentcolordark);
|
||||
outline:2px solid var(--bordercolor);
|
||||
background-color:var(--bgcolor);
|
||||
margin-top:var(--gapsize);
|
||||
box-sizing: border-box;
|
||||
padding:10px;
|
||||
width:100%;
|
||||
text-align: center;
|
||||
}
|
||||
BIN
home/images/sidebottom.png
(Stored with Git LFS)
BIN
home/images/sidebottom.png
(Stored with Git LFS)
Binary file not shown.
|
|
@ -31,7 +31,7 @@
|
|||
<h1>Check out some of my links and stuff</h1>
|
||||
<div id="links">
|
||||
<a href="https://mai.waifuism.life/@waifu">Fediverse account</a>
|
||||
<a href="https://comic.waifuism.life">Comics</a>
|
||||
<a href="../art/comics/committed_lines/">Comics</a>
|
||||
<a href="https://www.patreon.com/thewaifuismlife">Patreon</a>
|
||||
<a href="https://www.pixiv.net/en/users/69402865">Pixiv (Gallery)</a>
|
||||
<a href="https://www.youtube.com/@waifu332">YTVideos</a>
|
||||
|
|
@ -65,6 +65,9 @@
|
|||
<a href="https://geidontei.chaotic.ninja/usr/mima/"><img src="stuff/friends/usrmima.png" alt=""></a>
|
||||
<a href="https://sheepishpatio.net/"><img src="stuff/friends/sheepishpatio.png" alt=""></a>
|
||||
<a href="https://shitposter.world/"><img src="stuff/friends/spw-logo-newline.png" alt=""></a>
|
||||
<a href="https://anonicus.net/"><img src="stuff/friends/anonicus.png" alt=""></a>
|
||||
<a href="https://iogirl.com/"><img style="max-height: 33px;" src="stuff/friends/daya.jpg" alt=""></a>
|
||||
|
||||
|
||||
|
||||
<a href="https://pleroma.social/"><img src="stuff/friends/stamp_pleroma_now.png" alt=""></a>
|
||||
|
|
|
|||
BIN
home/normal/stuff/friends/anonicus.png
(Stored with Git LFS)
Normal file
BIN
home/normal/stuff/friends/anonicus.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
home/normal/stuff/friends/daya.jpg
(Stored with Git LFS)
Normal file
BIN
home/normal/stuff/friends/daya.jpg
(Stored with Git LFS)
Normal file
Binary file not shown.
Loading…
Add table
Reference in a new issue