Skip to content

Commit c493741

Browse files
committed
Migrate code to 11ty
1 parent 8c666ac commit c493741

File tree

72 files changed

+10157
-355
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

72 files changed

+10157
-355
lines changed

Diff for: 404.html

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
---
2+
layout: default
3+
title: "404: Page not found"
4+
permalink: 404.html
5+
eleventyExcludeFromCollections: true
6+
---
7+
8+
<div class="page" style="text-align: center; padding: 30px 0">
9+
<h1 class="page-title">Aw Snap!</h1>
10+
<p style="font-size: 80px">🤷‍♀️🤷‍♂️</p>
11+
<p class="lead">
12+
No matches for this url!<br />
13+
Use <a href="{{ site.baseurl }}/">home</a> or
14+
<a href="{{ site.baseurl }}/writings/">writings</a> to find what you are
15+
looking for.
16+
</p>
17+
</div>

Diff for: _data/site.js

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
export default {
2+
url: "https://codegazerants.com",
3+
base_url: "",
4+
author: {
5+
name: "Thanos Kolovos",
6+
7+
},
8+
environment: process.env.NODE_ENV,
9+
time: new Date(),
10+
pubDate: new Date(2012, 10, 10),
11+
title: "CodegazeRants",
12+
};

Diff for: _includes/head.html

+63-35
Original file line numberDiff line numberDiff line change
@@ -1,54 +1,82 @@
1-
<head lang="en">
2-
<meta charset="UTF-8">
3-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
4-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
1+
<head>
2+
<meta charset="UTF-8" />
3+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
4+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
55

6-
{% if page.title == "Home" %}
7-
<meta name="description" content="Homepage of Thanos Kolovos">
8-
{% else %}
9-
<meta name="description" content="{{ page.description }}">
10-
{% endif %}
6+
{% if title == "Home" %}
7+
<meta name="description" content="Homepage of Thanos Kolovos" />
8+
{% else %}
9+
<meta name="description" content="{{ page.description }}" />
10+
{% endif %}
1111
<title>
12-
{% if page.title == "Home" %}
13-
{{ site.title }} &middot; Homepage of Thanos Kolovos - codegazerants.com
14-
{% else %}
15-
{{ page.title }} &middot; {{ site.title }} by Thanos Kolovos
16-
{% endif %}
12+
{% if title == "Home" %} {{ site.title }} &middot; Homepage of Thanos
13+
Kolovos - codegazerants.com {% else %} {{ title }} &middot; {{ site.title }}
14+
by Thanos Kolovos {% endif %}
1715
</title>
1816

19-
<link rel="stylesheet" href="{{ site.baseurl }}/styles.css">
17+
<link rel="stylesheet" href="{{ site.baseurl }}/index.css" />
2018

2119
<!-- RSS -->
22-
<link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ site.baseurl }}/atom.xml">
20+
<link
21+
rel="alternate"
22+
type="application/atom+xml"
23+
title="{{ site.title }}"
24+
href="{{ site.baseurl }}/atom/index.xml"
25+
/>
2326
<link rel="canonical" href="{{ site.url }}{{ page.url }}" />
2427
<!-- Facebook Tags -->
25-
<meta property="og:title" content="{{ site.title }} - {{ page.title }}">
26-
<meta property="og:url" content="{{ site.url }}{{ page.url }}">
27-
<meta property="og:site_name" content="Codegaze">
28+
<meta property="og:title" content="{{ site.title }} - {{ title }}" />
29+
<meta property="og:url" content="{{ site.url }}{{ page.url }}" />
30+
<meta property="og:site_name" content="Codegaze" />
2831
<meta property="og:type" content="website" />
2932
{% if page.social_image %}
30-
<meta property="og:image" content="{{ site.url }}/assets/img/posts/{{page.social_image}}" >
33+
<meta
34+
property="og:image"
35+
content="{{ site.url }}/assets/img/posts/{{page.social_image}}"
36+
/>
3137
{% else %}
32-
<meta property="og:image" content="{{ site.url }}/assets/img/social/linkedin.png?v=2" >
38+
<meta
39+
property="og:image"
40+
content="{{ site.url }}/assets/img/social/linkedin.png?v=2"
41+
/>
3342
{% endif %}
34-
<meta property="og:description" content="{{ page.description }}">
43+
<meta property="og:description" content="{{ page.description }}" />
3544
<meta property="og:image:width" content="400" />
3645
<meta property="og:image:height" content="400" />
3746

