Added homepage

This commit is contained in:
Gregory Ballantine 2022-11-25 14:27:24 -05:00
parent afd6ffc3f1
commit 7c55247af0
3 changed files with 63 additions and 9 deletions

View File

@ -1,8 +1,43 @@
html,
$nav-height: 65px
body
margin: 0
padding: 0
background: lightgrey
padding: $nav-height 0 0
background: white
#main-nav
position: fixed
top: 0
left: 0
width: 100%
height: $nav-height
background: cornflowerblue
.nav-left,
.nav-right
list-style: none
li
display: inline-block
.nav-left
float: left
.nav-right
float: right
.site-logo,
.nav-link a
display: inline-block
padding: 15px 15px
color: black
font-size: 2rem
transition: all 230ms ease-in-out
&:hover
color: #333
.site-logo
padding-left: 25px
font-weight: bold
#main-wrapper
max-width: 1180px
margin-top: 15px
padding: 20px 27px

View File

@ -1,5 +1,24 @@
{{ template "layout_header" . }}
<p>This is a test.</p>
<div id="main-wrapper" class="container">
<div class="row">
<div class="twelve columns">
<h1>Welcome to Colossus!</h1>
<p>Using Colossus you can easily keep track of your PC hardware benchmarking results and benchmark settings.</p>
</div>
</div>
<div class="row">
<div class="four columns">
<p><a href="/benchmark/add">Add benchmarking result</a></p>
</div>
<div class="four columns">
<p><a href="/hardware/add">Add new hardware</a></p>
</div>
<div class="four columns">
<p><a href="/game/add">Add new game</a></p>
</div>
</div>
</div>
{{ template "layout_footer" . }}

View File

@ -1,11 +1,11 @@
{{ define "navbar" }}
<nav id="main-nav">
<ul class="nav-left">
<li>Goliath</li>
<li><a href="/">Dashboard</a></li>
<li><a href="/benchmark">Benchmarks</a></li>
<li><a href="/hardware">Hardware</a></li>
<li><a href="/game">Games</a></li>
<li class="site-logo">Goliath</li>
<li class="nav-link"><a href="/">Dashboard</a></li>
<li class="nav-link"><a href="/benchmark">Benchmarks</a></li>
<li class="nav-link"><a href="/hardware">Hardware</a></li>
<li class="nav-link"><a href="/game">Games</a></li>
</ul>
</nav>
{{ end }}