blob: ba463059417ad63cf51890671e9f29997c9c8506 (
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
97
98
99
100
101
102
103
104
105
106
107
108
|
<footer style="display: flex; flex-direction: column; margin-top: 0.5em;">
<div style="position: fixed; bottom: 60px; margin: auto; width: 95%; max-width: 960px;">
<i
class="to-top-button"
onclick="toTop()"
style="
display: none;
transform: rotate(-90deg);
background-color: var(--bgLighter);
border-radius: 50%;
border: solid 2px var(--primaryColor);
padding: 10px;
position: absolute;
cursor: pointer;
right: 0;
font-size: 1.25em;
"
>{{ partial "icons/chevron" . }}</i
></div>
{{ if eq .Kind "page" }} {{ partial "prevnext.html" . }} {{ end }}
{{ if eq .Kind "section" }}
<div>
{{ template "_internal/pagination.html" . }}
</div>
{{ end }}
<div
style="
font-size: 0.8em;
background-color: var(--bgDarker);
box-shadow: 0px 0px 2px 2px black;
"
>
<div style="display: flex; flex-wrap: wrap;">
<div
class="footer-about"
style="
padding: 0 15px;
max-width: 400px;
flex-basis: 33%;
box-sizing: border-box;
"
>
<h3>About Me</h3>
<img
style="max-width: 100px; border-radius: 50%; display: block;"
src="{{ .Site.Params.profileImage | relURL }}"
/>
<p>
{{ .Site.Params.shortAbout }}
<a href="{{ `about` | relURL }}">More</a>
</p>
</div>
<div
class="footer-social"
style="
padding: 0 15px;
max-width: 400px;
flex-basis: 33%;
box-sizing: border-box;
"
>
<h3>Contact Me</h3>
<ul style="padding: 0;">
{{ range $key, $val := .Site.Params.social }}
<li style="list-style: none;">
<a href="{{ $val }}" style="font-variant: small-caps;"
>{{ partial (print "icons/" $key) . }}{{ $key }}</a
>
</li>
{{ end }}
</ul>
</div>
<div
class="footer-recent"
style="
padding: 0 15px;
max-width: 400px;
flex-basis: 33%;
flex-grow: 1;
box-sizing: border-box;
"
>
<h3>Recent Posts</h3>
<ul style="padding: 0;">
{{ range ((where .Site.Pages "Kind" "page").ByDate.Reverse) | first 5 }}
<li style="list-style: none;">
<a href="{{ .Permalink }}">{{ .Title | truncate 25 }}</a>
</li>
{{ end }}
</ul>
</div>
</div>
<hr style="width: 50%; border-color: var(--textColor);" />
<div style="text-align: center;">
<p style="margin: 0 0 5px 0;">{{ .Site.Params.footer }}</p>
<p style="margin: 0;">
<a href="https://github.com/darshanbaral/ghazal">ghazal</a> by
<a href="https://www.darshanbaral.com/">darshan</a>.
</p>
</div>
</div>
</footer>
<script>
toTop = () => {
window.scrollTo({top: 0, behavior: 'smooth'});
}
</script>
|
