mirror of
https://github.com/rottenwheel/rottentheme.git
synced 2024-11-24 18:42:25 +00:00
feat: implement footer
This commit is contained in:
parent
d32fb7b421
commit
359f7bb227
2 changed files with 38 additions and 1 deletions
|
@ -6,7 +6,7 @@ body {
|
||||||
background: black;
|
background: black;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
.container {
|
.container, footer {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: 0.5em 1em;
|
padding: 0.5em 1em;
|
||||||
min-width: 300px;
|
min-width: 300px;
|
||||||
|
@ -100,3 +100,26 @@ figcaption h4 {
|
||||||
.content a {
|
.content a {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
footer ul {
|
||||||
|
list-style-type: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
footer ul li {
|
||||||
|
display: inline;
|
||||||
|
font-size: 1em;
|
||||||
|
line-height: 1.7em;
|
||||||
|
}
|
||||||
|
footer ul li img {
|
||||||
|
display: inline;
|
||||||
|
height: 1rem;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin-bottom: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
footer ul li::after {
|
||||||
|
content: " | ";
|
||||||
|
}
|
||||||
|
footer ul :last-child::after {
|
||||||
|
content: "";
|
||||||
|
}
|
|
@ -0,0 +1,14 @@
|
||||||
|
<footer>
|
||||||
|
<a href="{{- .Site.Params.repo -}}">Source Code</a>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
{{- range .Site.Params.footer.items -}}
|
||||||
|
<li>
|
||||||
|
{{- if .icon -}}
|
||||||
|
<img src="/icons/{{- .icon -}}" alt="{{- .name -}}" />
|
||||||
|
{{- end -}}
|
||||||
|
<a href="{{- .link -}}">{{- .name -}}</a>
|
||||||
|
</li>
|
||||||
|
{{- end -}}
|
||||||
|
</ul>
|
||||||
|
</footer>
|
Loading…
Reference in a new issue