Commit a971db16 authored by Hydrox6's avatar Hydrox6

Added base blog and projects page

parent 85048202
body
{
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;
}
div.main
{
padding-top: 50px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 10px;
max-width: 50em;
margin: 0 auto;
text-align: center;
}
p.site-tagline
{
font-size: 14px;
line-height: 1.2em;
text-transform: uppercase;
text-decoration: none;
letter-spacing: .05em;
font-weight: normal;
font-style: normal;
color: #ddd;
}
nav.nav ul
{
padding-left: 0;
text-align: center;
margin-top: 0;
}
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
<!DOCTYPE html>
<html>
<head>
<!--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;}
a{color:#dddddd;}
</style>
</head>
<body>
<div class="main">
<header class="site-header">
<!--Title-->
<h1 class="site-title">
<a href="">Hydrox.IO</a>
<h1>
<!--Tagline-->
<p class="site-tagline">I write applications and make games</p>
<!--Nav-->
<nav class="nav">
<ul>
<li class="nav-item">
<a href="blog">Blog</a>
</li>
<li class="nav-item">
<a href="projects">Projects</a>
</li>
</ul>
</nav>
</header>
</div>
</body>
</html>
\ No newline at end of file
......@@ -24,10 +24,10 @@
<nav class="nav">
<ul>
<li class="nav-item">
<a href="">Blog</a>
<a href="Blog.html">Blog</a>
</li>
<li class="nav-item">
<a href="">Projects</a>
<a href="Projects.html">Projects</a>
</li>
</ul>
</nav>
......
body
{
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;
}
div.main
{
padding-top: 50px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 10px;
max-width: 50em;
margin: 0 auto;
text-align: center;
}
p.site-tagline
{
font-size: 14px;
line-height: 1.2em;
text-transform: uppercase;
text-decoration: none;
letter-spacing: .05em;
font-weight: normal;
font-style: normal;
color: #ddd;
}
nav.nav ul
{
padding-left: 0;
text-align: center;
margin-top: 0;
}
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
<!DOCTYPE html>
<html>
<head>
<!--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;}
a{color:#dddddd;}
</style>
</head>
<body>
<div class="main">
<header class="site-header">
<!--Title-->
<h1 class="site-title">
<a href="">Hydrox.IO</a>
<h1>
<!--Tagline-->
<p class="site-tagline">I write applications and make games</p>
<!--Nav-->
<nav class="nav">
<ul>
<li class="nav-item">
<a href="blog">Blog</a>
</li>
<li class="nav-item">
<a href="projects">Projects</a>
</li>
</ul>
</nav>
</header>
</div>
</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