3847
<!-- Twitter Tags -->
39-
<meta name="twitter:card" content="summary">
40-
<meta name="twitter:site" content="@codegaze">
41-
<meta name="twitter:title" content="{{ page.title }}">
42-
<meta name="twitter:description" content="{{ page.description }}">
43-
<meta name="twitter:creator" content="@codegaze">
44-
<meta name="twitter:image" content="{{ site.url }}/assets/img/social/avatar.jpg?v=1">
48+
<meta name="twitter:card" content="summary" />
49+
<meta name="twitter:site" content="@codegaze" />
50+
<meta name="twitter:title" content="{{ title }}" />
51+
<meta name="twitter:description" content="{{ page.description }}" />
52+
<meta name="twitter:creator" content="@codegaze" />
53+
<meta
54+
name="twitter:image"
55+
content="{{ site.url }}/assets/img/social/avatar.jpg?v=1"
56+
/>
4557

46-
<link rel="dns-prefetch" href="https://www.google-analytics.com">
58+
<link rel="dns-prefetch" href="https://www.google-analytics.com" />
4759

48-
<link rel="apple-touch-icon" sizes="400x400" href="/assets/img/avatar.jpg?v=3">
49-
<link rel="icon" type="image/png" href="/assets/manifest/favicon-32x32.png" sizes="32x32">
50-
<link rel="manifest" href="/assets/manifest/manifest.json">
51-
<link rel="mask-icon" href="/assets/manifest/safari-pinned-tab.svg" color="#5bbad5">
52-
<meta name="msapplication-config" content="/assets/manifest/browserconfig.xml">
53-
<meta name="theme-color" content="#578661">
60+
<link
61+
rel="apple-touch-icon"
62+
sizes="400x400"
63+
href="/assets/img/avatar.jpg?v=3"
64+
/>
65+
<link
66+
rel="icon"
67+
type="image/png"
68+
href="/assets/manifest/favicon-32x32.png"
69+
sizes="32x32"
70+
/>
71+
<link rel="manifest" href="/assets/manifest/manifest.json" />
72+
<link
73+
rel="mask-icon"
74+
href="/assets/manifest/safari-pinned-tab.svg"
75+
color="#5bbad5"
76+
/>
77+
<meta
78+
name="msapplication-config"
79+
content="/assets/manifest/browserconfig.xml"
80+
/>
81+
<meta name="theme-color" content="#578661" />
5482
</head>

Diff for: _layouts/default.html

+87-31
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,84 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
4-
{% include head.html %}
3+
{% include "head.html" %}
54

