aboutsummaryrefslogtreecommitdiff
path: root/themes
diff options
context:
space:
mode:
authorMitja Felicijan <mitja.felicijan@gmail.com>2022-08-28 05:39:44 +0200
committerMitja Felicijan <mitja.felicijan@gmail.com>2022-08-28 05:39:44 +0200
commit70baaeb4e78d12c329a03e929fd30d41730ed2b1 (patch)
tree74e0b2998455894762b6910ef4008d43f5dc9366 /themes
parentb1d9aefd2a9fa0074f8d18fa2410cdd53d4c8de6 (diff)
downloadmitjafelicijan.com-70baaeb4e78d12c329a03e929fd30d41730ed2b1.tar.gz
Moved statis assets and converted all CSS to Tailwind
Diffstat (limited to 'themes')
-rw-r--r--themes/simple/layouts/partials/footer.html10
-rw-r--r--themes/simple/layouts/partials/head.html179
-rw-r--r--themes/simple/layouts/partials/tailwind.html106
3 files changed, 116 insertions, 179 deletions
diff --git a/themes/simple/layouts/partials/footer.html b/themes/simple/layouts/partials/footer.html
index 3d1e481..8881f46 100644
--- a/themes/simple/layouts/partials/footer.html
+++ b/themes/simple/layouts/partials/footer.html
@@ -1,7 +1,9 @@
1<footer class="container-blog px-6 md:p-0 text-gray-400 text-sm mb-12"> 1<footer class="container-blog px-6 md:p-0 text-gray-400 text-sm">
2 This website does not track you. 2 <p class="pb-12">
3 Content is made available under the <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noreferrer" class="underline hover:text-gray-800">CC BY 4.0 license</a> unless specified otherwise. 3 This website does not track you.
4 Blog feed is available as <a href="/index.xml" target="_blank" class="underline hover:text-gray-800">RSS</a> feed. 4 Content is made available under the <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noreferrer" class="underline hover:text-gray-800">CC BY 4.0 license</a> unless specified otherwise.
5 Blog feed is available as <a href="/index.xml" target="_blank" class="underline hover:text-gray-800">RSS</a> feed.
6 </p>
5</footer> 7</footer>
6 8
7<!-- katex math library --> 9<!-- katex math library -->
diff --git a/themes/simple/layouts/partials/head.html b/themes/simple/layouts/partials/head.html
index fc79650..28e4466 100644
--- a/themes/simple/layouts/partials/head.html
+++ b/themes/simple/layouts/partials/head.html
@@ -2,187 +2,16 @@
2<meta name="theme-color" content="#ffffff"> 2<meta name="theme-color" content="#ffffff">
3<meta name="viewport" content="width=device-width, initial-scale=1.0"> 3<meta name="viewport" content="width=device-width, initial-scale=1.0">
4 4
5<script src="https://cdn.tailwindcss.com"></script>
6 5
7<link rel="alternate" type="application/rss+xml" href="/index.xml"> 6<link rel="alternate" type="application/rss+xml" href="/index.xml">
8 7
9<link 8<link
10 href="data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL69vf8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAv76+/8LBwQkAAAAAAAAAAAAAAAC+vb3/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL+9vf/Bv78JAAAAAAAAAAAAAAAAu7q6/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC7ubr/vr29CAAAAAAAAAAAy8nJAZ6foP8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnqGj/6GipAoAAAAAHLjU/xcXHf/BwsL/I8XY/yPK3v8XGiD/IbjL/yPF2f8XGiD/Fxkf/yLF2f8gnK3/Fxog/62ztv8fwNf/FRcd/x271v8mz93/GRsi/xkXHf8p097/GiIp/xobIv8p0t3/KdPe/xocIv8fYmr/KNPe/xoZH/8aHCL/J87c/xy81/8VFxz/IsPZ/8zS0/8XGiD/Ir/R/yPH2/8XGiD/Fxkf/yPH2/8dd4T/GBog/yPJ3f8jyNr/uru9/xcUGv8cudb/EhITDKi5vRKlvMP/RUpOERwcHRAdOj4QHTk8EBwdHRAdNTgQHTo/EBwcHRAcHB0QSGduEKW4vf+koqQfHzg+EBqz0ewSFRv7EyMr/xq51vsTERb7ExUb+xq41fsau9j7ExUb+xiPp/sZudb7ExUb+xMVG/sZuNX/GKvI/BIUGfMdvdn/IrfL/xcaIP8n1eb/J9Dh/xkcIf8ZGR7/J8/f/xxCSv8ZGyH/J9Dg/ybQ4P8ZHCL/FSQs/yPK3/8UExj/GE1b/ybS5P8ZGB7/Ghwj/ynW5P8p2Ob/Ghwi/yWrtv8p1eH/Ghwi/xocIv8p1uT/J8XT/xkcIv8m1un/Hb7d/xUYH/8hzOr/HtHu/xcaIf8XGB//I8vi/xgxOv8XGSD/I8rg/yPK4P8XGiD/GUFL/yPP6f8SERj/Fhkh/x3A4f8AAAAAJ2f9/ydr//8mZPH/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlYu38J2v//ydo/f8AAAAAAAAAAAd8/fkFqf//Iob8sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMY39awWr//8FfP3/AAAAAAAAAAAFm/7/SfD//wR+/f8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOB/f9B7v//BaX+/wAAAAAAAAAAQ878SAyZ/v9n1v4KAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADu9v8DDJb+/z3N/XgAAAAA3/sAAN/7AADf+wAA3/sAAAAAAAAAAAAAAAAAAN/7AAAAAAAAAAAAAAAAAAAAAAAAj/EAAI/5AACP8QAA3/sAAA==" 9href="data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL69vf8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAv76+/8LBwQkAAAAAAAAAAAAAAAC+vb3/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL+9vf/Bv78JAAAAAAAAAAAAAAAAu7q6/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC7ubr/vr29CAAAAAAAAAAAy8nJAZ6foP8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnqGj/6GipAoAAAAAHLjU/xcXHf/BwsL/I8XY/yPK3v8XGiD/IbjL/yPF2f8XGiD/Fxkf/yLF2f8gnK3/Fxog/62ztv8fwNf/FRcd/x271v8mz93/GRsi/xkXHf8p097/GiIp/xobIv8p0t3/KdPe/xocIv8fYmr/KNPe/xoZH/8aHCL/J87c/xy81/8VFxz/IsPZ/8zS0/8XGiD/Ir/R/yPH2/8XGiD/Fxkf/yPH2/8dd4T/GBog/yPJ3f8jyNr/uru9/xcUGv8cudb/EhITDKi5vRKlvMP/RUpOERwcHRAdOj4QHTk8EBwdHRAdNTgQHTo/EBwcHRAcHB0QSGduEKW4vf+koqQfHzg+EBqz0ewSFRv7EyMr/xq51vsTERb7ExUb+xq41fsau9j7ExUb+xiPp/sZudb7ExUb+xMVG/sZuNX/GKvI/BIUGfMdvdn/IrfL/xcaIP8n1eb/J9Dh/xkcIf8ZGR7/J8/f/xxCSv8ZGyH/J9Dg/ybQ4P8ZHCL/FSQs/yPK3/8UExj/GE1b/ybS5P8ZGB7/Ghwj/ynW5P8p2Ob/Ghwi/yWrtv8p1eH/Ghwi/xocIv8p1uT/J8XT/xkcIv8m1un/Hb7d/xUYH/8hzOr/HtHu/xcaIf8XGB//I8vi/xgxOv8XGSD/I8rg/yPK4P8XGiD/GUFL/yPP6f8SERj/Fhkh/x3A4f8AAAAAJ2f9/ydr//8mZPH/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlYu38J2v//ydo/f8AAAAAAAAAAAd8/fkFqf//Iob8sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMY39awWr//8FfP3/AAAAAAAAAAAFm/7/SfD//wR+/f8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOB/f9B7v//BaX+/wAAAAAAAAAAQ878SAyZ/v9n1v4KAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADu9v8DDJb+/z3N/XgAAAAA3/sAAN/7AADf+wAA3/sAAAAAAAAAAAAAAAAAAN/7AAAAAAAAAAAAAAAAAAAAAAAAj/EAAI/5AACP8QAA3/sAAA=="
11 rel="icon" type="image/x-icon" /> 10rel="icon" type="image/x-icon" />
12 11
13<title>{{.Title}}</title> 12<title>{{.Title}}</title>
14<meta name="description" content="{{ .Site.Params.description }}" /> 13<meta name="description" content="{{ .Site.Params.description }}" />
15 14
15<script src="https://cdn.tailwindcss.com"></script>
16 16
17<style> 17{{ partial "tailwind.html" . }}
18 .container-blog {
19 max-width: 640px;
20 margin: 0 auto;
21 }
22
23 ::selection {
24 background: rgb(255, 241, 177);
25 color: #000;
26 }
27
28 ::-moz-selection {
29 background: rgb(255, 241, 177);
30 color: #000;
31 }
32
33 article.single img {
34 max-width: 110%;
35 width: 110%;
36 position: relative;
37 left: -5%;
38 margin: 40px auto;
39 display: block;
40 border-radius: 5px;
41 }
42
43 article.single p {
44 display: block;
45 margin-block-start: 1em;
46 margin-block-end: 1em;
47 margin-inline-start: 0px;
48 margin-inline-end: 0px;
49 }
50
51 article.single ol {
52 display: block;
53 list-style-type: decimal;
54 margin-block-start: 1em;
55 margin-block-end: 1em;
56 margin-inline-start: 0px;
57 margin-inline-end: 0px;
58 padding-inline-start: 40px;
59 }
60
61 article.single ol>li>ol {
62 margin-block-start: 0 !important;
63 margin-block-end: 0 !important;
64 padding-inline-start: 20px;
65 }
66
67 article.single ul {
68 display: block;
69 list-style-type: disc;
70 margin-block-start: 1em;
71 margin-block-end: 1em;
72 margin-inline-start: 0px;
73 margin-inline-end: 0px;
74 padding-inline-start: 40px;
75 }
76
77 article.single code {
78 font-family: monospace;
79 background: rgb(255, 241, 177);
80 border-radius: 5px;
81 padding: 2px 8px;
82 font-weight: 500;
83 }
84
85 article.single pre {
86 background: unset;
87 padding: unset;
88
89 overflow-x: auto;
90 background: #f8f8f8 !important;
91 padding: 15px 20px;
92 border-radius: 5px;
93
94 margin-block-start: 40px;
95 margin-block-end: 40px;
96 }
97
98 article.single pre>code {
99 background: unset;
100 padding: unset;
101 font-weight: 400;
102 }
103
104 article.single h2 {
105 font-size: 180%;
106 line-height: 1.2em;
107 font-weight: 700;
108 margin-block-start: 40px;
109 margin-block-end: 20px;
110 }
111
112 article.single h3 {
113 margin-block-start: 30px;
114 margin-block-end: 20px;
115 font-size: 160%;
116 line-height: 1.2em;
117 font-weight: 700;
118 }
119
120 table {
121 width: 100%;
122 }
123
124 table,
125 th,
126 td {
127 border: 1px solid black;
128 text-align: left;
129 }
130
131 th,
132 td {
133 padding: 5px 10px;
134 }
135
136 article.single a {
137 text-decoration: underline;
138 }
139
140 article.single blockquote {
141 margin-left: 40px;
142 position: relative;
143 margin-block-start: 30px;
144 margin-block-end: 30px;
145 margin-right: 0;
146 }
147
148 article.single blockquote:before {
149 content: ' ';
150 background-image: url('/general/alert-light.svg');
151 background-size: 30px 30px;
152 height: 30px;
153 width: 30px;
154 position: absolute;
155 left: -40px;
156 top: 6px;
157 }
158
159 article.single blockquote p {
160 padding-left: 10px;
161 }
162
163 article.single video {
164 max-width: 100%;
165 margin: 30px auto;
166 display: block;
167 border-radius: 5px;
168 background: #f8f8f8 !important;
169 }
170
171 article.single audio {
172 width: 100%;
173 outline: none;
174 }
175
176 article.single .katex-display {
177 margin-block-start: 40px;
178 margin-block-end: 40px;
179 }
180
181 @media only screen and (max-width: 600px) {
182 article img {
183 max-width: 100%;
184 position: initial;
185 margin: 20px auto;
186 }
187 }
188</style>
diff --git a/themes/simple/layouts/partials/tailwind.html b/themes/simple/layouts/partials/tailwind.html
new file mode 100644
index 0000000..078882c
--- /dev/null
+++ b/themes/simple/layouts/partials/tailwind.html
@@ -0,0 +1,106 @@
1<style type="text/tailwindcss">
2 @layer utilities {
3
4 /* Container */
5 .container-blog {
6 max-width: 640px;
7 margin: 0 auto;
8 }
9
10 /* User text selection */
11 ::selection {
12 @apply bg-yellow-100 text-black;
13 }
14
15 ::-moz-selection {
16 @apply bg-yellow-100 text-black;
17 }
18
19 /* Headings */
20 article.single h2 {
21 @apply text-2xl font-bold mb-4 mt-8;
22 }
23
24 article.single h3 {
25 @apply text-xl font-bold mb-4 mt-8;
26 }
27
28 article.single h4 {
29 @apply text-lg font-bold mb-4 mt-8;
30 }
31
32 /* Paragraph */
33 article.single p {
34 @apply mb-5;
35 }
36
37 /* Links */
38 article.single a {
39 @apply underline hover:bg-yellow-200;
40 }
41
42 /* Blockquote */
43 article.single blockquote {
44 background-image: url('/general/alert-light.svg');
45 background-size: 30px 30px;
46 background-repeat: no-repeat;
47 background-position: 0 5px;
48 @apply pl-12 my-8;
49 }
50
51 /* Media: Images, audio, video */
52 article.single img {
53 @apply rounded w-full !bg-gray-50 my-8;
54 }
55
56 article.single video {
57 @apply rounded w-full !bg-gray-50;
58 }
59
60 article.single audio {
61 @apply w-full mb-6;
62 }
63
64 /* Code */
65 article.single code {
66 @apply bg-yellow-200 rounded px-2 py-1 text-xs font-medium;
67 }
68
69 article.single pre {
70 @apply !bg-gray-50 rounded text-xs p-4 mb-6 overflow-x-auto;
71 }
72
73 article.single pre code {
74 background: unset;
75 padding: unset;
76 @apply leading-relaxed;
77 }
78
79 /* Tables */
80 article.single table {
81 @apply w-full border border-black border-collapse mb-4;
82 }
83
84 article.single table tr,
85 article.single table td,
86 article.single table th {
87 @apply px-4 py-2 border text-left;
88 }
89
90 /* Unordered list */
91 article.single ul {
92 @apply list-disc pl-6 md:pl-10 mb-6;
93 }
94
95 /* Ordered list */
96 article.single ol {
97 @apply list-decimal pl-8 md:pl-10;
98 }
99
100 /* Katex */
101 article.single .katex-display {
102 @apply my-10;
103 }
104
105 }
106</style>
generated by cgit v1.2.3 (git 2.46.0) at 2026-04-30 22:41:26 +0000