bascht
/
bascht.com
1
0
Fork 0
Code Releases Activity

[html] Fixup layouts for instagram video previews

This commit is contained in:
Sebastian Schulze 2019-11-20 14:25:02 +01:00
parent b30d3cb72f
commit ca04cc1d0f
Signed by: bascht
GPG Key ID: 5BCB1D3B4D38A35A
3 changed files with 28 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
layouts/instagram_video/single.html
View File

@ -1,25 +1,26 @@
{{ partial "header.html" . }}
<body>
{{ partial "navbar.html" . }}
<div class="main wrapper clearfix">
<h1><span class="social_logo">{{ partial "social_logo" . }}</span>{{ .Title }}</h1>
<article>
<div class="post-content">
<video controls>
<source src="{{ .Params.media_url }}" type="video/mp4">
</video>
<hr/>
Originally posted to <a href="{{ .Params.original_url }}">{{ .Params.original_url }}</a>
</div>
</article>
<aside>
<h4>Posted</h4> {{ .Date.Format "January, 02th 2006" }}
<h4>Tags</h4> {{ partial "tags.html" . }}
<hr/>
📂 <a href="/tech/">Tech-Archive</a>
</aside>
</div>
{{ partial "pager.html" . }}
{{ partial "footer.html" . }}
{{ partial "navbar.html" . }}
<div class="main wrapper clearfix">
<h1><span class="social_logo">{{ partial "social_logo" . }}</span>{{ .Title }}</h1>
<article>
<div class="post-content">
<video controls {{ if .Params.preview_url }}poster="{{ .Params.preview_url }}"{{ end }}>
<source src="{{ .Params.media_url }}" type="video/mp4">
<source src="{{ .Params.media_url }}" type="video/mp4">
</video>
<hr/>
Originally posted to <a href="{{ .Params.original_url }}">{{ .Params.original_url }}</a>
</div>
</article>
<aside>
<h4>Posted</h4> {{ .Date.Format "January, 02th 2006" }}
<h4>Tags</h4> {{ partial "tags.html" . }}
<hr/>
📂 <a href="/tech/">Tech-Archive</a>
</aside>
</div>
{{ partial "pager.html" . }}
{{ partial "footer.html" . }}
</body>
</html>

9
layouts/instagram_video/summary.html
View File

@ -1,6 +1,7 @@
<a href="{{.Permalink}}">
<a href="{{.Permalink}}" class="summary instagram_video">
<h2><span class="social_logo">{{ partial "social_logo" . }}</span> {{.Title}}</h2>
<small>{{ .Date.Format "January, 02th 2006" }}</small>
<hr/>
{{ .Summary }}
{{ if .Params.preview_url }}<p><img src="{{ .Params.preview_url }}" ></p>{{ end }}
<small>{{ .Date.Format "January, 02th 2006" }}</small>
<hr/>
{{ .Summary }}
</a>

1
static/css/bascht.com.css
View File

@ -248,6 +248,7 @@ article.summary a.anchor {
}
.posts .summary.instagram_video img,
.posts .summary.instagram_image img {
width: 85%;
}