Created projects page and links to resume and projects

This commit is contained in:
KyleDOT 2023-11-17 22:02:21 +09:30
parent dc44f15b7f
commit 7cc4bd5e89
3 changed files with 43 additions and 4 deletions

View File

@ -6,10 +6,12 @@
</head>
<body>
<h1>Kyle's Network</h1>
<div class="container">
<div class="container_index">
<div class="kyledot">
<h2>KyleDOT</h2>
<p><b><a href="https://kyledot.net">kyledot.net</a> - Index site</b></p>
<p><b><a href="https://kyledot.net/projects">kyledot.net/projects</a> - Projects</b></p>
<p><b><a href="https://kyledot.net/resume">kyledot.net/resume</a> - Resume</b></p>
</div>
<div class="thebakery">
<h2>TheBakery</h2>
@ -44,7 +46,7 @@
</div>
<footer>
<p>* Indicates planned or WIP website</p>
<p>Made by Kyle - Last updated: 2023/10/24</p>
<p>Made by Kyle - Last updated: 2023/11/17</p>
</footer>
</body>
</html>

25
projects.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<title>Kyle's Projects</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Kyle's Projects</h1>
<div class="container_projects">
<div class="projects">
<h2>Projects</h2>
<p><b><a href="https://nightcall.net">nightcall.net</a> - D&D wiki</b><br>Dokuwiki used for D&D campaigns among friends to maintain characters and devolop worldbuilding</p>
<p><b><a href="https://thecaldera.net">thecaldera.net</a> - Worldbuilding wiki</b><br>Dokuwiki used for personal worldbuilding, largely private but may been seen in stories and games</p>>
</div>
<div class="games">
<h2>Games</h2>
<p><b><a href="https://kyledot.itch.io/mouse-scroller">kyledot.itch.io/mouse-scroller</a> - Mouse Scroller</b><br>Platforming game where you play as a computer mouse fighting keyboard keycaps</p>
</div>
</div>
<footer>
<p>* Indicates planned or WIP project</p>
<p>Made by Kyle - Last updated: 2023/11/17</p>
</footer>
</body>
</html>

View File

@ -4,7 +4,8 @@ h2 {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: center;}
h3 {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: center;}
p {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: center;}
a {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: center;}
.container { display: grid;
.container_index { display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 0px 0px;
@ -17,4 +18,15 @@ a {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: center;}
.thebakery { grid-area: thebakery; }
.nightcall { grid-area: nightcall; }
.thecaldera { grid-area: thecaldera; }
.external { grid-area: external; }
.external { grid-area: external; }
.container_projects { display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
"projects games";
}
.projects { grid-area: projects; }
.games { grid-area: games; }