Add new layouts for lists (news, lectures, projects).

epvpn
Robert Jacob 6 years ago
parent e2506728ed
commit 90c17367a6
  1. 1
      content/projekt/StromMonitor.md
  2. 1
      content/projekt/motivationswaage.md
  3. 1
      content/projekt/wetterbimmler.md
  4. 1
      content/projekt/zeedee.md
  5. 13
      layouts/news/li.html
  6. 8
      layouts/partials/block-list.html
  7. 1
      layouts/partials/head.html
  8. 2
      layouts/partials/post-list.html
  9. 12
      layouts/projekt/li.html
  10. 2
      layouts/section/projekt.html
  11. 2
      layouts/section/vortrag.html
  12. 32
      layouts/vortrag/li.html
  13. 112
      static/css/hacknology.css

@ -5,6 +5,7 @@ status: in Vorbereitung
difficulty: Einfach bis Medium, je nach Vorkenntnissen
time: 4 Stunden bis 4 Wochen ;-)
date: 2017-03-19
image: /images/Strom-Monitor-s0.png
---

@ -5,6 +5,7 @@ status: Aktiv
difficulty: Einfach
time: 2-4 Stunden
date: 2016-05-10
image: /images/motivatingscale2.jpg
---
## Ziel und Funktionsweise

@ -5,6 +5,7 @@ status: Aktiv
difficulty: Einfach
time: 1 Stunde
date: 2017-06-18
image: /images/2bimmler.jpg
---
{{< fluid_img alt="Wetterbimmler" src="/images/2bimmler.jpg" >}}

@ -5,6 +5,7 @@ status: Aktiv
difficulty: Einfach
time: 2-4 Stunden
date: 2016-10-16
image: /images/zeedee1.jpg
---
{{< fluid_img alt="ZeeDee - Aussenansicht" src="/images/zeedee1.jpg" >}}

@ -0,0 +1,13 @@
<li class="hn-post-list-item">
<div class="hn-post-list-item-header">
<time class="hn-post-list-item-time">{{ with .Site.Params.dateFormat }}{{ $.Date.Format . }}{{ else }}{{ .Date.Format "02 Jan 2006, 15:04" }}{{ end }}</time> <a href="{{ .Permalink }}">{{ .Title }}</a>
</div>
<div class="hn-post-list-item-body">
{{ .Summary }}
{{ if .Truncated }}
<div class="hn-post-list-read-more">
<a href="{{ .Permalink }}">Weiterlesen...</a>
</div>
{{ end }}
</div>
</li>

@ -0,0 +1,8 @@
<div class="content">
{{ range .Data.Pages.GroupByDate "2006" }}
<h2>{{ .Key }}</h2>
{{ range .Pages }}
{{ .Render "li" }}
{{ end }}
{{ end }}
</div>

@ -25,6 +25,7 @@
{{ "<!--<![endif]-->" | safeHTML }}
<link rel="stylesheet" href="/css/blackburn.css">
<link rel="stylesheet" href="/css/hacknology.css">
<!-- Icons -->
<link rel="stylesheet" href="/lib/font-awesome-4.7.0/css/font-awesome.min.css">

@ -1,7 +1,7 @@
<div class="content">
{{ range .Data.Pages.GroupByDate "2006" }}
<h2>{{ .Key }}</h2>
<ul>
<ul class="hn-post-list">
{{ range .Pages }}
{{ .Render "li" }}
{{ end }}

@ -0,0 +1,12 @@
<div class="hn-block-item">
<div class="hn-project-list-item"{{ if .Params.image }} style="background-image: url({{ .Params.image | absURL }})"{{ end }}>
<a class="hn-project-list-item-link" href="{{ .Permalink }}">
<div class="hn-project-list-item-content">
<div class="hn-project-list-item-text">{{ .Title }}</div>
{{ if .Params.author }}
<div class="hn-project-list-item-author">von: {{ .Params.author }}</div>
{{ end }}
</div>
</a>
</div>
</div>

@ -3,6 +3,6 @@
<div class="header">
<h1>Projekte</h1>
</div>
{{ partial "post-list.html" . }}
{{ partial "block-list.html" . }}
{{ partial "footer.html" . }}

@ -3,6 +3,6 @@
<div class="header">
<h1>Vorträge</h1>
</div>
{{ partial "post-list.html" . }}
{{ partial "block-list.html" . }}
{{ partial "footer.html" . }}

@ -0,0 +1,32 @@
<div class="hn-block-item">
<div class="hn-lecture-list-item">
<table class="hn-lecture-list-item-content pure-table">
<thead>
<tr>
<th class="hn-post-list-item-header" colspan="2"><a href="{{ .Permalink }}">{{ .Title }}</a></th>
</tr>
</thead>
<tbody>
<tr>
<th>Am</th>
<td>{{ .Date.Format "02 Jan 2006" }}</td>
</tr>
<tr>
<th>Von</th>
<td>{{ .Params.lecturer }}</td>
</tr>
<tr>
<th>Schwierigkeit</th>
<td>{{ .Params.difficulty }}</td>
</tr>
{{ if not (eq (.Date.Format "02 Jan 2006") (.Lastmod.Format "02 Jan 2006")) }}
<tr>
<th>Geändert</th>
<td>{{ .Lastmod.Format "02 Jan 2006" }}</td>
</tr>
{{ end }}
</tbody>
</table>
</div>
</div>

@ -0,0 +1,112 @@
.hn-post-list {
padding: 0px;
}
.hn-post-list-item {
list-style: none;
margin-bottom: 2em;
}
.hn-post-list-item-header {
font-weight: bold;
}
.hn-post-list-item-time {
display: block;
float: right;
font-weight: normal;
}
.hn-post-list-read-more {
text-align: right;
}
.hn-block-item {
display: inline-block;
margin: 5px;
max-width: 400px;
}
.hn-project-list-item {
margin: 10px;
width: 300px;
height: 200px;
border: solid rgb(238, 238, 238);
background-repeat: no-repeat;
background-size: cover;
}
.hn-project-list-item-link {
width: 280px;
height: 180px;
display: block;
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.5);
-webkit-transition: background .5s ease-out;
-moz-transition: background .5s ease-out;
-o-transition: background .5s ease-out;
transition: background .5s ease-out;
}
a.hn-project-list-item-link:link {
color: #191818;
text-decoration: none;
}
a.hn-project-list-item-link:visited {
color: #191818;
text-decoration: none;
}
a.hn-project-list-item-link:hover {
color: #191818;
text-decoration: none;
background-color: #FFF;
}
a.hn-project-list-item-link:active {
color: #191818;
text-decoration: none;
}
.hn-project-list-item-content {
text-align: center;
}
.hn-project-list-item-text {
font-weight: bold;
font-size: 1.2em;
position: relative;
bottom: 0;
}
.hn-project-list-item-author {
font-size: 0.8em;
opacity: 0;
-webkit-transition: opacity .5s ease-out;
-moz-transition: opacity .5s ease-out;
-o-transition: opacity .5s ease-out;
transition: opacity .5s ease-out;
}
.hn-project-list-item-link:hover .hn-project-list-item-author {
opacity: 1;
}
.hn-lecture-list-item {
width: 350px;
}
.hn-lecture-list-item-content {
width: inherit;
}
.hn-lecture-list-item-content th {
text-align: left;
width: 1px;
}
Loading…
Cancel
Save