shockrah/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

much cleaner layout for landing page, navbar added(need links) and good script to generate this output needs to be made

Browse Source
This commit is contained in:
shockrahwow 2018-12-11 13:43:38 -08:00
parent 78a6895327
commit 4f936e990a
2 changed files with 50 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
index.html
View File

@ -1,5 +1,19 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<!-- Load an icon library to show a hamburger menu (bars) on small screens -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="topnav" id="myTopnav">
<a href="#home" class="active">Home</a>
<a href="https://gitlab.com/shockrahwow">Site Source</a>
<a href="#contact">Contact</a>
<a href="#about">About</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Style-Type" content="text/css" />
@ -9,8 +23,6 @@
<link rel="stylesheet" href="style.css" type="text/css" /> <link rel="stylesheet" href="style.css" type="text/css" />
</head> </head>
<body> <body>
<p><a href="./index.html"><img src="./img/banner.png" alt="Homepage" /></a></p>
<h1 id="welcome-to-my-comfy-town">Welcome to my Comfy Town</h1>
<h2 id="cool-stuff-about-me">Cool stuff about me</h2> <h2 id="cool-stuff-about-me">Cool stuff about me</h2>
<h3 id="links-to-find-me"><strong><a href="./page/links.html">Links to find me</a></strong></h3> <h3 id="links-to-find-me"><strong><a href="./page/links.html">Links to find me</a></strong></h3>
<blockquote> <blockquote>

43
style.css
View File

@ -13,26 +13,55 @@ html {
font-family: 'Freemono'; font-family: 'Freemono';
src: url(./fonts/FreeMono.otf); src: url(./fonts/FreeMono.otf);
} }
/* sick nav bar */
.topnav {
overflow: hidden;
}
.topnav a {
float: left;
display: block;
/* text color */
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.topnav a:hover {
background-color: #493267;
color: #faebd7;
}
.active {
background-color: #0e1111;
color: #faebd7;
}
.topnav .icon {
display:none;
}
/* now some stuff for the text */
body { body {
color: #444; /* regular tex color(for the front page it won't matter much since everything is blockquotes*/
color: #373854;
background-color: #faebd7;
font-family: Fixedsys; font-family: Fixedsys;
font-size: 12px; font-size: 12px;
line-height: 1.7; line-height: 1.7;
padding: 1em; padding: 1em;
margin: auto; margin: auto;
max-width: 42em; max-width: 42em;
background-image: url("./img/backt.png"); /*background-image: url("./img/backt.png");*/
background-repeat: repeat; background-repeat: repeat;
} }
/* Link stuff */ /* Link stuff */
/* default link color */
a { a {
color: #06e; color: #7bb3ff;
text-decoration: none; text-decoration: none;
} }
/* visited link */ /* visited link */
a:visited { a:visited {
color: #0047a6; color: #9e379f;
} }
/* hovering link */ /* hovering link */
a:hover { a:hover {
@ -76,7 +105,7 @@ img {
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
color: #e1e1e1; color: #493267;
line-height: 125%; line-height: 125%;
margin-top: 2em; margin-top: 2em;
font-weight: normal; font-weight: normal;
@ -112,10 +141,10 @@ h6 {
} }
blockquote { blockquote {
color: #d8d8d8; color: #3b444b;
margin: 0; margin: 0;
padding-left: 3em; padding-left: 3em;
border-left: 0.5em #008fae solid; border-left: 0.5em #493267 solid;
} }
hr { hr {