aboutsummaryrefslogtreecommitdiff
path: root/source
diff options
context:
space:
mode:
Diffstat (limited to 'source')
-rw-r--r--source/assets/default.css58
-rw-r--r--source/layouts/draft.njk61
-rw-r--r--source/layouts/footer.njk2
-rw-r--r--source/layouts/index.njk41
-rw-r--r--source/layouts/navigation.njk6
5 files changed, 139 insertions, 29 deletions
diff --git a/source/assets/default.css b/source/assets/default.css
index 8f15299..304c294 100644
--- a/source/assets/default.css
+++ b/source/assets/default.css
@@ -1,7 +1,6 @@
1@charset "utf-8"; 1@charset "utf-8";
2 2
3@import url('https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700,800,900" rel="stylesheet">'); 3@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:400,500,600,700,900');
4@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:400,500,600,700,900" rel="stylesheet">');
5 4
6* { 5* {
7 box-sizing: border-box; 6 box-sizing: border-box;
@@ -11,8 +10,9 @@
11} 10}
12 11
13body { 12body {
14 font-family: 'Heebo', sans-serif; 13 /*font-family: 'Heebo', sans-serif;*/
15 font-size: 18px; 14 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
15 font-size: 17px;
16 line-height: 170%; 16 line-height: 170%;
17} 17}
18 18
@@ -39,22 +39,23 @@ ol a:hover {
39 39
40h1 { 40h1 {
41 line-height: 140%; 41 line-height: 140%;
42 font-weight: 900; 42 font-weight: 600;
43 font-size: 250%; 43 font-size: 210%;
44} 44}
45 45
46h2,h3,h4,h5 { 46h2,h3,h4,h5 {
47 /*margin-top: 50px;*/ 47 /*margin-top: 50px;*/
48 font-weight: 500;
48} 49}
49 50
50img { 51img {
51 max-width: 100%; 52 max-width: 100%;
52 margin: 0 auto; 53 margin: 30px auto;
53 display: block; 54 display: block;
54} 55}
55 56
56.wrapper { 57.wrapper {
57 max-width: 750px; 58 max-width: 800px;
58 margin: 0 auto; 59 margin: 0 auto;
59} 60}
60 61
@@ -75,7 +76,7 @@ pre, code {
75} 76}
76 77
77pre { 78pre {
78 font-size: 80%; 79 font-size: 85%;
79 margin: 20px; 80 margin: 20px;
80 background: #eee; 81 background: #eee;
81} 82}
@@ -195,16 +196,15 @@ menu {
195} 196}
196 197
197menu a.logo { 198menu a.logo {
198 background: black; 199 font-weight: 600;
199 color: white;
200 font-weight: 800;
201 text-decoration: none; 200 text-decoration: none;
202 padding: 3px 15px; 201 font-size: 130%;
202 padding: 5px 0px ;
203} 203}
204 204
205menu a.logo:hover { 205menu a.logo:hover {
206 background: fuchsia; 206 /*background: fuchsia;
207 color: white; 207 color: white;*/
208} 208}
209 209
210menu nav { 210menu nav {
@@ -239,6 +239,19 @@ footer > * {
239 239
240/*************************************************************** ARTICLE LIST */ 240/*************************************************************** ARTICLE LIST */
241 241
242.list .article-list {
243 margin-bottom: 60px;
244}
245
246.list .article-list:last-child {
247 margin-bottom: 10px;
248}
249
250.list h3 {
251 font-weight: 700;
252 font-size: 140%;
253}
254
242.article-list article { 255.article-list article {
243 margin-bottom: 20px; 256 margin-bottom: 20px;
244} 257}
@@ -246,12 +259,21 @@ footer > * {
246.article-list article h2 { 259.article-list article h2 {
247 margin: 0; 260 margin: 0;
248 line-height: 150%; 261 line-height: 150%;
262 font-size: 120%;
249} 263}
250 264
251.article-list a { 265.article-list a {
252 text-decoration: none; 266 text-decoration: none;
253} 267}
254 268
269article img.large {
270 max-width: 1100px;
271 width: 1100px;
272 position: relative;
273 left: -150px;
274 margin: 50px 0;
275}
276
255/***************************************************************** RESPONSIVE */ 277/***************************************************************** RESPONSIVE */
256 278
257@media only screen and (max-width:800px) { 279@media only screen and (max-width:800px) {
@@ -270,6 +292,12 @@ footer > * {
270 footer { 292 footer {
271 text-align: center; 293 text-align: center;
272 } 294 }
295
296 article img.large {
297 position: initial;
298 width: 100%;
299 margin: 20px 0;
300 }
273} 301}
274 302
275/********************************************************************** PRINT */ 303/********************************************************************** PRINT */
diff --git a/source/layouts/draft.njk b/source/layouts/draft.njk
new file mode 100644
index 0000000..72923c9
--- /dev/null
+++ b/source/layouts/draft.njk
@@ -0,0 +1,61 @@
1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5 <meta charset="utf-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 <meta http-equiv="X-UA-Compatible" content="ie=edge">
8 <meta name="theme-color" content="#ffffff">
9
10 <meta name="google-site-verification" content="EwUGW1WlCkRIQuyQ9AE1-bLitWthw-eVMZFTAMZVZaA">
11
12 <link rel="icon" type="image/png" href="{{ vars.domain }}/files/avatar-64x64.png?ver={{ timestamp }}">
13
14 <title>{{ title }}</title>
15 <meta name="author" content="{{ vars.author }}">
16 <meta name="description" content="{{ description }}">
17
18 <meta name="og:url" content="{{ vars.domain }}/{{ slug }}">
19 <meta name="og:type" content="website">
20 <meta name="og:title" content="{{ title }}">
21 <meta name="og:description" content="{{ description }}">
22 <meta name="og:image" content="{{ vars.domain }}/files/avatar-512x512.png?ver={{ timestamp }}">
23
24 <meta name="twitter:card" content="summary">
25 <meta name="twitter:site" content="@mitjafelicijan">
26 <meta name="twitter:title" content="{{ title }}">
27 <meta name="twitter:description" content="{{ description }}">
28 <meta name="twitter:image" content="{{ vars.domain }}/files/avatar-512x512.png?ver={{ timestamp }}">
29
30 {{ css }}
31
32</head>
33
34<body>
35
36 <main class="wrapper">
37
38 {% include "navigation.njk" %}
39
40 <article>
41
42 <header>
43 <h1>{{ title }}</h1>
44 <p class="pubdate">Published on
45 <time pubdate="{{ writtenDate.original }}">{{ writtenDate.formatted }}</time>
46 by {{ vars.author }}</p>
47 </header>
48
49 {{ content|safe }}
50
51 </article>
52
53 {{ javascript }}
54
55 {% include "footer.njk" %}
56
57 </main>
58
59</body>
60
61</html>
diff --git a/source/layouts/footer.njk b/source/layouts/footer.njk
index bbb0775..a8e3aa1 100644
--- a/source/layouts/footer.njk
+++ b/source/layouts/footer.njk
@@ -1,5 +1,5 @@
1<footer> 1<footer>
2 <span>© 2012-{{ currentYear }}</span> 2 <span>© 2010-{{ currentYear }}</span>
3 <a href="/curriculum-vitae">Curriculum Vitae</a> 3 <a href="/curriculum-vitae">Curriculum Vitae</a>
4 <a href="//github.com/mitjafelicijan" target="_blank" rel="noopener nofollow">Github</a> 4 <a href="//github.com/mitjafelicijan" target="_blank" rel="noopener nofollow">Github</a>
5 <a href="//twitter.com/mitjafelicijan" target="_blank" rel="noopener nofollow">Twitter</a> 5 <a href="//twitter.com/mitjafelicijan" target="_blank" rel="noopener nofollow">Twitter</a>
diff --git a/source/layouts/index.njk b/source/layouts/index.njk
index 9784155..c4912a7 100644
--- a/source/layouts/index.njk
+++ b/source/layouts/index.njk
@@ -37,16 +37,37 @@
37 37
38 {% include "navigation.njk" %} 38 {% include "navigation.njk" %}
39 39
40 <nav class="article-list"> 40 <div class="list">
41 {% for post in posts %} 41
42 <article> 42 <h3>Research</h3>
43 <a href="/{{ post.slug }}"> 43 <nav class="article-list">
44 <time pubdate="{{ post.dateOriginal }}" class="pubdate">{{ post.dateFormatted }}</time> 44 {% for post in posts %}
45 <h2>{{ post.title }}</h2> 45 {% if post.type == "research" %}
46 </a> 46 <article>
47 </article> 47 <a href="/{{ post.slug }}" aria-label="Read more about {{ post.title }}">
48 {% endfor %} 48 <time pubdate="{{ post.dateOriginal }}" class="pubdate">{{ post.dateFormatted }}</time>
49 </nav> 49 <h2>{{ post.title }}</h2>
50 </a>
51 </article>
52 {% endif %}
53 {% endfor %}
54 </nav>
55
56 <h3>General</h3>
57 <nav class="article-list">
58 {% for post in posts %}
59 {% if post.type != "research" %}
60 <article>
61 <a href="/{{ post.slug }}" aria-label="Read more about {{ post.title }}">
62 <time pubdate="{{ post.dateOriginal }}" class="pubdate">{{ post.dateFormatted }}</time>
63 <h2>{{ post.title }}</h2>
64 </a>
65 </article>
66 {% endif %}
67 {% endfor %}
68 </nav>
69
70 </div>
50 71
51 {{ javascript }} 72 {{ javascript }}
52 73
diff --git a/source/layouts/navigation.njk b/source/layouts/navigation.njk
index 163c3c7..8814fc1 100644
--- a/source/layouts/navigation.njk
+++ b/source/layouts/navigation.njk
@@ -1,9 +1,9 @@
1<menu> 1<menu>
2 <div> 2 <div>
3 <a href="/" class="logo">@mitjafelicijan</a> 3 <a href="/" class="logo">Mitja Felicijan</a>
4 </div> 4 </div>
5 <nav> 5 <nav>
6 <a href="//github.com/mitjafelicijan"> 6 <a href="//github.com/mitjafelicijan" aria-label="Github">
7 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 7 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
8 viewBox="0 0 92 92" style="enable-background:new 0 0 92 92;" xml:space="preserve"> 8 viewBox="0 0 92 92" style="enable-background:new 0 0 92 92;" xml:space="preserve">
9 <g> 9 <g>
@@ -21,7 +21,7 @@
21 </svg> 21 </svg>
22 </a> 22 </a>
23 23
24 <a href="//twitter.com/mitjafelicijan"> 24 <a href="//twitter.com/mitjafelicijan" aria-label="Twitter">
25 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 25 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
26 viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"> 26 viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve">
27 <g> 27 <g>
generated by cgit v1.2.3 (git 2.46.0) at 2026-05-01 00:53:41 +0000