BitGoblin/minecraft-website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Started redesigning the site

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/_layouts/default.html
View File

@ -11,34 +11,25 @@
</head>
<body>
<div id="wrapper" class="container">
<!-- main navigation bar -->
<nav id="main-navigation">
<ul class="left-menu">
<div class="row">
<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 %}">Updates</a></li>
<li><a href="{% link index.markdown %}">Server Info</a></li>
</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.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="columns twelve">
<header id="banner">
<h1>Bit Goblin &lt;3 Minecraft</h1>
</header>
</div>
</div>
</div>
<!-- page content -->
<div class="container">
<!-- main content -->
{{ content }}
</div>
</body>

17
src/about.markdown
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

79
src/assets/stylesheets/falador.scss
View File

@ -2,49 +2,44 @@
---
body{
padding-top: 100px;
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;
padding-top: 25px;
background-image: url(http://i.imgur.com/cxd3JtU.png);
background-size: auto;
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%);
}
}
}
}