65
<body>
76
<div class="layout">
87
<div class="layout__row layout__row--header">
98
<header class="header header--main" role="banner">
109
{% if page.url == '/' %}
1110
<figure class="avatar avatar--header">
12-
<img src="/assets/img/avatar.jpg" class="avatar__image" title="Thanos Kolovos" alt="Thanos Kolovos" width="100%" height="100%">
11+
<img
12+
src="/assets/img/avatar.jpg"
13+
class="avatar__image"
14+
title="Thanos Kolovos"
15+
alt="Thanos Kolovos"
16+
width="100%"
17+
height="100%"
18+
/>
1319
</figure>
1420
{% endif %}
15-
<nav role="navigation" class="header__nav {% if page.url == '/' %}header__nav--home{% endif %}">
16-
<div class="header__title {% if page.url == '/' %}header__title--home{% endif %}">
21+
<nav
22+
role="navigation"
23+
class="header__nav {% if page.url == '/' %}header__nav--home{% endif %}"
24+
>
25+
<div
26+
class="header__title {% if page.url == '/' %}header__title--home{% endif %}"
27+
>
1728
<a href="{{ site.baseurl }}/" title="Homepage of Thanos Kolovos">
18-
<img src="/assets/img/logo.svg" class="header__title-img header__title-img--large" title="CodegazeRants Home" alt="CodegazeRants Home" width="100%" height="100%">
19-
<svg class="header__title-img header__title-img--small" style="isolation:isolate" viewBox="19 117.36 165.5 125.29" xmlns="http://www.w3.org/2000/svg">
20-
<path d="m55.162 160.66q-7.861 0-12.174 5.907-4.312 5.908-4.312 16.464 0 21.967 16.486 21.967 6.918 0 16.756-3.459v11.68q-8.086 3.369-18.059 3.369-14.33 0-21.921-8.693-7.592-8.692-7.592-24.954 0-10.242 3.728-17.946 3.729-7.704 10.714-11.814 6.985-4.111 16.374-4.111 9.568 0 19.227 4.627l-4.493 11.321q-3.683-1.752-7.412-3.055-3.728-1.303-7.322-1.303z" fill="#2f2f2f"/>
21-
<path d="m99.814 161.42v17.744h4.493q6.603 0 9.748-2.201 3.144-2.201 3.144-6.918 0-4.672-3.212-6.649-3.212-1.976-9.95-1.976h-4.223zm7.413 29.064h-7.413v25.201h-13.925v-65.675h19.136q13.387 0 19.811 4.874t6.424 14.801q0 5.795-3.19 10.31-3.189 4.515-9.029 7.075 14.824 22.147 19.316 28.615h-15.453l-15.677-25.201z" fill="#ff6363"/>
22-
<rect x="144.5" y="208.83" width="40" height="6.875" fill="#ff6363"/>
29+
<img
30+
src="/assets/img/logo.svg"
31+
class="header__title-img header__title-img--large"
32+
title="CodegazeRants Home"
33+
alt="CodegazeRants Home"
34+
width="100%"
35+
height="100%"
36+
/>
37+
<svg
38+
class="header__title-img header__title-img--small"
39+
style="isolation: isolate"
40+
viewBox="19 117.36 165.5 125.29"
41+
xmlns="http://www.w3.org/2000/svg"
42+
>
43+
<path
44+
d="m55.162 160.66q-7.861 0-12.174 5.907-4.312 5.908-4.312 16.464 0 21.967 16.486 21.967 6.918 0 16.756-3.459v11.68q-8.086 3.369-18.059 3.369-14.33 0-21.921-8.693-7.592-8.692-7.592-24.954 0-10.242 3.728-17.946 3.729-7.704 10.714-11.814 6.985-4.111 16.374-4.111 9.568 0 19.227 4.627l-4.493 11.321q-3.683-1.752-7.412-3.055-3.728-1.303-7.322-1.303z"
45+
fill="#2f2f2f"
46+
/>
47+
<path
48+
d="m99.814 161.42v17.744h4.493q6.603 0 9.748-2.201 3.144-2.201 3.144-6.918 0-4.672-3.212-6.649-3.212-1.976-9.95-1.976h-4.223zm7.413 29.064h-7.413v25.201h-13.925v-65.675h19.136q13.387 0 19.811 4.874t6.424 14.801q0 5.795-3.19 10.31-3.189 4.515-9.029 7.075 14.824 22.147 19.316 28.615h-15.453l-15.677-25.201z"
49+
fill="#ff6363"
50+
/>
51+
<rect
52+
x="144.5"
53+
y="208.83"
54+
width="40"
55+
height="6.875"
56+
fill="#ff6363"
57+
/>
2358
</svg>
2459
</a>
2560
</div>
2661
<ul class="nav nav--main u-alignRight">
27-
<li class="nav--main__item"><a href="{{ site.baseurl }}/writings/" title="Writings">WRITINGS</a></li>
28-
<li class="nav--main__item"><a href="{{ site.baseurl }}/about/" title="About">ABOUT</a></li>
2962
<li class="nav--main__item">
30-
<a href="{{site.url}}/atom" title="RSS" aria-label="RSS">
31-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6.503 20.752c0 1.794-1.456 3.248-3.251 3.248-1.796 0-3.252-1.454-3.252-3.248 0-1.794 1.456-3.248 3.252-3.248 1.795.001 3.251 1.454 3.251 3.248zm-6.503-12.572v4.811c6.05.062 10.96 4.966 11.022 11.009h4.817c-.062-8.71-7.118-15.758-15.839-15.82zm0-3.368c10.58.046 19.152 8.594 19.183 19.188h4.817c-.03-13.231-10.755-23.954-24-24v4.812z"/></svg>
63+
<a href="{{ site.baseurl }}/writings/" title="Writings"
64+
>WRITINGS</a
65+
>
66+
</li>
67+
<li class="nav--main__item">
68+
<a href="{{ site.baseurl }}/about/" title="About">ABOUT</a>
69+
</li>
70+
<li class="nav--main__item">
71+
<a href="{{ site.baseurl }}/atom/" title="RSS" aria-label="RSS">
72+
<svg
73+
xmlns="http://www.w3.org/2000/svg"
74+
width="24"
75+
height="24"
76+
viewBox="0 0 24 24"
77+
>
78+
<path
79+
d="M6.503 20.752c0 1.794-1.456 3.248-3.251 3.248-1.796 0-3.252-1.454-3.252-3.248 0-1.794 1.456-3.248 3.252-3.248 1.795.001 3.251 1.454 3.251 3.248zm-6.503-12.572v4.811c6.05.062 10.96 4.966 11.022 11.009h4.817c-.062-8.71-7.118-15.758-15.839-15.82zm0-3.368c10.58.046 19.152 8.594 19.183 19.188h4.817c-.03-13.231-10.755-23.954-24-24v4.812z"
80+
/>
81+
</svg>
3282
</a>
3383
</li>
3484
</ul>
@@ -40,29 +90,35 @@
4090
</main>
4191
<footer class="layout__row layout__row--footer" role="contentinfo">
4292
<small>
43-
&copy; <time datetime="{{ 'now' | date_to_xmlschema }}">{{ 'now' | date: '%Y' }}</time> <a href="/about/">Thanos Kolovos</a>
93+
&copy;
94+
<time datetime="{{ 'now' | date_to_xmlschema }}"
95+
>{{ "now" | date : "%Y" }}</time
96+
>
97+
<a href="/about/">Thanos Kolovos</a>
4498
</small>
4599
</footer>
46100
</div>
47-
<div id="offline-status" class="is-hidden user-message">Hey friend, you can browse offline!</div>
48-
101+
<div id="offline-status" class="is-hidden user-message">
102+
Hey friend, you can browse offline!
103+
</div>
49104

