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

grimoire

Browse source
This commit is contained in:
waifu 2024-05-20 23:51:05 -03:00
parent 1f94ed1081
commit 4bd2da5621
4 changed files with 50 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
home/grimoire/index.html
View file

@ -10,14 +10,14 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Online Grimoire</title>
<title>Mystickal Compendium</title>
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<div class="maindiv">
<div class="header">
<h1>Online Grimoire</h1>
<h1>Mystickal Compendium</h1>
</div>
<div class="bar">
<h3>Think about your breathing patterns, also, did you drink water today?</h3>
@ -30,52 +30,28 @@
<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>
<h4><a href="./pages/home.html" target="box1" style="color:var(--bordercolor);">Home</a></h4>
</div>
<div class="navigationbutton">
<h4><a href="link" style="color:var(--bordercolor);">LINK 2</a></h4>
<h4><a href="link" style="color:var(--bordercolor);">Entries</a></h4>
</div>
<div class="navigationbutton">
<h4><a href="link" style="color:var(--bordercolor);">LINK 3</a></h4>
<h4><a href="link" style="color:var(--bordercolor);">Creatures</a></h4>
</div>
<div class="navigationbutton">
<h4><a href="link" style="color:var(--bordercolor);">LINK 4</a></h4>
<h4><a href="link" style="color:var(--bordercolor);">Quests</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>
<h4><a href="link" style="color:var(--bordercolor);">Incidents</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>
<iframe class="box1" name="box1" src="./pages/home.html" >
</iframe>
<div class="box2">
<!-- remove the <marquee> tag to stop the scrolling -->
<marquee behavior="alternate">

23
home/grimoire/pages/home.html Normal file
View file

@ -0,0 +1,23 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../styles.css">
<title>Document</title>
</head>
<body>
<center><h2>Lost?</h2></center>
<p>Welcome, noble reader, to the <strong>Mystickal Compendium</strong> of Arcane knowledge, a grimoire unlike any other. Within these bewitched pages, thou shalt find info on our creatures and humanoids, though it shall not be an easy task.</p>
<p> Start praying, it may help thy on your journey. For herein lies a trove of lore most ancient and peculiar. From the cryptic musings of melonic tomes to the peculiar quirks of misskists, our grimoire shall transport thee to realms unseen and marvels untold.</p>
<p>May I recommend a few places to start thy journey?</p>
From the <a href="./creatures.html" target="box1">Creatures</a> find that ones named:
<li>
<i><a href="./waifumelon.html" target="box1">Waifumelon</a></i>
</li>
</body>
</html>

11
home/grimoire/pages/waifumelon.html Normal file
View file

@ -0,0 +1,11 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../styles.css">
<title>Document</title>
</head>
<body>
Idiotic creature
</body>
</html>

4
home/grimoire/stuff.md Normal file
View file

@ -0,0 +1,4 @@
<div class="footer">
<!-- DONT REMOVE CREDIT! well, you can if you put it somewhere else- it doesnt have to be on the main page, just somewhere somewhat obvious. dont remove art/inspiration credit if using the template without any changes. if you change the header, you can remove it.-->
<p>template by <a href="https://lorekeeping.neocities.org/">lorekeeping</a> - inspired by <a href="https://youtu.be/vjBFftpQxxM?list=RDMM">BUTCHER VANITY</a></p>
</div>