summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMateja <mail@matejamaric.com>2021-03-27 17:08:45 +0100
committerMateja <mail@matejamaric.com>2021-03-27 17:08:45 +0100
commit233b720fc8653dbae301799cc1dc650f299193bf (patch)
treec01f21ff61a562b761ab7648ec372678e37f7fae
parentc2315bccc5f3f25e378d549cd17da93c6b6c8a96 (diff)
downloadblog-233b720fc8653dbae301799cc1dc650f299193bf.tar.gz
blog-233b720fc8653dbae301799cc1dc650f299193bf.zip
Using Google Fonts and adding social icons.
Diffstat
-rw-r--r--layouts/_default/baseof.html13
-rw-r--r--static/envelope.svg5
-rw-r--r--static/git.svg5
-rw-r--r--static/github.svg5
-rw-r--r--static/linkedin.svg5
-rw-r--r--static/mastodon.svg5
-rw-r--r--static/style.css14
-rw-r--r--static/twitter.svg5
8 files changed, 54 insertions, 3 deletions
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 56e582c..003cece 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -12,6 +12,9 @@
<meta name="viewport" content="width=device-width initial-scale=1.0" />
<link href="/style.css" rel="stylesheet" type="text/css" />
<title>{{ .Title }}</title>
+ <link rel="preconnect" href="https://fonts.gstatic.com">
+ <link href="https://fonts.googleapis.com/css2?family=Inconsolata&family=Noto+Sans&family=Noto+Serif&display=swap"
+ rel="stylesheet">
</head>
<body>
@@ -19,9 +22,15 @@
<div class="mm">Mateja Maric</div>
<a {{ if eq .RelPermalink "/" }} class="active" {{ end }} href="/">Home</a>
<a {{ if eq .RelPermalink "/blog/" }} class="active" {{ end }} href="/blog/">Blog</a>
- <a target="_blank" href="https://github.com/MatejaMaric">GitHub</a>
- <a target="_blank" href="https://git.matejamaric.com">Git server</a>
<a {{ if eq .RelPermalink "/contact/" }} class="active" {{ end }} href="/contact/">Contact</a>
+ <div class="icons">
+ <a target="_blank" href="https://github.com/MatejaMaric" title="My GitHub Profile."><img src="/github.svg"></a>
+ <a target="_blank" href="https://git.matejamaric.com" title="My Personal Git Server."><img src="/git.svg"></a>
+ <a href="mailto:mail@matejamaric.com" title="Email me!"><img src="/envelope.svg"></a>
+ <!--<a href="#" title="My Twitter Profile."><img src="/twitter.svg"></a>-->
+ <!--<a href="#" title="My Mastodon Profile."><img src="/mastodon.svg"></a>-->
+ <!--<a href="#" title="My Linkedin Profile."><img src="/linkedin.svg"></a>-->
+ </div>
</nav>
<main>
{{ block "main" . }}{{ end }}
diff --git a/static/envelope.svg b/static/envelope.svg
new file mode 100644
index 0000000..853b0f3
--- /dev/null
+++ b/static/envelope.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 20 20">
+<title>envelope</title>
+<path style="fill:#EEE" d="M18 2c1.105 0 2 0.895 2 2v0 12c0 1.105-0.895 2-2 2v0h-16c-1.105 0-2-0.895-2-2v0-12c0-1.1 0.9-2 2-2h16zM13.63 11.1l6.37 4.9v-2l-5.12-3.9 5.12-4.1v-2l-10 8-10-8v2l5.12 4.1-5.12 3.9v2l6.37-4.9 3.63 2.9 3.63-2.9z"></path>
+</svg>
diff --git a/static/git.svg b/static/git.svg
new file mode 100644
index 0000000..8e66fe0
--- /dev/null
+++ b/static/git.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>git</title>
+<path style="fill:#EEE" d="M31.397 14.575l-13.972-13.971c-0.804-0.805-2.109-0.805-2.915 0l-3.246 3.246 2.443 2.443c0.392-0.187 0.83-0.293 1.293-0.293 1.657 0 3 1.343 3 3 0 0.463-0.105 0.902-0.293 1.293l3.999 3.999c0.392-0.187 0.83-0.293 1.293-0.293 1.657 0 3 1.343 3 3s-1.343 3-3 3-3-1.343-3-3c0-0.463 0.105-0.902 0.293-1.293l-3.999-3.999c-0.095 0.046-0.193 0.086-0.293 0.121v8.343c1.165 0.412 2 1.522 2 2.829 0 1.657-1.343 3-3 3s-3-1.343-3-3c0-1.306 0.835-2.417 2-2.829v-8.343c-1.165-0.412-2-1.522-2-2.829 0-0.463 0.105-0.902 0.293-1.293l-2.443-2.443-9.247 9.246c-0.805 0.806-0.805 2.11 0 2.915l13.973 13.971c0.804 0.805 2.109 0.805 2.915 0l13.906-13.906c0.805-0.805 0.805-2.111-0-2.915z"></path>
+</svg>
diff --git a/static/github.svg b/static/github.svg
new file mode 100644
index 0000000..edd4159
--- /dev/null
+++ b/static/github.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>github</title>
+<path style="fill:#EEE" d="M16 0.395c-8.836 0-16 7.163-16 16 0 7.069 4.585 13.067 10.942 15.182 0.8 0.148 1.094-0.347 1.094-0.77 0-0.381-0.015-1.642-0.022-2.979-4.452 0.968-5.391-1.888-5.391-1.888-0.728-1.849-1.776-2.341-1.776-2.341-1.452-0.993 0.11-0.973 0.11-0.973 1.606 0.113 2.452 1.649 2.452 1.649 1.427 2.446 3.743 1.739 4.656 1.33 0.143-1.034 0.558-1.74 1.016-2.14-3.554-0.404-7.29-1.777-7.29-7.907 0-1.747 0.625-3.174 1.649-4.295-0.166-0.403-0.714-2.030 0.155-4.234 0 0 1.344-0.43 4.401 1.64 1.276-0.355 2.645-0.532 4.005-0.539 1.359 0.006 2.729 0.184 4.008 0.539 3.054-2.070 4.395-1.64 4.395-1.64 0.871 2.204 0.323 3.831 0.157 4.234 1.026 1.12 1.647 2.548 1.647 4.295 0 6.145-3.743 7.498-7.306 7.895 0.574 0.497 1.085 1.47 1.085 2.963 0 2.141-0.019 3.864-0.019 4.391 0 0.426 0.288 0.925 1.099 0.768 6.354-2.118 10.933-8.113 10.933-15.18 0-8.837-7.164-16-16-16z"></path>
+</svg>
diff --git a/static/linkedin.svg b/static/linkedin.svg
new file mode 100644
index 0000000..852463b
--- /dev/null
+++ b/static/linkedin.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>linkedin</title>
+<path style="fill:#EEE" d="M29 0h-26c-1.65 0-3 1.35-3 3v26c0 1.65 1.35 3 3 3h26c1.65 0 3-1.35 3-3v-26c0-1.65-1.35-3-3-3zM12 26h-4v-14h4v14zM10 10c-1.106 0-2-0.894-2-2s0.894-2 2-2c1.106 0 2 0.894 2 2s-0.894 2-2 2zM26 26h-4v-8c0-1.106-0.894-2-2-2s-2 0.894-2 2v8h-4v-14h4v2.481c0.825-1.131 2.087-2.481 3.5-2.481 2.488 0 4.5 2.238 4.5 5v9z"></path>
+</svg>
diff --git a/static/mastodon.svg b/static/mastodon.svg
new file mode 100644
index 0000000..3302bf8
--- /dev/null
+++ b/static/mastodon.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>mastodon</title>
+<path style="fill:#EEE" d="M30.924 10.505c0-6.941-4.548-8.976-4.548-8.976-2.293-1.053-6.232-1.496-10.321-1.529h-0.101c-4.091 0.033-8.027 0.476-10.32 1.529 0 0-4.548 2.035-4.548 8.976 0 1.589-0.031 3.491 0.020 5.505 0.165 6.789 1.245 13.479 7.521 15.14 2.893 0.765 5.379 0.927 7.38 0.816 3.629-0.2 5.667-1.296 5.667-1.296l-0.12-2.633c0 0-2.593 0.817-5.505 0.719-2.887-0.099-5.932-0.311-6.399-3.855-0.041-0.29-0.064-0.626-0.064-0.967 0-0.009 0-0.018 0-0.028v0.001c0 0 2.833 0.693 6.423 0.857 2.195 0.1 4.253-0.129 6.344-0.377 4.009-0.479 7.5-2.949 7.939-5.207 0.689-3.553 0.633-8.676 0.633-8.676zM25.559 19.451h-3.329v-8.159c0-1.72-0.724-2.592-2.171-2.592-1.6 0-2.403 1.035-2.403 3.083v4.465h-3.311v-4.467c0-2.048-0.803-3.083-2.403-3.083-1.447 0-2.171 0.873-2.171 2.592v8.159h-3.329v-8.404c0-1.719 0.437-3.084 1.316-4.093 0.907-1.011 2.092-1.528 3.565-1.528 1.704 0 2.995 0.655 3.848 1.965l0.828 1.391 0.829-1.391c0.853-1.311 2.144-1.965 3.848-1.965 1.472 0 2.659 0.517 3.565 1.528 0.877 1.009 1.315 2.375 1.315 4.093z"></path>
+</svg>
diff --git a/static/style.css b/static/style.css
index bdc8a87..510d8c2 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,6 +1,6 @@
/* Most people have Google Fonts preloaded in their browser */
.monospace {
- font-family: Consolas, Monaco, monospace;
+ font-family: "Inconsolata", monospace;
}
.sans-serif {
font-family: "Noto Sans", sans-serif;
@@ -49,6 +49,14 @@ nav a:hover {
nav a.active {
font-weight: bold;
}
+nav div.icons {
+ padding: 0.3em 1.3em;
+}
+nav div.icons a {
+ float: left;
+ padding: 0;
+ margin-right: 0.5em;
+}
main {
margin: 0;
margin-left: 16em;
@@ -133,6 +141,10 @@ pre {
padding: 0.3em;
font-size: 1.2em;
}
+ nav div.icons {
+ margin-top: 0.5em;
+ display: inline-block;
+ }
main {
margin-left: 0;
font-size: 1em;
diff --git a/static/twitter.svg b/static/twitter.svg
new file mode 100644
index 0000000..27799e1
--- /dev/null
+++ b/static/twitter.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>twitter</title>
+<path style="fill:#EEE" d="M32 7.075c-1.175 0.525-2.444 0.875-3.769 1.031 1.356-0.813 2.394-2.1 2.887-3.631-1.269 0.75-2.675 1.3-4.169 1.594-1.2-1.275-2.906-2.069-4.794-2.069-3.625 0-6.563 2.938-6.563 6.563 0 0.512 0.056 1.012 0.169 1.494-5.456-0.275-10.294-2.888-13.531-6.862-0.563 0.969-0.887 2.1-0.887 3.3 0 2.275 1.156 4.287 2.919 5.463-1.075-0.031-2.087-0.331-2.975-0.819 0 0.025 0 0.056 0 0.081 0 3.181 2.263 5.838 5.269 6.437-0.55 0.15-1.131 0.231-1.731 0.231-0.425 0-0.831-0.044-1.237-0.119 0.838 2.606 3.263 4.506 6.131 4.563-2.25 1.762-5.075 2.813-8.156 2.813-0.531 0-1.050-0.031-1.569-0.094 2.913 1.869 6.362 2.95 10.069 2.95 12.075 0 18.681-10.006 18.681-18.681 0-0.287-0.006-0.569-0.019-0.85 1.281-0.919 2.394-2.075 3.275-3.394z"></path>
+</svg>
generated by cgit v1.2.3 (git 2.25.1) at 2024-04-26 14:58:04 +0000