names_are_hard 0.1.12 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +14 -7
- data/_includes/head.html +18 -1
- data/_includes/header.html +13 -4
- data/_includes/post_list.html +18 -0
- data/_includes/project_list.html +26 -0
- data/_layouts/boring.html +1 -1
- data/_layouts/home.html +6 -10
- data/_layouts/page.html +9 -13
- data/_layouts/post.html +21 -11
- data/_sass/names_are_hard.scss +162 -114
- metadata +6 -8
- data/_includes/header_posts.html +0 -24
- data/_includes/recent_posts.html +0 -15
- data/_layouts/homeposts.html +0 -33
- data/_layouts/plainhtml.html +0 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 5b79f28b9f6c44cda2a768e98eb75bee90bea629
|
|
4
|
+
data.tar.gz: e323b99cbd3865160bf6ff19b892c82ffd3c1f82
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 4dee889222613b6212079ffb8a2cc6943c3ef041aa9d760b45da0435f36ec415e07fd98ef1c683c355d1e79dc1514698ba795185da29cb6d72050149dd0c544e
|
|
7
|
+
data.tar.gz: cb6d97ecd1523d86c5d1b627b7610308a87a881b1c53b4e2deb126ea0ff0ec9f90c0cf0af47ed4730f085812f097244e064410bff7b854fd6a9c239e23971f9e
|
data/README.md
CHANGED
|
@@ -6,7 +6,6 @@ This is a theme that is used for https://chris-johnston.me
|
|
|
6
6
|
|
|
7
7
|
<img src="screenshot.png" style="max-width: 400px" />
|
|
8
8
|
|
|
9
|
-
|
|
10
9
|
## Installation
|
|
11
10
|
|
|
12
11
|
Add this line to your Jekyll site's `Gemfile`:
|
|
@@ -32,12 +31,13 @@ Or install it yourself as:
|
|
|
32
31
|
## Usage
|
|
33
32
|
|
|
34
33
|
Layouts:
|
|
35
|
-
-
|
|
36
|
-
-
|
|
37
|
-
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
34
|
+
- `home`: A home page, that has a header and shows the content of the homepage.
|
|
35
|
+
- `page`: Shows the content of a single page, but with no title bar.
|
|
36
|
+
- `post`: Shows the content of a single page, but with a title bar.
|
|
37
|
+
|
|
38
|
+
Tags:
|
|
39
|
+
The `project` tag can be applied to group posts into the list
|
|
40
|
+
of projects.
|
|
41
41
|
|
|
42
42
|
Sass:
|
|
43
43
|
- `names_are_hard.scss` is the main style file.
|
|
@@ -55,6 +55,13 @@ Your theme is setup just like a normal Jekyll site! To test your theme, run `bun
|
|
|
55
55
|
When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
|
|
56
56
|
To add a custom directory to your theme-gem, please edit the regexp in `names_are_hard.gemspec` accordingly.
|
|
57
57
|
|
|
58
|
+
## Deploying
|
|
59
|
+
|
|
60
|
+
[Based on instructions from jekyllrb.com](https://jekyllrb.com/docs/themes/#publishing-your-theme)
|
|
61
|
+
|
|
62
|
+
1. `gem build names_are_hard.gemspec`
|
|
63
|
+
2. `gem push names_are_hard-*.gem`
|
|
64
|
+
|
|
58
65
|
## License
|
|
59
66
|
|
|
60
67
|
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
data/_includes/head.html
CHANGED
|
@@ -1,8 +1,25 @@
|
|
|
1
1
|
<head>
|
|
2
2
|
<meta charset="utf-8">
|
|
3
|
+
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
|
|
3
4
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
4
5
|
<link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
|
|
5
6
|
{% if page.title %}
|
|
6
|
-
<title>{{ page.title }}</title>
|
|
7
|
+
<title>{{ page.title }} | {{ site.website_title }}</title>
|
|
8
|
+
<meta property="og:title" content="{{ page.title }}">
|
|
9
|
+
{% else %}
|
|
10
|
+
<title>{{ site.website_title }}</title>
|
|
11
|
+
<meta property="og:title" content="{{ site.website_title }}">
|
|
7
12
|
{% endif %}
|
|
13
|
+
{% if page.description %}
|
|
14
|
+
<title>{{ page.description }}</title>
|
|
15
|
+
<meta name="description" content="{{ page.description }}">
|
|
16
|
+
<meta property="og:description" content="{{ page.description }}">
|
|
17
|
+
{% endif %}
|
|
18
|
+
<meta name="theme-color" content="#142B51" />
|
|
19
|
+
<!-- open graph tags -->
|
|
20
|
+
<meta property="og:type" content="website" />
|
|
21
|
+
<meta property="og:site_name" content="{{ site.website_title }}" />
|
|
22
|
+
|
|
23
|
+
<!-- google-specific meta tag -->
|
|
24
|
+
<meta name="google" content="nositelinkssearchbox" />
|
|
8
25
|
</head>
|
data/_includes/header.html
CHANGED
|
@@ -1,6 +1,15 @@
|
|
|
1
1
|
<header class="site-header" role="banner">
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
<a class="site-title" href="{{ "/" | relative_url }}">
|
|
3
|
+
{{ site.website_title | escape }}
|
|
4
|
+
</a>
|
|
5
|
+
<a class="site-link" href="{{ "/posts" | relative_url }}">
|
|
6
|
+
Posts
|
|
7
|
+
</a>
|
|
8
|
+
<a class="site-link" href="{{ "/projects" | relative_url }}">
|
|
9
|
+
Projects
|
|
10
|
+
</a>
|
|
11
|
+
<a class="site-link" href="{{ "/about" | relative_url }}">
|
|
12
|
+
About
|
|
13
|
+
</a>
|
|
14
|
+
<a class="github-link" href="https://github.com/{{ site.github_username }}">github.com/{{ site.github_username }}</a>
|
|
6
15
|
</header>
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
<div class="post-list">
|
|
2
|
+
{% for post in site.posts %}
|
|
3
|
+
{% unless post.tags contains "project" %}
|
|
4
|
+
<div class="post">
|
|
5
|
+
<a href="{{ post.url }}">
|
|
6
|
+
<h2 class="post-title">
|
|
7
|
+
{{ post.title }}
|
|
8
|
+
</h2>
|
|
9
|
+
<div class="post-date">{{ post.date | date_to_long_string }}</div>
|
|
10
|
+
<br />
|
|
11
|
+
<div class="post-description">
|
|
12
|
+
{{ post.description | strip_html | truncatewords:50 }}
|
|
13
|
+
</div>
|
|
14
|
+
</a>
|
|
15
|
+
</div>
|
|
16
|
+
{% endunless %}
|
|
17
|
+
{% endfor %}
|
|
18
|
+
</div>
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
<div class="project-list">
|
|
2
|
+
{% for post in site.posts %}
|
|
3
|
+
{% if post.tags contains "project" %}
|
|
4
|
+
<div class="project">
|
|
5
|
+
<a href="{{ post.url }}">
|
|
6
|
+
<h2 class="project-title">
|
|
7
|
+
{{ post.title }}
|
|
8
|
+
</h2>
|
|
9
|
+
<div class="project-date">{{ post.date | date: "%B %Y" }}</div>
|
|
10
|
+
</a>
|
|
11
|
+
{% if post.github_url %}
|
|
12
|
+
<a href="{{ post.github_url }}" class="project-gh">
|
|
13
|
+
{{ post.github_short }}
|
|
14
|
+
</a>
|
|
15
|
+
{% endif %}
|
|
16
|
+
<br />
|
|
17
|
+
<div class="project-description">
|
|
18
|
+
{{ post.description | strip_html | truncatewords:50 }}
|
|
19
|
+
</div>
|
|
20
|
+
{% if post.image %}
|
|
21
|
+
<img class="project-image" alt="Image of {{ post.title }}" src="{{ site.baseurl }}{{ post.image }}" />
|
|
22
|
+
{% endif %}
|
|
23
|
+
</div>
|
|
24
|
+
{% endif %}
|
|
25
|
+
{% endfor %}
|
|
26
|
+
</div>
|
data/_layouts/boring.html
CHANGED
data/_layouts/home.html
CHANGED
|
@@ -1,15 +1,11 @@
|
|
|
1
|
-
|
|
2
1
|
{% include head.html %}
|
|
3
|
-
{% include
|
|
2
|
+
{% include header.html %}
|
|
4
3
|
|
|
5
4
|
<body>
|
|
6
|
-
<div class="home">
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
</div>
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
</div>
|
|
5
|
+
<div class="home">
|
|
6
|
+
<div class="content-wrapper">
|
|
7
|
+
{{ content }}
|
|
8
|
+
</div>
|
|
9
|
+
</div>
|
|
14
10
|
</body>
|
|
15
11
|
{% include footer.html %}
|
data/_layouts/page.html
CHANGED
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
{% include head.html %}
|
|
2
2
|
<body>
|
|
3
|
-
|
|
4
|
-
<div class="
|
|
5
|
-
|
|
6
|
-
{
|
|
7
|
-
|
|
8
|
-
{
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
</div>
|
|
12
|
-
|
|
13
|
-
</div>
|
|
3
|
+
<div class="home">
|
|
4
|
+
<div class="content-wrapper">
|
|
5
|
+
{% if page.title %}
|
|
6
|
+
<h1 class="page-title"> {{ page.title }}</h1>
|
|
7
|
+
{% endif %}
|
|
8
|
+
{{ content }}
|
|
9
|
+
</div>
|
|
10
|
+
</div>
|
|
14
11
|
</body>
|
|
15
|
-
|
|
16
|
-
{% include footer.html %}
|
|
12
|
+
{% include footer.html %}
|
data/_layouts/post.html
CHANGED
|
@@ -1,18 +1,28 @@
|
|
|
1
|
-
|
|
2
1
|
{% include head.html %}
|
|
3
2
|
{% include header.html %}
|
|
4
3
|
|
|
5
4
|
<body>
|
|
6
|
-
<div class="home">
|
|
7
|
-
|
|
8
|
-
{% if page.title %}
|
|
9
|
-
<
|
|
10
|
-
{
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
</
|
|
5
|
+
<div class="home">
|
|
6
|
+
<div class="content-wrapper">
|
|
7
|
+
{% if page.title %}
|
|
8
|
+
<div class="title-wrapper">
|
|
9
|
+
<h1 class="page-title"> {{ page.title }}</h1>
|
|
10
|
+
{% if page.github_url %}
|
|
11
|
+
<h2 class="page-gh">
|
|
12
|
+
<a href="{{ page.github_url }}">
|
|
13
|
+
View {{ page.github_short }} on GitHub
|
|
14
|
+
</a>
|
|
15
|
+
</h2>
|
|
16
|
+
{% endif %}
|
|
17
|
+
</div>
|
|
18
|
+
{% endif %}
|
|
19
|
+
{% if page.image %}
|
|
20
|
+
<img src="{{ site.baseurl }}{{ page.image }}"
|
|
21
|
+
alt="Picture of {{ page.title }}" />
|
|
22
|
+
{% endif %}
|
|
23
|
+
{{ content }}
|
|
24
|
+
</div>
|
|
25
|
+
</div>
|
|
16
26
|
</body>
|
|
17
27
|
|
|
18
28
|
{% include footer.html %}
|
data/_sass/names_are_hard.scss
CHANGED
|
@@ -5,8 +5,10 @@
|
|
|
5
5
|
@import url('https://fonts.googleapis.com/css?family=Oswald|Roboto+Condensed');
|
|
6
6
|
|
|
7
7
|
// fonts
|
|
8
|
-
$font-title: 'Oswald',
|
|
9
|
-
|
|
8
|
+
$font-title: 'Oswald',
|
|
9
|
+
sans-serif;
|
|
10
|
+
$font-main: 'Roboto Condensed',
|
|
11
|
+
sans-serif !important;
|
|
10
12
|
|
|
11
13
|
// colors
|
|
12
14
|
$background-color: #142B51 !default;
|
|
@@ -22,15 +24,13 @@ $body-li-size: 12pt;
|
|
|
22
24
|
|
|
23
25
|
$line-style: 0.5px dotted $foreground-color;
|
|
24
26
|
|
|
25
|
-
body
|
|
26
|
-
{
|
|
27
|
+
body {
|
|
27
28
|
color: $foreground-color;
|
|
28
29
|
background-color: $background-color;
|
|
29
30
|
font-family: $font-main;
|
|
30
31
|
}
|
|
31
32
|
|
|
32
|
-
body p
|
|
33
|
-
{
|
|
33
|
+
body p {
|
|
34
34
|
font-size: $body-font-size;
|
|
35
35
|
line-height: 15pt;
|
|
36
36
|
|
|
@@ -38,8 +38,7 @@ body p
|
|
|
38
38
|
margin-bottom: 7pt;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
body li
|
|
42
|
-
{
|
|
41
|
+
body li {
|
|
43
42
|
font-size: $body-li-size;
|
|
44
43
|
line-height: $body-li-size + 2pt;
|
|
45
44
|
|
|
@@ -47,73 +46,51 @@ body li
|
|
|
47
46
|
margin-bottom: 2pt;
|
|
48
47
|
}
|
|
49
48
|
|
|
50
|
-
.site-header
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
background-color: $background-color;
|
|
49
|
+
.site-header {
|
|
50
|
+
// margin-top: 20pt;
|
|
51
|
+
padding-top: 20pt;
|
|
52
|
+
padding-bottom: 10pt;
|
|
53
|
+
background-color: darken($background-color, 10%);
|
|
55
54
|
color: $foreground-color;
|
|
56
|
-
|
|
57
55
|
font-family: $font-title;
|
|
58
|
-
|
|
59
|
-
height: 50pt;
|
|
60
|
-
|
|
61
56
|
}
|
|
62
57
|
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
{
|
|
66
|
-
// I'm literally extending the height of it. lol
|
|
67
|
-
@extend .site-header;
|
|
68
|
-
|
|
69
|
-
height: 70pt;
|
|
70
|
-
|
|
71
|
-
border-bottom: $line-style;
|
|
58
|
+
.site-header a {
|
|
59
|
+
display: inline-block;
|
|
72
60
|
}
|
|
73
61
|
|
|
74
|
-
.site-title
|
|
75
|
-
|
|
76
|
-
height: 30pt;
|
|
77
|
-
position: absolute;
|
|
78
|
-
top: 5pt;
|
|
79
|
-
bottom: 15pt;
|
|
80
|
-
left: 10pt;
|
|
62
|
+
.site-title {
|
|
63
|
+
margin: 2pt 10pt;
|
|
81
64
|
font-size: 40pt;
|
|
82
65
|
text-decoration: underline;
|
|
83
66
|
}
|
|
84
67
|
|
|
85
|
-
.github-link
|
|
86
|
-
{
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
right: 10pt;
|
|
91
|
-
font-size: 12pt;
|
|
68
|
+
.github-link,
|
|
69
|
+
.site-link {
|
|
70
|
+
font-size: 15pt;
|
|
71
|
+
margin: 5pt;
|
|
72
|
+
text-decoration: none;
|
|
92
73
|
}
|
|
93
74
|
|
|
94
|
-
.home
|
|
95
|
-
{
|
|
75
|
+
.home {
|
|
96
76
|
padding-left: 20pt;
|
|
97
77
|
padding-right: 20pt;
|
|
98
78
|
}
|
|
99
79
|
|
|
100
|
-
.content-wrapper
|
|
101
|
-
{
|
|
80
|
+
.content-wrapper {
|
|
102
81
|
padding-top: 10pt;
|
|
103
82
|
}
|
|
104
83
|
|
|
105
|
-
.content-wrapper
|
|
106
|
-
{
|
|
84
|
+
.content-wrapper {
|
|
107
85
|
display: grid;
|
|
108
86
|
grid-template-columns: 1fr 700px 1fr;
|
|
109
87
|
}
|
|
110
|
-
|
|
111
|
-
{
|
|
88
|
+
|
|
89
|
+
.content-wrapper>* {
|
|
112
90
|
grid-column: 2;
|
|
113
91
|
}
|
|
114
92
|
|
|
115
|
-
.post-wrapper
|
|
116
|
-
{
|
|
93
|
+
.post-wrapper {
|
|
117
94
|
border-top: $line-style;
|
|
118
95
|
padding-top: 10pt;
|
|
119
96
|
padding-bottom: 5pt;
|
|
@@ -124,8 +101,7 @@ body li
|
|
|
124
101
|
margin-right: 175px;
|
|
125
102
|
}
|
|
126
103
|
|
|
127
|
-
.site-header-tall
|
|
128
|
-
{
|
|
104
|
+
.site-header-tall>.post-wrapper {
|
|
129
105
|
border: 0;
|
|
130
106
|
padding-top: 0;
|
|
131
107
|
position: absolute;
|
|
@@ -134,49 +110,38 @@ body li
|
|
|
134
110
|
font-size: 12pt;
|
|
135
111
|
}
|
|
136
112
|
|
|
137
|
-
.site-header-tall
|
|
138
|
-
{
|
|
113
|
+
.site-header-tall>.post-wrapper>.post-list-heading {
|
|
139
114
|
font-size: 12pt;
|
|
140
115
|
}
|
|
141
116
|
|
|
142
|
-
.post-list-heading
|
|
143
|
-
{
|
|
117
|
+
.post-list-heading {
|
|
144
118
|
display: inline;
|
|
145
119
|
}
|
|
146
120
|
|
|
147
|
-
.post-list
|
|
148
|
-
{
|
|
121
|
+
.post-list {
|
|
149
122
|
margin-left: 1pt;
|
|
150
123
|
display: inline;
|
|
151
124
|
overflow: hidden;
|
|
152
|
-
width: 50%;
|
|
153
125
|
}
|
|
154
126
|
|
|
155
|
-
.post-element
|
|
156
|
-
{
|
|
127
|
+
.post-element {
|
|
157
128
|
display: inline;
|
|
158
129
|
margin-left: 5pt;
|
|
159
130
|
}
|
|
160
131
|
|
|
161
|
-
.page-title
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
margin-bottom: 20pt;
|
|
165
|
-
padding-bottom: 5pt;
|
|
166
|
-
border-bottom: $line-style;
|
|
132
|
+
.page-title {
|
|
133
|
+
font-size: 40pt;
|
|
134
|
+
font-weight: 100;
|
|
167
135
|
}
|
|
168
136
|
|
|
169
|
-
|
|
170
|
-
.page-footer
|
|
171
|
-
{
|
|
137
|
+
.page-footer {
|
|
172
138
|
height: 10pt;
|
|
173
139
|
text-align: center;
|
|
174
140
|
width: auto;
|
|
175
141
|
padding: 5pt;
|
|
176
142
|
}
|
|
177
143
|
|
|
178
|
-
.footer-copyright
|
|
179
|
-
{
|
|
144
|
+
.footer-copyright {
|
|
180
145
|
text-align: center;
|
|
181
146
|
}
|
|
182
147
|
|
|
@@ -193,43 +158,128 @@ a {
|
|
|
193
158
|
}
|
|
194
159
|
}
|
|
195
160
|
|
|
196
|
-
.
|
|
161
|
+
.post-list a,
|
|
162
|
+
.project-list a {
|
|
163
|
+
color: $foreground-color;
|
|
164
|
+
text-decoration: none;
|
|
165
|
+
|
|
166
|
+
&:hover {
|
|
167
|
+
color: $highlight-color;
|
|
168
|
+
|
|
169
|
+
.project-title,
|
|
170
|
+
.post-title {
|
|
171
|
+
text-decoration: underline;
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
.project
|
|
177
|
+
{
|
|
178
|
+
display: block;
|
|
179
|
+
margin-bottom: 25pt;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
.project-title,
|
|
183
|
+
.post-title {
|
|
184
|
+
display: inline;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
.project-date,
|
|
188
|
+
.post-date {
|
|
189
|
+
margin-left: 5pt;
|
|
190
|
+
display: inline;
|
|
191
|
+
color: darken($foreground-color, 30%);
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
.project-description,
|
|
195
|
+
.post-description {
|
|
196
|
+
display: inline-block;
|
|
197
|
+
padding-top: 2pt;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
.project-gh::before {
|
|
201
|
+
content: "GitHub: ";
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
.project-gh {
|
|
205
|
+
margin-left: 5pt;
|
|
206
|
+
color: darken($color: $foreground-color, $amount: 30%);
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
.page-gh {
|
|
210
|
+
font-size: 15pt;
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
.project-image
|
|
197
214
|
{
|
|
215
|
+
max-height: 300px;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
.title-wrapper {
|
|
219
|
+
margin-top: 30pt;
|
|
220
|
+
margin-bottom: 20pt;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
.site-title,
|
|
224
|
+
.github-link {
|
|
198
225
|
color: $highlight-color;
|
|
199
226
|
text-decoration: none;
|
|
200
227
|
}
|
|
201
228
|
|
|
202
|
-
h1,
|
|
229
|
+
h1,
|
|
230
|
+
h2,
|
|
231
|
+
h3,
|
|
232
|
+
h4,
|
|
233
|
+
h5,
|
|
234
|
+
h6 {
|
|
203
235
|
font-weight: bold;
|
|
204
236
|
margin-top: 10pt;
|
|
205
237
|
margin-bottom: 8pt;
|
|
206
238
|
|
|
207
239
|
}
|
|
208
240
|
|
|
209
|
-
h1 {
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
241
|
+
h1 {
|
|
242
|
+
font-size: 25pt;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
h2 {
|
|
246
|
+
font-size: 22pt;
|
|
247
|
+
}
|
|
215
248
|
|
|
216
|
-
|
|
217
|
-
|
|
249
|
+
h3 {
|
|
250
|
+
font-size: 20pt;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
h4 {
|
|
254
|
+
font-size: 18pt;
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
h5 {
|
|
258
|
+
font-size: 15pt;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
h6 {
|
|
262
|
+
font-size: 12pt;
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
b,
|
|
266
|
+
strong,
|
|
267
|
+
i,
|
|
268
|
+
em {
|
|
218
269
|
color: $highlight-color;
|
|
219
270
|
}
|
|
220
271
|
|
|
221
|
-
b,
|
|
222
|
-
{
|
|
272
|
+
b,
|
|
273
|
+
strong {
|
|
223
274
|
font-weight: bold;
|
|
224
275
|
}
|
|
225
276
|
|
|
226
|
-
i,
|
|
227
|
-
{
|
|
277
|
+
i,
|
|
278
|
+
em {
|
|
228
279
|
font-style: italic;
|
|
229
280
|
}
|
|
230
281
|
|
|
231
|
-
ul
|
|
232
|
-
{
|
|
282
|
+
ul {
|
|
233
283
|
margin-left: 15pt;
|
|
234
284
|
list-style-type: disc;
|
|
235
285
|
}
|
|
@@ -240,19 +290,18 @@ ol {
|
|
|
240
290
|
}
|
|
241
291
|
|
|
242
292
|
li {
|
|
243
|
-
|
|
244
|
-
>
|
|
245
|
-
|
|
293
|
+
|
|
294
|
+
>ul,
|
|
295
|
+
>ol {
|
|
296
|
+
margin-bottom: 0;
|
|
246
297
|
}
|
|
247
298
|
}
|
|
248
299
|
|
|
249
300
|
// pre > code is a code block
|
|
250
301
|
// code is inline
|
|
251
302
|
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
pre.highlight
|
|
255
|
-
{
|
|
303
|
+
// code block
|
|
304
|
+
pre.highlight {
|
|
256
305
|
background-color: $code-background-color;
|
|
257
306
|
color: $code-foreground-color;
|
|
258
307
|
font-family: monospace;
|
|
@@ -260,8 +309,7 @@ pre.highlight
|
|
|
260
309
|
}
|
|
261
310
|
|
|
262
311
|
// inline code
|
|
263
|
-
code
|
|
264
|
-
{
|
|
312
|
+
code {
|
|
265
313
|
background-color: $code-background-color;
|
|
266
314
|
color: $code-foreground-color;
|
|
267
315
|
font-family: monospace;
|
|
@@ -272,14 +320,12 @@ code
|
|
|
272
320
|
overflow: scroll;
|
|
273
321
|
}
|
|
274
322
|
|
|
275
|
-
pre.highlight
|
|
276
|
-
{
|
|
323
|
+
pre.highlight>code {
|
|
277
324
|
display: block;
|
|
278
325
|
padding: 5pt;
|
|
279
326
|
}
|
|
280
327
|
|
|
281
|
-
iframe
|
|
282
|
-
{
|
|
328
|
+
iframe {
|
|
283
329
|
margin: 10pt auto;
|
|
284
330
|
display: block;
|
|
285
331
|
width: 80%;
|
|
@@ -297,8 +343,7 @@ img {
|
|
|
297
343
|
vertical-align: middle;
|
|
298
344
|
}
|
|
299
345
|
|
|
300
|
-
blockquote
|
|
301
|
-
{
|
|
346
|
+
blockquote {
|
|
302
347
|
display: block;
|
|
303
348
|
padding: 8pt;
|
|
304
349
|
background: lighten($background-color, 10%);
|
|
@@ -310,34 +355,36 @@ table {
|
|
|
310
355
|
text-align: left;
|
|
311
356
|
border-collapse: collapse;
|
|
312
357
|
border: 1px solid $foreground-color;
|
|
358
|
+
|
|
313
359
|
tr {
|
|
314
360
|
&:nth-child(even) {
|
|
315
361
|
background-color: lighten($background-color, 10%);
|
|
316
362
|
}
|
|
317
363
|
}
|
|
318
|
-
|
|
364
|
+
|
|
365
|
+
th,
|
|
366
|
+
td {
|
|
319
367
|
padding: 2pt;
|
|
320
368
|
}
|
|
369
|
+
|
|
321
370
|
th {
|
|
322
371
|
background-color: lighten($background-color, 15%);
|
|
323
372
|
border: 1px solid $foreground-color;
|
|
324
373
|
border-bottom-color: darken($foreground-color, 35%);
|
|
325
374
|
}
|
|
375
|
+
|
|
326
376
|
td {
|
|
327
377
|
border: 1px solid darken($foreground-color, 35%);
|
|
328
378
|
}
|
|
329
379
|
}
|
|
330
380
|
|
|
331
|
-
@media only screen and (max-width:
|
|
332
|
-
{
|
|
381
|
+
@media only screen and (max-width: 400px) {
|
|
333
382
|
|
|
334
|
-
.content-wrapper
|
|
335
|
-
{
|
|
383
|
+
.content-wrapper {
|
|
336
384
|
display: block;
|
|
337
385
|
}
|
|
338
386
|
|
|
339
|
-
.site-header-tall
|
|
340
|
-
{
|
|
387
|
+
.site-header-tall {
|
|
341
388
|
height: auto;
|
|
342
389
|
}
|
|
343
390
|
|
|
@@ -352,7 +399,8 @@ table {
|
|
|
352
399
|
left: auto;
|
|
353
400
|
font-size: 30pt;
|
|
354
401
|
}
|
|
355
|
-
|
|
402
|
+
|
|
403
|
+
.site-header a {
|
|
356
404
|
position: static;
|
|
357
405
|
display: block;
|
|
358
406
|
margin-left: 10px;
|
|
@@ -365,8 +413,8 @@ table {
|
|
|
365
413
|
bottom: auto;
|
|
366
414
|
left: auto;
|
|
367
415
|
}
|
|
368
|
-
|
|
369
|
-
{
|
|
416
|
+
|
|
417
|
+
.site-header-tall>.post-wrapper {
|
|
370
418
|
margin: 5px 10px;
|
|
371
419
|
position: static;
|
|
372
420
|
display: block;
|
|
@@ -378,4 +426,4 @@ table {
|
|
|
378
426
|
}
|
|
379
427
|
}
|
|
380
428
|
|
|
381
|
-
@import "syntax";
|
|
429
|
+
@import "syntax";
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: names_are_hard
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1
|
|
4
|
+
version: 0.2.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Chris Johnston
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date:
|
|
11
|
+
date: 2019-02-25 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -54,7 +54,7 @@ dependencies:
|
|
|
54
54
|
version: '10.0'
|
|
55
55
|
description:
|
|
56
56
|
email:
|
|
57
|
-
-
|
|
57
|
+
- chjohnston@protonmail.com
|
|
58
58
|
executables: []
|
|
59
59
|
extensions: []
|
|
60
60
|
extra_rdoc_files: []
|
|
@@ -64,14 +64,12 @@ files:
|
|
|
64
64
|
- _includes/footer.html
|
|
65
65
|
- _includes/head.html
|
|
66
66
|
- _includes/header.html
|
|
67
|
-
- _includes/
|
|
68
|
-
- _includes/
|
|
67
|
+
- _includes/post_list.html
|
|
68
|
+
- _includes/project_list.html
|
|
69
69
|
- _includes/simple_page_head.html
|
|
70
70
|
- _layouts/boring.html
|
|
71
71
|
- _layouts/home.html
|
|
72
|
-
- _layouts/homeposts.html
|
|
73
72
|
- _layouts/page.html
|
|
74
|
-
- _layouts/plainhtml.html
|
|
75
73
|
- _layouts/post.html
|
|
76
74
|
- _sass/names_are_hard.scss
|
|
77
75
|
- _sass/reset.scss
|
|
@@ -97,7 +95,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
97
95
|
version: '0'
|
|
98
96
|
requirements: []
|
|
99
97
|
rubyforge_project:
|
|
100
|
-
rubygems_version: 2.
|
|
98
|
+
rubygems_version: 2.6.14.3
|
|
101
99
|
signing_key:
|
|
102
100
|
specification_version: 4
|
|
103
101
|
summary: This is a theme used for the website of github user Chris-Johnston.
|
data/_includes/header_posts.html
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<header class="site-header-tall" role="banner">
|
|
2
|
-
<!-- <div class="header-wrapper"> -->
|
|
3
|
-
<a class="site-title" href="{{ "/" | relative_url }}">{{ site.website_title | escape }}</a>
|
|
4
|
-
<a class="github-link" href="https://github.com/{{ site.github_username }}">github.com/{{ site.github_username }}</a>
|
|
5
|
-
<!-- </div> -->
|
|
6
|
-
|
|
7
|
-
<!-- include some recent posts underneath -->
|
|
8
|
-
|
|
9
|
-
<div class="post-wrapper">
|
|
10
|
-
{% if site.posts.size > 0 %}
|
|
11
|
-
<h2 class="post-list-heading">Recent:</h2>
|
|
12
|
-
<ul class="post-list">
|
|
13
|
-
{% for post in site.posts limit:3 %}
|
|
14
|
-
<li class="post-element">
|
|
15
|
-
<a class="post-link" href="{{ post.url | relative_url }}">
|
|
16
|
-
{{ post.title }}
|
|
17
|
-
</a>
|
|
18
|
-
</li>
|
|
19
|
-
{% endfor %}
|
|
20
|
-
</ul>
|
|
21
|
-
{% endif %}
|
|
22
|
-
</div>
|
|
23
|
-
|
|
24
|
-
</header>
|
data/_includes/recent_posts.html
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
<div class="post-wrapper">
|
|
3
|
-
{% if site.posts.size > 0 %}
|
|
4
|
-
<h2 class="post-list-heading">Posts</h2>
|
|
5
|
-
<ul class="post-list">
|
|
6
|
-
{% for post in site.posts limit:3 %}
|
|
7
|
-
<li class="post-element">
|
|
8
|
-
<a class="post-link" href="{{ post.url | relative_url }}">
|
|
9
|
-
{{ post.title }}
|
|
10
|
-
</a>
|
|
11
|
-
</li>
|
|
12
|
-
{% endfor %}
|
|
13
|
-
</ul>
|
|
14
|
-
{% endif %}
|
|
15
|
-
</div>
|
data/_layouts/homeposts.html
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
{% include head.html %}
|
|
3
|
-
{% include header_posts.html %}
|
|
4
|
-
|
|
5
|
-
<body>
|
|
6
|
-
|
|
7
|
-
<div class="home">
|
|
8
|
-
|
|
9
|
-
{% if page.title %}
|
|
10
|
-
<h1 class="page-title"> {{ page.title }}</h1>
|
|
11
|
-
{% endif %}
|
|
12
|
-
<div class="content-wrapper">
|
|
13
|
-
{{ content }}
|
|
14
|
-
</div>
|
|
15
|
-
|
|
16
|
-
<!--todo this does not work -->
|
|
17
|
-
{% if site.posts.size > 0 %}
|
|
18
|
-
<div class="home-post-wrapper">
|
|
19
|
-
{% for post in site.posts limit:1 %}
|
|
20
|
-
<div class="home-first-post-title">
|
|
21
|
-
{{ post.title }}
|
|
22
|
-
</div>
|
|
23
|
-
<div class="home-first-post-wrapper">
|
|
24
|
-
{{ post.excerpt | strip_html | truncatewords:50 }}
|
|
25
|
-
</div>
|
|
26
|
-
{% endfor %}
|
|
27
|
-
</div>
|
|
28
|
-
{% endif %}
|
|
29
|
-
|
|
30
|
-
</div>
|
|
31
|
-
|
|
32
|
-
</body>
|
|
33
|
-
{% include footer.html %}
|
data/_layouts/plainhtml.html
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{{ content }}
|