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

Clean up layout a bit more

This commit is contained in:
Sebastian Schulze 2019-11-14 10:36:17 +01:00
parent 36567884a3
commit af382da38f
Signed by: bascht
GPG Key ID: 5BCB1D3B4D38A35A
6 changed files with 36 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
layouts/foursquare_checkin/single.html
View File

@ -1,7 +1,7 @@
{{ partial "header.html" . }}
<body>
{{ partial "navbar.html" . }}
<div class="wrapper clearfix">
<div class="main wrapper clearfix">
<h1><span class="social_logo">{{ partial "social_logo" . }}</span>{{ .Title }}</h1>
<article>
<div class="post-content">
@ -10,12 +10,12 @@
Originally posted to <a href="{{ .Params.original_url }}">{{ .Params.original_url }}</a>
</div>
</article>
<div class="clearfix">
<aside>
<h4>Posted</h4> {{ .Date.Format "January, 02th 2006" }}
<h4>Tags</h4> {{ partial "tags.html" . }}
<hr/>
📂 <a href="/posts/">See all posts</a>
</div>
</aside>
</div>
{{ partial "pager.html" . }}
{{ partial "footer.html" . }}

4
layouts/instagram_image/single.html
View File

@ -5,7 +5,7 @@
<h1>{{ .Title }}</h1>
<article>
<div class="post-content">
<img src="{{ .Params.media_url }}">
<a href="{{ .Params.media_url }}"><img src="{{ .Params.media_url }}"></a>
Originally posted to <a href="{{ .Params.original_url }}">{{ .Params.original_url }}</a>
</div>
</article>
@ -13,7 +13,7 @@
<h4>Posted</h4> {{ .Date.Format "January, 02th 2006" }}
<h4>Tags</h4> {{ partial "tags.html" . }}
<hr/>
📂 <a href="/tech/">Tech-Archive</a>
<a href="/posts/">All Social Posts</a>
</aside>
</div>
{{ partial "pager.html" . }}

4
layouts/instagram_image/summary.html
View File

@ -1,5 +1,5 @@
<a href="{{.Permalink}}">
<a href="{{.Permalink}}" class="summary instagram_image">
<h2><span class="social_logo">{{ partial "social_logo" . }}</span>{{.Title | default "Untitled" }}</h2>
<p><img src="{{ .Params.media_url }}" width="20%" height="20%"></p>
<p><img src="{{ .Params.media_url }}" ></p>
<small>{{ .Date.Format "January, 02th 2006" }}</small>
</a>

2
layouts/section/posts.html
View File

@ -6,7 +6,7 @@
{{ $paginator := .Paginate ((where .Data.Pages "Section" "posts").GroupByDate "January 2006") }}
{{ range $paginator.PageGroups }}
<h2>{{ .Key }}</h2>
<div class="posts clearfix">
<div class="posts summary clearfix">
{{ range .Pages.ByDate.Reverse }}
{{ .Render "summary" }}
{{ end }}

5
layouts/spotify_like/summary.html
View File

@ -1,5 +1,4 @@
<a href="{{.Permalink}}">
<h2>{{.Title}}</h2>
<a href="{{.Permalink}}" class="spotify_like">
<h2><span class="social_logo">{{ partial "social_logo" . }}</span>{{.Title | truncate 50}}</h2>
<small>{{ .Date.Format "January, 02th 2006" }}</small>
<hr/>
</a>

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

@ -200,17 +200,31 @@ article.summary a.anchor {
text-decoration: none;
}
.posts {
/* width: 80%; */
/* min-width: 10%; */
/* max-width: 20%; */
display: flex;
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
box-sizing: border-box;
/* align-items: center; */
align-content: stretch;
}
.posts a {
width: 80%;
padding: 1em;
box-sizing: border-box;
margin: 1em;
display: block;
width: 20%;
/* height: 10px; */
flex: 1 auto;
/* float: left; */
/* height: 50px; */
border: 1px solid #cdcdcd;
border-radius: 5px;
/* overflow: hidden; */
overflow: hidden;
text-decoration: none;
color: inherit;
@ -219,6 +233,9 @@ article.summary a.anchor {
background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%);
}
.posts.summary a h2 {
white-space: nowrap;
}
.posts a:hover {
background: #f2f2f2;
@ -228,6 +245,12 @@ article.summary a.anchor {
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
}
.posts .summary.instagram_image img {
width: 85%;
}
.posts.summary .spotify_like {
width: 300px
}
.posts span.social_logo {
color: #f2f2f2;
width: 0.7em;