mirror of
https://github.com/rottenwheel/rottentheme.git
synced 2024-11-24 10:32:26 +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;
|
||||
color: white;
|
||||
}
|
||||
.container {
|
||||
.container, footer {
|
||||
margin: auto;
|
||||
padding: 0.5em 1em;
|
||||
min-width: 300px;
|
||||
|
@ -100,3 +100,26 @@ figcaption h4 {
|
|||
.content a {
|
||||
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