Browse Source

Added footer and link to resume

master
Drew Short 5 years ago
parent
commit
924dda5b8d
  1. 4
      config.toml
  2. 8
      themes/pure/layouts/_default/baseof.html
  3. 5
      themes/pure/layouts/partials/footer.html
  4. 11
      themes/pure/layouts/partials/head.html
  5. 21
      themes/pure/static/assets/css/style.css

4
config.toml

@ -5,6 +5,10 @@ theme = "pure"
[params]
[params.links]
[params.links.resume]
priority = 10
title = "Résumé"
url = "https://sothr.com/resume/"
[params.links.linkedin]
title = "LinkedIn"
image = "assets/img/linkedin.png"

8
themes/pure/layouts/_default/baseof.html

@ -2,7 +2,9 @@
<html lang="en">
{{- partial "head.html" . -}}
<body>
{{- partial "header.html" . -}}
<div id="header">
{{- partial "header.html" . -}}
</div>
<div id="content" class="pure-g">
<div class="pure-u-1-5"></div>
<div class="pure-u-3-5">
@ -10,6 +12,8 @@
</div>
<div class="pure-u-1-5"></div>
</div>
{{- partial "footer.html" . -}}
<div id="footer">
{{- partial "footer.html" . -}}
</div>
</body>
</html>

5
themes/pure/layouts/partials/footer.html

@ -0,0 +1,5 @@
<div class="pure-g">
<div class="pure-u-1 text-align-right">
&COPY; 2014 - Present Drew Short ALL RIGHTS RESERVED.
</div>
</div>

11
themes/pure/layouts/partials/head.html

@ -18,14 +18,17 @@
{{ range where .Site.Pages "Type" "navLink" }}
<li class="pure-menu-list"><a href="{{ .URL }}" class="pure-menu-link" title="{{ .Title }}">{{ .Title }}</a></li>
{{ end }}
{{ range .Site.Params.links }}
{{ range sort .Site.Params.links "priority" "desc" }}
<li class="pure-menu-list">
{{ if .image }}
<a href="{{ .url }}" target="_blank" title="{{ .title }}">
{{ if .image }}
<img src="{{ .image | absURL }}" />
{{ else }}
</a>
{{ else }}
<a href="{{ .url }}" target="_blank" class="pure-menu-link" title="{{ .title }}">
{{ .title }}
{{ end }}
</a>
{{ end }}
</a>
</li>
{{ end }}

21
themes/pure/static/assets/css/style.css

@ -23,4 +23,25 @@ nav ul li a img {
nav ul li a img:hover {
background: #eee;
}
#container {
min-height: 100%;
position: relative;
}
#body {
padding: 10px;
padding-bottom: 2em; /* Height of the footer */
}
#footer {
position: absolute;
bottom: 0;
width: 100%;
height: 2em; /* Height of the footer */
}
.text-align-right {
text-align: right;
}