Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 066f0b6

Browse files
committed
Tags page. Refactored css in separate files.
1 parent dfbef61 commit 066f0b6

File tree

7 files changed

+56
-18
lines changed

7 files changed

+56
-18
lines changed

Makefile

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ JEKYLL_VERSION=3.8
22

33
watch:
44
docker run --rm \
5-
--volume="$(PWD):/srv/jekyll" \
5+
--volume="$(PWD):/srv/jekyll:Z" \
66
-p 4000:4000 \
7-
-it jekyll/jekyll:${JEKYLL_VERSION} \
8-
jekyll serve --watch --future
7+
-it jekyll/jekyll:${JEKYLL_VERSION} \
8+
jekyll serve --future

_layouts/default.html

Lines changed: 10 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,9 @@
33
<head>
44
<meta charset="utf-8" />
55
<title>{{ page.title }}</title>
6+
<link rel="stylesheet" type="text/css" href="/assets/css/theme.css" />
7+
<link rel="stylesheet" type="text/css" href="/assets/css/monokai.css" />
8+
69
<link rel="alternate" type="application/atom+xml" href="/atom.xml" title="Atom feed" />
710
{% if page.icon %}
811
<link rel="shortcut icon" href="{{ page.icon }}" />
@@ -34,22 +37,16 @@
3437

3538
{% if page.description %}<meta property="og:description" content="{{ page.description }}" />{% endif %}
3639

37-
{% if page.cover_image %}
38-
<meta property="og:image" content="{{ page.cover_image }}" />
39-
<meta property="twitter:image" content="{{ page.cover_image }}" />
40-
{% else %}
41-
<meta property="og:image" content="https://evertpot.com/assets/cover/flower.png" />
42-
<meta property="twitter:image" content="https://evertpot.com/assets/cover/flower.png" />
43-
{% endif %}
40+
{% if page.cover_image %}
41+
<meta property="og:image" content="{{ page.cover_image }}" />
42+
<meta property="twitter:image" content="{{ page.cover_image }}" />
43+
{% else %}
44+
<meta property="og:image" content="https://evertpot.com/assets/cover/flower.png" />
45+
<meta property="twitter:image" content="https://evertpot.com/assets/cover/flower.png" />
46+
{% endif %}
4447

4548
<link href="https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700" rel="stylesheet" />
4649

47-
48-
<style>
49-
{% include css/stylesheet.css %}
50-
{% include css/monokai.css %}
51-
</style>
52-
5350
<script async src="/assets/js/webmentions.js"></script>
5451
<script async type="module" src="/assets/js/download-counter.mjs"></script>
5552

File renamed without changes.
File renamed without changes.
File renamed without changes.

_includes/css/stylesheet.css renamed to assets/css/theme.css

Lines changed: 27 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ html {
99
body {
1010
font-family: 'PT Serif', serif;
1111
width: 100%;
12-
background-color: #EEE;
12+
background-color: #FAFAFA;
1313
margin: 0;
1414
height: 100%;
1515
display: flex;
@@ -343,14 +343,39 @@ body.map main #map {
343343
overflow-x: auto;
344344
}
345345

346-
347346
.draft-warning {
348347
background: #C33;
349348
color: white;
350349
font-size: 120%;
351350
text-align: center;
352351
}
353352

353+
.tag-cloud {
354+
margin: 0;
355+
padding: 0;
356+
display: flex;
357+
flex-wrap: wrap;
358+
359+
li {
360+
list-style: none;
361+
padding: 5px;
362+
363+
}
364+
.weight1 { font-size: 11px; }
365+
.weight2 { font-size: 12px; }
366+
.weight3 { font-size: 13px; }
367+
.weight4 { font-size: 14px; }
368+
.weight5 { font-size: 15px; }
369+
.weight6 { font-size: 17px; }
370+
.weight7 { font-size: 19px; }
371+
.weight8 { font-size: 21px; }
372+
.weight9 { font-size: 23px; }
373+
.weight10 { font-size: 25px; }
374+
li::after {
375+
content: "";
376+
}
377+
}
378+
354379
figure * {
355380
margin: 0 auto;
356381
}

tags.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
layout: default
3+
title: Evert's dugout - All Tags
4+
permalink: "/tags/"
5+
---
6+
7+
<h1>Tags</h1>
8+
9+
<p>I don't know yet how how create pages that link from here. So, this page is useless
10+
until I figure that out.</p>
11+
12+
<ul class="tag-cloud">
13+
{% for tag in site.tags %}
14+
<li class="weight{{ tag[1] | size | at_most: 14 | divide 2 | round }}">{{ tag[0] }}</li>
15+
{% endfor %}
16+
</ul>

0 commit comments

Comments
 (0)