archive/theorangeone.net-legacy
1
Fork 0
Code Activity

Add footer

Browse source
This commit is contained in:
Jake Howard 2017-10-25 13:49:43 +01:00
parent 31f9dcf274
commit 518d7eed5d
Signed by: jake
GPG key ID: 57AFB45680EDD477
3 changed files with 34 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
layouts/_default/baseof.html
View file

@ -12,7 +12,7 @@
</head>
<body>
<nav class="navbar navbar-expand-sm navbar-dark bg-black">
<nav class="navbar navbar-expand-sm navbar-dark bg-black fixed-top">
<a class="navbar-brand" href="{{ .Site.BaseURL }}">/home/{{ lower .Site.Title }}</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
@ -46,6 +46,26 @@
{{ block "main" . }}{{ end }}
<footer class="bg-light p-5">
<div class="container">
<div class="row">
<div class="col-sm-6">
<p>
&copy; {{ now.Year }} <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>.
</p>
<p></p>
</div>
<div class="col-sm-6">
<h3 class="text-right">
<a href=""><i class="mx-1 fa fa-github" aria-hidden="true"></i></a>
<a href=""><i class="mx-1 fa fa-twitter" aria-hidden="true"></i></a>
<a href=""><i class="mx-1 fa fa-rss" aria-hidden="true"></i></a>
</h3>
</div>
</div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="{{ .Site.BaseURL }}/js/app.js"></script>
</body>

4
layouts/index.html
View file

@ -1,6 +1,6 @@
{{ define "main" }}
<header id="index-header" class="d-flex align-items-center" style="height: 75vh">
<div class="text-center m-auto">
<header id="index-header" class="d-flex align-items-center" style="height: 90vh; background-image: url('/img/header.jpg')">
<div class="text-center m-auto text-light">
<h1 class="display-1">{{ .Title }}</h1>
<p class="lead">{{ .RawContent }}</p>
</div>

11
static/src/scss/style.scss
View file

@ -96,3 +96,14 @@ table td {
.bg-black {
background-color: #000;
}
footer {
color: $gray-700;
a {
color: $gray-700;
&:hover {
color: #000;
}
}
}