0x01FE/My-Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
0x01fe 2024-03-08 16:19:35 -06:00
commit 1af2be719c
2 changed files with 138 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
index.html Normal file
View File

@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<header>
<link rel="shortcut icon" href="index_favicon.ico">
<link rel="stylesheet" href="index_style.css">
<title>0x01fe.net</title>
</header>
<body>
<div class="header">
<h1>0x01fe.net</h1>
<h4>Catchy Right‽</h4>
</div>
<div class="container">
<!-- Sidebar -->
<div class="sidebar">
<a href="./index.html">Home</a><br>
<a href="">Media</a><br>
<a href="">Programming</a><br>
<a href="">About</a>
</div>
<!-- Main Page -->
<!-- Get it? D-Log? Like digital log? -->
<div class="dlog">
<div class="post">
<h2>It's Peaks, <i>Peaks of Yore</i></h1>
<h3>March 8th, 2024</h3>
<p>Excuse the awful title please, but it truly is peak. <a href="https://store.steampowered.com/app/2236070/Peaks_of_Yore/"><i>Peaks of Yore</i></a> has been a more enjoyable title than I could've ever expected. At first glance it seems like a "rage bait" game akin to the likes of <i>Getting Over It With Bennett Foddy</i> or <i>Super Meatboy</i>, but after the first few fundamental courses you realize the controls aren't fighting you, you just haven't mastered them yet.</p>
</div>
<div class="post">
<h2>Post Title</h1>
<p>foobar</p>
</div>
<div class="post">
<h2>Post Title</h1>
<p>foobar</p>
</div>
</div>
</div>
</body>
</html>

97
index_style.css Normal file
View File

@ -0,0 +1,97 @@
/* Global Settings */
body {
font-family: 'Courier New', Courier, monospace;
}
a {
color: black;
text-decoration: none;
}
a:hover {
color: hotpink;
}
/* Other */
.header {
text-align: center;
margin: 10pt;
border-style: solid;
border-color: #1E2022;
background-color: #F0F5F9;
border-radius: 5pt;
}
.container {
display: flex;
flex-direction: row;
border-style: solid;
border-color: #1E2022;
background-color: #F0F5F9;
}
.sidebar {
order: 1;
float: left;
padding: 20pt;
padding-bottom: 25%;
margin: 15pt;
border-style: solid;
border-radius: 10px;
border-color: #1E2022;
background-color: #C9D6DF;
opacity: 0.9;
/* Text Settings */
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 30pt;
}
.dlog {
order: 2;
flex: 3;
text-align: center;
display: flex;
flex-direction: column;
padding: 10pt;
margin: 15pt;
margin-left: 15%;
margin-right: 15%;
border-style: solid;
border-radius: 10px;
border-color: #1E2022;
background-color: #C9D6DF;
}
.post {
/* opacity: 0.9; */
border: 2px solid #52616B;
border-radius: 10px;
padding: 10pt;
margin: 10pt;
margin-left: 20pt;
margin-right: 20pt;
background-color: #C9D6DF;
}