50-
<!-- Styles -->
51-
<link rel="stylesheet" href="/assets/css/all.css">
52105
<!-- Scripts -->
53-
<script src="/worker.js" ></script>
54-
<script src="/assets/js/all.js" ></script>
55-
56-
{% if jekyll.environment == 'production' %}
57-
<!-- Google tag (gtag.js) -->
58-
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XEKQBPVNJ4"></script>
59-
<script>
60-
window.dataLayer = window.dataLayer || [];
61-
function gtag(){dataLayer.push(arguments);}
62-
gtag('js', new Date());
106+
<script src="/worker.js"></script>
107+
{% if site.environment == 'production' %}
108+
<!-- Google tag (gtag.js) -->
109+
<script
110+
async
111+
src="https://www.googletagmanager.com/gtag/js?id=G-XEKQBPVNJ4"
112+
></script>
113+
<script>
114+
window.dataLayer = window.dataLayer || [];
115+
function gtag() {
116+
dataLayer.push(arguments);
117+
}
118+
gtag("js", new Date());
63119

64-
gtag('config', 'G-XEKQBPVNJ4');
65-
</script>
120+
gtag("config", "G-XEKQBPVNJ4");
121+
</script>
66122
{% endif %}
67123
</body>
68124
</html>

Diff for: _layouts/post.html

+31-23
Original file line numberDiff line numberDiff line change
@@ -3,33 +3,41 @@
33
---
44

55
<article class="post">
6-
<h1 class="post__title">{{ page.title }}</h1>
6+
<h1 class="post__title">{{ title }}</h1>
77
<div class="post__info">
88
<time datetime="{{ page.date | date_to_xmlschema }}" class="post__date">
9-
{{ page.date | date_to_long_string }}
10-
</time> -
11-
{% for category in page.categories %}<a href="{{site.baseurl}}/categories/#{{category|slugize}}">{{ category }}</a> {% endfor %}
12-
</div>
13-
<div class="post__content">
14-
{{ content }}
9+
{{ page.date | date_to_long_string_locale }}
10+
</time>
11+
- {% for category in categories %}<a
12+
href="{{site.baseurl}}/categories/#{{category|slugify}}"
13+
>{{ category }}</a
14+
>
15+
{% endfor %}
1516
</div>
17+
<div class="post__content">{{ content }}</div>
1618
<footer class="post__footer">
17-
Read more articles about {% for category in page.categories %}<a href="{{site.baseurl}}/categories/#{{category|slugize}}">{{ category }}</a>{% if forloop.last != true %}, {% endif %}{% endfor %}.
19+
Read more articles about {% for category in categories %}<a
20+
href="{{site.baseurl}}/categories/#{{category|slugify}}"
21+
>{{ category }}</a
22+
>{% if forloop.last != true %}, {% endif %}{% endfor %}.
1823
</footer>
1924
</article>
2025

21-
<div id="disqus_thread"><script src="https://giscus.app/client.js"
22-
data-repo="codegaze/codegaze.github.io"
23-
data-repo-id="MDEwOlJlcG9zaXRvcnkzNTE1MjE0Nw=="
24-
data-category="Codegazerants.com"
25-
data-category-id="DIC_kwDOAhhhE84CTJFt"
26-
data-mapping="pathname"
27-
data-strict="0"
28-
data-reactions-enabled="1"
29-
data-emit-metadata="0"
30-
data-input-position="bottom"
31-
data-theme="light_tritanopia"
32-
data-lang="en"
33-
crossorigin="anonymous"
34-
async>
35-
</script></div>
26+
<div id="disqus_thread">
27+
<script
28+
src="https://giscus.app/client.js"
29+
data-repo="codegaze/codegaze.github.io"
30+
data-repo-id="MDEwOlJlcG9zaXRvcnkzNTE1MjE0Nw=="
31+
data-category="Codegazerants.com"
32+
data-category-id="DIC_kwDOAhhhE84CTJFt"
33+
data-mapping="pathname"
34+
data-strict="0"
35+
data-reactions-enabled="1"
36+
data-emit-metadata="0"
37+
data-input-position="bottom"
38+
data-theme="light_tritanopia"
39+
data-lang="en"
40+
crossorigin="anonymous"
41+
async
42+
></script>
43+
</div>

0 commit comments

Comments
 (0)