Started redesigning the site
This commit is contained in:
parent
11c0357d56
commit
662f4f6675
@ -11,34 +11,25 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
<div id="wrapper" class="container">
|
||||||
<!-- main navigation bar -->
|
<!-- main navigation bar -->
|
||||||
<nav id="main-navigation">
|
<div class="row">
|
||||||
<ul class="left-menu">
|
<nav id="main-navigation" class="columns twelve">
|
||||||
|
<ul class="u-pull-left">
|
||||||
<li><a href="{% link index.markdown %}">Home</a></li>
|
<li><a href="{% link index.markdown %}">Home</a></li>
|
||||||
<li><a href="{% link index.markdown %}">Updates</a></li>
|
<li><a href="{% link index.markdown %}">Updates</a></li>
|
||||||
<li><a href="{% link index.markdown %}">Server Info</a></li>
|
<li><a href="{% link index.markdown %}">Server Info</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<ul class="right-menu">
|
<ul class="u-pull-right">
|
||||||
<li><a href="{{ site.links.bitgoblin }}">Bit Goblin</a></li>
|
<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.youtube_channel }}">YouTube</a></li>
|
||||||
<li><a href="{{ site.links.forum }}">Forum</a></li>
|
<li><a href="{{ site.links.forum }}">Forum</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<!-- minecraft banner -->
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="columns twelve">
|
|
||||||
<header id="banner">
|
|
||||||
<h1>Bit Goblin <3 Minecraft</h1>
|
|
||||||
</header>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- page content -->
|
<!-- main content -->
|
||||||
<div class="container">
|
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
@ -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
|
|
@ -2,49 +2,44 @@
|
|||||||
---
|
---
|
||||||
|
|
||||||
body{
|
body{
|
||||||
padding-top: 100px;
|
padding-top: 25px;
|
||||||
background: #212121;
|
|
||||||
color: #eee;
|
|
||||||
}
|
|
||||||
|
|
||||||
#main-navigation{
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
background: #569045;
|
|
||||||
box-shadow: 3px 3px 2px rgba(0, 0, 0, .4);
|
|
||||||
|
|
||||||
ul{
|
|
||||||
display: inline-block;
|
|
||||||
list-style: none;
|
|
||||||
&.left-menu{
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
&.right-menu{
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
li{
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
a{
|
|
||||||
color: #212121;
|
|
||||||
transition: color 300ms ease-in-out;
|
|
||||||
&:hover{
|
|
||||||
color: lighten(#212121, 10%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#banner{
|
|
||||||
position: relative;
|
|
||||||
z-index: 2;
|
|
||||||
height: 420px;
|
|
||||||
background-image: url(http://i.imgur.com/cxd3JtU.png);
|
background-image: url(http://i.imgur.com/cxd3JtU.png);
|
||||||
background-size: auto;
|
background-size: auto;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
overflow: hidden;
|
color: #eee;
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
a{
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#wrapper{
|
||||||
|
padding: 25px 40px;
|
||||||
|
background: #212121;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main-navigation{
|
||||||
|
background: #569045;
|
||||||
|
padding: 10px 15px;
|
||||||
|
box-shadow: 3px 3px 2px rgba(0, 0, 0, .4);
|
||||||
|
|
||||||
|
ul{
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
li{
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
a{
|
||||||
|
padding: 10px 15px;
|
||||||
|
color: #fff;
|
||||||
|
font-weight: bold;
|
||||||
|
transition: color 300ms ease-in-out;
|
||||||
|
&:hover{
|
||||||
|
color: lighten(#000, 10%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user