Started redesigning the site

This commit is contained in:
Gregory Ballantine 2021-08-23 23:52:54 -04:00
parent 11c0357d56
commit 662f4f6675
3 changed files with 38 additions and 69 deletions

View File

@ -11,34 +11,25 @@
</head> </head>
<body> <body>
<!-- main navigation bar --> <div id="wrapper" class="container">
<nav id="main-navigation"> <!-- main navigation bar -->
<ul class="left-menu">
<li><a href="{% link index.markdown %}">Home</a></li>
<li><a href="{% link index.markdown %}">Updates</a></li>
<li><a href="{% link index.markdown %}">Server Info</a></li>
</ul>
<ul class="right-menu">
<li><a href="{{ site.links.bitgoblin }}">Bit Goblin</a></li>
<li><a href="{{ site.links.youtube_channel }}">YouTube</a></li>
<li><a href="{{ site.links.forum }}">Forum</a></li>
</ul>
</nav>
<!-- minecraft banner -->
<div class="container">
<div class="row"> <div class="row">
<div class="columns twelve"> <nav id="main-navigation" class="columns twelve">
<header id="banner"> <ul class="u-pull-left">
<h1>Bit Goblin &lt;3 Minecraft</h1> <li><a href="{% link index.markdown %}">Home</a></li>
</header> <li><a href="{% link index.markdown %}">Updates</a></li>
</div> <li><a href="{% link index.markdown %}">Server Info</a></li>
</div> </ul>
</div>
<!-- page content --> <ul class="u-pull-right">
<div class="container"> <li><a href="{{ site.links.bitgoblin }}">Bit Goblin</a></li>
<li><a href="{{ site.links.youtube_channel }}">YouTube</a></li>
<li><a href="{{ site.links.forum }}">Forum</a></li>
</ul>
</nav>
</div>
<!-- main content -->
{{ content }} {{ content }}
</div> </div>
</body> </body>

View File

@ -1,17 +0,0 @@
---
layout: page
title: About
---
This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](https://jekyllrb.com/)
You can find the source code for Minima at GitHub:
[jekyll][jekyll-organization] /
[minima](https://github.com/jekyll/minima)
You can find the source code for Jekyll at GitHub:
[jekyll][jekyll-organization] /
[jekyll](https://github.com/jekyll/jekyll)
[jekyll-organization]: https://github.com/jekyll

View File

@ -2,49 +2,44 @@
--- ---
body{ body{
padding-top: 100px; padding-top: 25px;
background: #212121; background-image: url(http://i.imgur.com/cxd3JtU.png);
background-size: auto;
background-position: center center;
color: #eee; color: #eee;
font-size: 2rem;
}
a{
text-decoration: none;
}
#wrapper{
padding: 25px 40px;
background: #212121;
} }
#main-navigation{ #main-navigation{
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #569045; background: #569045;
padding: 10px 15px;
box-shadow: 3px 3px 2px rgba(0, 0, 0, .4); box-shadow: 3px 3px 2px rgba(0, 0, 0, .4);
ul{ ul{
display: inline-block;
list-style: none; list-style: none;
&.left-menu{ margin: 0;
left: 0;
}
&.right-menu{
margin-left: auto;
margin-right: 0;
}
li{ li{
display: inline-block; display: inline-block;
margin: 0;
} }
a{ a{
color: #212121; padding: 10px 15px;
color: #fff;
font-weight: bold;
transition: color 300ms ease-in-out; transition: color 300ms ease-in-out;
&:hover{ &:hover{
color: lighten(#212121, 10%); color: lighten(#000, 10%);
} }
} }
} }
} }
#banner{
position: relative;
z-index: 2;
height: 420px;
background-image: url(http://i.imgur.com/cxd3JtU.png);
background-size: auto;
background-position: center center;
overflow: hidden;
}