layouts/partials/footer.html
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
<footer>
<p>
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">
<!-- <img alt="Creative Commons License" style="width:18px;transform:translateY(4px);margin-right:4px" src="/img/cc.svg" /> -->
<svg id=cc-logo version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px">
<path d="M31.957,0.311c-8.682,0-16.322,3.213-22.226,9.203
C3.653,15.678,0.354,23.666,0.354,32c0,8.422,3.212,16.236,9.29,22.313c6.078,6.078,13.978,9.377,22.313,9.377
c8.334,0,16.409-3.299,22.66-9.463c5.904-5.817,9.029-13.544,9.029-22.227c0-8.595-3.125-16.408-9.116-22.399
C48.453,3.523,40.639,0.311,31.957,0.311z M32.043,6.041c7.12,0,13.458,2.691,18.406,7.641c4.862,4.861,7.466,11.286,7.466,18.318
c0,7.119-2.518,13.371-7.379,18.146c-5.123,5.035-11.721,7.727-18.493,7.727c-6.858,0-13.283-2.691-18.232-7.641
C8.862,45.283,6.084,38.772,6.084,32c0-6.858,2.778-13.369,7.727-18.406C18.673,8.646,24.924,6.041,32.043,6.041z"/>
<path id="c" d="M31.635,26.734c-1.79-3.264-4.844-4.563-8.389-4.563
c-5.16,0-9.267,3.65-9.267,9.828c0,6.283,3.861,9.829,9.442,9.829c3.581,0,6.635-1.966,8.319-4.949l-3.931-2.001
c-0.878,2.105-2.212,2.738-3.896,2.738c-2.914,0-4.248-2.422-4.248-5.617c0-3.193,1.124-5.616,4.248-5.616
c0.842,0,2.527,0.456,3.51,2.563L31.635,26.734z"/>
<use xlink:href="#c" transform="translate(18.281)"/>
</svg>
</a>
<a href="https://i.prithu.xyz/resume.pdf">résumé</a> •
<a href="https://github.com/prithugoswami">Github</a> •
<a href="mailto:{{ .Site.Params.Author.email }}">Email</a> •
<a href="https://github.com/prithugoswami/personal-website">Source</a>
</p>
</footer>
<script>
// some stinky js. will remove later
function applyTheme(theme) {
document.body.classList.remove("theme-auto", "theme-light", "theme-dark");
document.body.classList.add(`theme-${theme}`);
}
document.addEventListener("DOMContentLoaded", () => {
const savedTheme = localStorage.getItem("theme") || "auto";
applyTheme(savedTheme);
document.querySelector("#theme-btn").addEventListener("click", function () {
const theme = localStorage.getItem("theme") || "auto";
if (theme == "light"){
localStorage.setItem("theme", "dark");
applyTheme("dark");
} else if (theme == "dark") {
localStorage.setItem("theme", "light");
applyTheme("light");
} else {
if (window.matchMedia) {
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
applyTheme("light");
localStorage.setItem("theme", "light");
} else {
applyTheme("dark")
localStorage.setItem("theme", "dark");
}
}
}
});
});
</script>