Commit 04d6005d authored by Hydrox6's avatar Hydrox6

Decided to let Jekyll handle the blog, Now I gotta learn it.

Might as well use the features that Github Pages provides. Now I figure out how to actually use it. On the plus side, I can ditch squarespace and stop paying a lot of money every month for nothing. YAHOOOOO!
parent 29512ae0
body
main#main
{
background-color: #222222;
color:#dddddd;
font-family: "Helvetica Neue","Arial","sans-serif";
font-size: 16px;
line-height: 1.6em;
letter-spacing: 0em;
font-weight: normal;
font-style: normal;
font-size: 25px;
padding-top: 20px;
font-weight: 550;
padding-bottom: 20px;
z-index: 2;
position: relative;
}
div.main
header
{
padding-top: 50px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 10px;
max-width: 50em;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 2;
}
p.site-tagline
img#konchu
{
font-size: 14px;
line-height: 1.2em;
text-transform: uppercase;
text-decoration: none;
letter-spacing: .05em;
font-weight: normal;
font-style: normal;
color: #ddd;
position: relative;
z-index: 0;
width: 100%;
margin:0 auto;
margin-top:-30%;
}
nav.nav ul
a#konchusrc
{
padding-left: 0;
text-align: center;
margin-top: 0;
position: relative;
z-index: 1;
}
li.nav-item
{
display: inline-block;
margin-right: 0.1em;
}
li.nav-item a
{
text-transform: uppercase;
font-size: 14px;
text-decoration: none;
font-weight: bold;
letter-spacing: .05em;
line-height: 1.2em;
}
h1.site-title a
{
text-transform: uppercase;
text-decoration: none;
font-size: 64px;
font-weight: bold;
}
a
{
text-decoration: underline;
text-transform: none;
}
a:visited
{
color:#dddddd;
}
h1.site-title a:hover
{
color:#dddddd;
}
a:hover
{
color:#999999;
}
\ No newline at end of file
......@@ -4,7 +4,6 @@
<!--Mobile Compatability HO!-->
<meta name=viewport content="initial-scale=1">
<title>Hydrox.IO</title>
<link rel="stylesheet" href="index.css">
<!--Fixes for links loading blue & non-dark theme whilst loading on mobile/slow internet-->
<style>
body{background-color: #222222;}
......@@ -12,7 +11,7 @@
</style>
</head>
<body>
<div class="main">
<div class="container">
<header class="site-header">
<!--Title-->
<h1 class="site-title">
......@@ -24,14 +23,21 @@
<nav class="nav">
<ul>
<li class="nav-item">
<a href="blog">Blog</a>
<a href="../blog">Blog</a>
</li>
<li class="nav-item">
<a href="projects">Projects</a>
<li class="nav-item current">
<a href="../projects">Projects</a>
</li>
</ul>
</nav>
</header>
<div class="line"></div>
<main id="main">
Blog is missing. Time to learn Jekyll. brb
</main>
<a id="konchusrc" href="https://www.youtube.com/watch?v=7ALQCWUlinM" alt="Source"><img id="konchu" src="https://i.imgur.com/cC5NwXE.gif" alt="Konchu"></a>
</div>
<link rel="stylesheet" href="../base.css">
<link rel="stylesheet" href="index.css">
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment