blob: 9dc52861c663a6c3b41b718504c1ed01bb247778 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
|
{{ define "title" -}}
{{ .Title | title }}
{{- end }}
{{ define "main" -}}
{{ .Content }}
<style>
time {
float: right;
font-size: 0.8em;
color: var(--light-fg);
}
.project-title {
font-size: 1.2em;
color: var(--header-fg);
text-decoration: none;
}
.project-box > * {
margin-left: 5px;
margin-right: 5px;
}
.project-box {
margin-bottom: 1em;
padding: 7px;
border-radius: 10px;
position: relative;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
background: linear-gradient(
45deg,
#222d32,
#111a1f
);
z-index: 1;
}
.project-box::before {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(
45deg,
#111a1f,
#222d32
);
border-radius: 10px;
z-index: -1;
transition: opacity 0.5s linear;
opacity: 0;
}
.project-box:hover::before {
opacity: 1;
}
/* Align the read more link to the bottom right corner of the box */
.read-more {
position: absolute;
bottom: 0;
right: 0;
margin: 5px;
font-size: 0.8em;
color: var(--header-fg);
transition: color 0.5s ease-out;
text-decoration: none;
padding: 5px;
border-radius: 7px;
background: linear-gradient(
-45deg,
#a84,
#223
);
}
.read-more:hover {
color: var(--link-fg-std);
}
</style>
{{- range.Pages }}
<div class="project-box">
<a class="project-title" href="{{ .RelPermalink }}">{{ .Title }}</a>
{{- if .Param "datesinlist" }}<time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">{{ .Date.Format "2006 Jan 02" }}</time> {{ end -}}
{{ $summary := index (split .Content "</p>") 0 }}
<p>{{ $summary | plainify }} </p>
{{- if .Param "authorsinlist" }}
{{ with .Params.authors }}
by
{{ delimit . ", " " and " }}
{{end}}
<a class="read-more" href="{{ .RelPermalink }}">Read more...</a>
</div>
{{ end -}}
{{- end }}
{{- end }}
|
