mxmehl/mehl.mx
1
0
Fork 0
Code Issues 3 Pull Requests Actions Releases Wiki Activity

better design for single template

Browse Source
This commit is contained in:
max.mehl
2019-10-19 20:03:05 +02:00
parent 56e9170f01
commit c32b0237a7
2 changed files with 32 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
themes/hugo-sustain/layouts/_default/single.html
View File

@@ -8,15 +8,34 @@
<div class="container {{ replace (.LinkTitle | lower) " " "_" }}"> <!-- add link title add class --> <div class="container {{ replace (.LinkTitle | lower) " " "_" }}"> <!-- add link title add class -->
<h1>{{ .Title }}</h1> <h1>{{ .Title }}</h1>
{{ if ne .Params.page true }} {{ if ne .Params.page true }}
<div> <div class="metadata-page">
<p class="categories"> <div class="row vertical-align">
{{ .Date.Format "2 January 2006" }} <div class="col-xs-3 col-md-2 text-right">
&nbsp;&nbsp; <em>Date:</em>
{{ range .Params.tags }} </div>
<a class="label label-success" href="/tags/{{ lower . }}">{{ . }}</a> <div class="col-xs-9 col-md-10">
{{ end }} {{ .Date.Format "2 January 2006" }}
</p> </div>
</div> </div>
<div class="row vertical-align">
<div class="col-xs-3 col-md-2 text-right">
<em>Tags:</em>
</div>
<div class="col-xs-9 col-md-10">
{{ range .Params.tags }}
<a class="label label-success" href="/tags/{{ lower . }}">{{ . }}</a>
{{- end -}}
</div>
</div>
<div class="row vertical-align">
<div class="col-xs-3 col-md-2 text-right">
<em>RSS Feed:</em>
</div>
<div class="col-xs-9 col-md-10">
<span class="article-rss"><a class="label label-rss" href="/index.xml" title="RSS Feed"><i class="fa fa-rss" aria-hidden="true"></i> Subscribe</a></span>
</div>
</div>
</div>
{{ end }} {{ end }}
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-body"> <div class="panel-body">

5
themes/hugo-sustain/static/css/custom.css
View File

@@ -21,9 +21,12 @@ div.footer {
color: #FFF; color: #FFF;
} }
.container a.label-rss { .container a.label-rss {
background-color: rgba(242, 101, 34, 0.9); background-color: rgba(242, 101, 34, 0.8);
color: #FFF; color: #FFF;
} }
.container a.label-rss:hover {
background-color: rgba(242, 101, 34, 1);
}
.container h1 { .container h1 {
font-weight: bold; font-weight: bold;
color: #0D76EC; color: #0D76EC;