scula 1.0.3 → 1.0.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/LICENSE.txt +21 -0
- data/README.md +58 -0
- data/_config.yml +64 -0
- data/_includes/footer.html +16 -0
- data/_includes/head.html +15 -0
- data/_includes/nav.html +7 -0
- data/_layouts/autopage_category.html +35 -0
- data/_layouts/autopage_collection.html +47 -0
- data/_layouts/bare.html +9 -0
- data/_layouts/page.html +25 -0
- data/_sass/dracula.scss +164 -0
- data/_sass/elements.scss +175 -0
- data/_sass/index.scss +17 -0
- data/_sass/markdown.scss +9 -0
- data/_sass/scula.scss +66 -0
- data/_sass/typography.scss +52 -0
- data/assets/css/styles.scss +4 -0
- data/assets/fonts/sourceCodePro.ttf +0 -0
- data/assets/images/logo.png +0 -0
- metadata +21 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 2679c7292702189ea9c9deed6172e604726d5bc09551b6b7fb70fc0bc4ceb563
|
4
|
+
data.tar.gz: ce37c17e36ef9d32fc494f70046f6a57b1d600e8333c29da281b15c7a7a24b48
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: e6306b5d7f7422015f5619c925c4eb3c9571885f5bee24e27e03ba6d2bf0357a2c79771d0bcf7cf1ba0a01ec16dfa247300176ef83220d95757afdbdca31508c
|
7
|
+
data.tar.gz: 0ca75e1efa43c84ed794a984feba3b381b06dc61eda9c98a728ea3e8efeecded08a82bd49133d476c36ed9371c06050b42cd8cf399b2b05eb1bdd09d15feda1f
|
data/LICENSE.txt
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
The MIT License (MIT)
|
2
|
+
|
3
|
+
Copyright (c) 2023 That-Thing
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
7
|
+
in the Software without restriction, including without limitation the rights
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
10
|
+
furnished to do so, subject to the following conditions:
|
11
|
+
|
12
|
+
The above copyright notice and this permission notice shall be included in
|
13
|
+
all copies or substantial portions of the Software.
|
14
|
+
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
21
|
+
THE SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,58 @@
|
|
1
|
+
# Scula
|
2
|
+
|
3
|
+
Scula is a minimalistic dark theme for Jekyll based on the Dracula color palette.
|
4
|
+
It is designed to be used for a personal blog or portfolio.
|
5
|
+
You can find a live version running [here](https://blog.sen.cat).
|
6
|
+
|
7
|
+
***
|
8
|
+
|
9
|
+
## Installation
|
10
|
+
|
11
|
+
Add this line to your Jekyll site's `Gemfile`:
|
12
|
+
|
13
|
+
```ruby
|
14
|
+
gem "scula"
|
15
|
+
```
|
16
|
+
|
17
|
+
And add this line to your Jekyll site's `_config.yml`:
|
18
|
+
|
19
|
+
```yaml
|
20
|
+
theme: scula
|
21
|
+
```
|
22
|
+
|
23
|
+
And then execute:
|
24
|
+
|
25
|
+
$ bundle
|
26
|
+
|
27
|
+
Or install it yourself as:
|
28
|
+
|
29
|
+
$ gem install scula
|
30
|
+
|
31
|
+
## Usage
|
32
|
+
|
33
|
+
#### Creating a post
|
34
|
+
|
35
|
+
To create a new post, add a file in the `_posts` directory with the following format:
|
36
|
+
|
37
|
+
```
|
38
|
+
YEAR-MONTH-DAY-title.md
|
39
|
+
```
|
40
|
+
|
41
|
+
Where `YEAR` is a four-digit number, `MONTH` and `DAY` are both two-digit numbers, and `title` is the title of your post.
|
42
|
+
|
43
|
+
#### Front Matter
|
44
|
+
|
45
|
+
The front matter is where you configure the post. It is a YAML block at the beginning of the file and is delimited by `---` on either side. The following options are available:
|
46
|
+
|
47
|
+
```yaml
|
48
|
+
---
|
49
|
+
layout: post
|
50
|
+
title: "Post Title"
|
51
|
+
date: YYYY-MM-DD HH:MM:SS +/-TTTT
|
52
|
+
categories: CATEGORY-1 CATEGORY-2
|
53
|
+
---
|
54
|
+
```
|
55
|
+
|
56
|
+
## License
|
57
|
+
|
58
|
+
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
data/_config.yml
ADDED
@@ -0,0 +1,64 @@
|
|
1
|
+
#Stuff to exclude in the build
|
2
|
+
exclude:
|
3
|
+
- README.md
|
4
|
+
- Gemfile
|
5
|
+
- Gemfile.lock
|
6
|
+
- .jekyll-cache
|
7
|
+
|
8
|
+
theme: scula
|
9
|
+
|
10
|
+
#Build settings
|
11
|
+
plugins:
|
12
|
+
- jekyll-seo-tag
|
13
|
+
- jekyll-feed
|
14
|
+
- jekyll-paginate-v2
|
15
|
+
sass:
|
16
|
+
sass_dir: _sass
|
17
|
+
style: compressed
|
18
|
+
permalink: /:year/:month/:day/:title:output_ext
|
19
|
+
|
20
|
+
#SEO stuff
|
21
|
+
title: "Jekyll Scula Theme" # Your site title
|
22
|
+
tagline: "A minimalist Jekyll theme."
|
23
|
+
description: "A minimalist Jekyll theme loosely based on the Dracula color scheme."
|
24
|
+
author: "Sen" # Your name
|
25
|
+
logo: "/assets/images/logo.png"
|
26
|
+
|
27
|
+
|
28
|
+
url: "http://localhost:4000" # The base hostname & protocol for your site
|
29
|
+
|
30
|
+
#Pagination
|
31
|
+
pagination:
|
32
|
+
enabled: true
|
33
|
+
per_page: 3
|
34
|
+
permalink: '/page/:num/'
|
35
|
+
title: ':title - page :num'
|
36
|
+
limit: 0
|
37
|
+
sort_field: 'date'
|
38
|
+
sort_reverse: true
|
39
|
+
|
40
|
+
autopages:
|
41
|
+
enabled: true
|
42
|
+
categories:
|
43
|
+
enabled: true
|
44
|
+
layouts:
|
45
|
+
- 'autopage_category.html'
|
46
|
+
permalink: '/category/:cat'
|
47
|
+
title: ':cat'
|
48
|
+
slugify:
|
49
|
+
mode: 'default' # :cat is slugified. Modes: default, raw, pretty, ascii, latin
|
50
|
+
case: true # Whether to replace all uppercase letters with their lowercase counterparts
|
51
|
+
|
52
|
+
#Page stuff
|
53
|
+
theme-config:
|
54
|
+
logo: "/assets/images/logo.png"
|
55
|
+
logo-width: 100
|
56
|
+
logo-height: 100
|
57
|
+
favicon: "/assets/images/favicon.png"
|
58
|
+
favicon-width: 32
|
59
|
+
favicon-height: 32
|
60
|
+
date-format: "%b %-d, %Y"
|
61
|
+
time-format: "%-I:%M %p"
|
62
|
+
|
63
|
+
#Site information
|
64
|
+
email: your@email.here # Your email address
|
@@ -0,0 +1,16 @@
|
|
1
|
+
<div class="box-footer text-center mt-1">
|
2
|
+
{% if page.categories.size >= 1 %}
|
3
|
+
tags:
|
4
|
+
[
|
5
|
+
{%- for tag in page.categories -%}
|
6
|
+
<a href="{{ "/category" | relative_url }}/{{ tag | slugify }}">{{ tag }}</a>
|
7
|
+
{%- unless forloop.last -%}
|
8
|
+
,
|
9
|
+
{%- endunless -%}
|
10
|
+
{%- endfor -%}
|
11
|
+
]
|
12
|
+
{% endif %}
|
13
|
+
{% if paginator.total_pages > 1 %}
|
14
|
+
<span>page {{page.pagination_info.curr_page}}/{{page.pagination_info.total_pages}}</span>
|
15
|
+
{% endif %}
|
16
|
+
</div>
|
data/_includes/head.html
ADDED
@@ -0,0 +1,15 @@
|
|
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">
|
5
|
+
{%- seo -%}
|
6
|
+
<link rel="stylesheet" href="/assets/css/main.css">
|
7
|
+
{%- feed_meta -%}
|
8
|
+
<title>
|
9
|
+
{% if page.title %}
|
10
|
+
{{ page.title }}
|
11
|
+
{% else %}
|
12
|
+
{{ site.title }}
|
13
|
+
{% endif %}
|
14
|
+
</title>
|
15
|
+
</head>
|
data/_includes/nav.html
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
<div class="text-center mt-1 box-nav">
|
2
|
+
[ <a href="{{ "/" | relative_url }}">Home</a> ]
|
3
|
+
[ <a href="{{ "/about" | relative_url }}/">About</a> ]
|
4
|
+
[ <a href="{{ "/posts" | relative_url }}/">Posts</a> ]
|
5
|
+
[ <a href="{{ "/feed.xml" | relative_url }}">RSS</a> ]
|
6
|
+
[ <a href="{{ page.url | absolute_url }}/">Permalink</a> ]
|
7
|
+
</div>
|
@@ -0,0 +1,35 @@
|
|
1
|
+
---
|
2
|
+
layout: page
|
3
|
+
---
|
4
|
+
<div class="home">
|
5
|
+
<h1>Posts tagged [{% if page.autopages %}{{page.autopage.display_name}}{% endif %}]</h1>
|
6
|
+
{{ content | markdownify }}
|
7
|
+
<ul class="post-list">
|
8
|
+
{% for post in paginator.posts %}
|
9
|
+
<li>
|
10
|
+
<h2>
|
11
|
+
<a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
|
12
|
+
</h2>
|
13
|
+
<span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
|
14
|
+
<p>{{ post.excerpt }}</p>
|
15
|
+
{% if forloop.last == false %}
|
16
|
+
<hr>
|
17
|
+
{% endif %}
|
18
|
+
</li>
|
19
|
+
{% endfor %}
|
20
|
+
</ul>
|
21
|
+
{% if paginator.total_pages > 1 %}
|
22
|
+
<ul class="pager">
|
23
|
+
{% if paginator.previous_page %}
|
24
|
+
<li class="previous">
|
25
|
+
<a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">← Newer Posts</a>
|
26
|
+
</li>
|
27
|
+
{% endif %}
|
28
|
+
{% if paginator.next_page %}
|
29
|
+
<li class="next">
|
30
|
+
<a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Older Posts →</a>
|
31
|
+
</li>
|
32
|
+
{% endif %}
|
33
|
+
</ul>
|
34
|
+
{% endif %}
|
35
|
+
</div>
|
@@ -0,0 +1,47 @@
|
|
1
|
+
---
|
2
|
+
layout: page
|
3
|
+
---
|
4
|
+
<div class="home">
|
5
|
+
|
6
|
+
<h1 class="page-heading">AutoPage Collection <b>{% if page.autopages %}{{page.autopages.display_name}}{% endif %}</b> Page {{page.pagination_info.curr_page}} of {{page.pagination_info.total_pages}}</h1>
|
7
|
+
|
8
|
+
AUTO CREATED FOR ALL COLLECTIONS IN THE SITE
|
9
|
+
|
10
|
+
{{ content | markdownify }}
|
11
|
+
|
12
|
+
<ul class="post-list">
|
13
|
+
<!--
|
14
|
+
Here is the main paginator logic called.
|
15
|
+
All calls to site.posts should be replaced by paginator.posts
|
16
|
+
-->
|
17
|
+
{% for post in paginator.posts %}
|
18
|
+
<li>
|
19
|
+
<span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}{% if post.book.rank %} | Rank: {{ post.book.rank }}{% endif %}{% if post.collection %} | {{ post.collection }}{% endif %}{% if post.tags %}<br>Tags: {{ post.tags }}{% endif %}</span>
|
20
|
+
<h2>
|
21
|
+
<a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
|
22
|
+
</h2>
|
23
|
+
</li>
|
24
|
+
{% endfor %}
|
25
|
+
</ul>
|
26
|
+
|
27
|
+
<!--
|
28
|
+
Showing buttons to move to the next and to the previous list of posts (pager buttons).
|
29
|
+
-->
|
30
|
+
{% if paginator.total_pages > 1 %}
|
31
|
+
<ul class="pager">
|
32
|
+
{% if paginator.previous_page %}
|
33
|
+
<li class="previous">
|
34
|
+
<a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">← Newer Posts</a>
|
35
|
+
</li>
|
36
|
+
{% endif %}
|
37
|
+
{% if paginator.next_page %}
|
38
|
+
<li class="next">
|
39
|
+
<a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Older Posts →</a>
|
40
|
+
</li>
|
41
|
+
{% endif %}
|
42
|
+
</ul>
|
43
|
+
{% endif %}
|
44
|
+
|
45
|
+
<p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>
|
46
|
+
|
47
|
+
</div>
|
data/_layouts/bare.html
ADDED
data/_layouts/page.html
ADDED
@@ -0,0 +1,25 @@
|
|
1
|
+
<!doctype html>
|
2
|
+
<html lang="en">
|
3
|
+
{% include head.html %}
|
4
|
+
<body>
|
5
|
+
<div class="container mt-1">
|
6
|
+
<div class="box mx-auto w-50 mb-1">
|
7
|
+
<div class="box-header text-center">
|
8
|
+
<h3 class="box-header-text">
|
9
|
+
{% if page.header%}
|
10
|
+
{{ page.header }}
|
11
|
+
{% else %}
|
12
|
+
{{ page.title }}
|
13
|
+
{% endif %}
|
14
|
+
</h3>
|
15
|
+
</div>
|
16
|
+
<div class="box-content">
|
17
|
+
{% include nav.html %}
|
18
|
+
<div class="box-entry mt-1">
|
19
|
+
{{ content }}
|
20
|
+
</div>
|
21
|
+
</div>
|
22
|
+
</div>
|
23
|
+
</div>
|
24
|
+
</body>
|
25
|
+
</html>
|
data/_sass/dracula.scss
ADDED
@@ -0,0 +1,164 @@
|
|
1
|
+
/* Dracula Theme v1.2.5
|
2
|
+
*
|
3
|
+
* https://github.com/zenorocha/dracula-theme
|
4
|
+
*
|
5
|
+
* Copyright 2016, All rights reserved
|
6
|
+
*
|
7
|
+
* Code licensed under the MIT license
|
8
|
+
* http://zenorocha.mit-license.org
|
9
|
+
*
|
10
|
+
* @author Rob G <wowmotty@gmail.com>
|
11
|
+
* @author Chris Bracco <chris@cbracco.me>
|
12
|
+
* @author Zeno Rocha <hi@zenorocha.com>
|
13
|
+
* @author Piruin Panichphol <piruin.p@gmail.com>
|
14
|
+
*/
|
15
|
+
|
16
|
+
/*
|
17
|
+
* Variables
|
18
|
+
*/
|
19
|
+
|
20
|
+
$dt-gray-dark: #282a36; // Background
|
21
|
+
$dt-gray: #44475a; // Current Line & Selection
|
22
|
+
$dt-gray-light: #f8f8f2; // Foreground
|
23
|
+
$dt-blue: #6272a4; // Comment
|
24
|
+
$dt-cyan: #8be9fd;
|
25
|
+
$dt-green: #50fa7b;
|
26
|
+
$dt-orange: #ffb86c;
|
27
|
+
$dt-pink: #ff79c6;
|
28
|
+
$dt-purple: #bd93f9;
|
29
|
+
$dt-red: #ff5555;
|
30
|
+
$dt-yellow: #f1fa8c;
|
31
|
+
|
32
|
+
/*
|
33
|
+
* Styles
|
34
|
+
*/
|
35
|
+
|
36
|
+
.highlight {
|
37
|
+
.hll,
|
38
|
+
.s,
|
39
|
+
.sa,
|
40
|
+
.sb,
|
41
|
+
.sc,
|
42
|
+
.dl,
|
43
|
+
.sd,
|
44
|
+
.s2,
|
45
|
+
.se,
|
46
|
+
.sh,
|
47
|
+
.si,
|
48
|
+
.sx,
|
49
|
+
.sr,
|
50
|
+
.s1,
|
51
|
+
.ss {
|
52
|
+
color: $dt-yellow;
|
53
|
+
}
|
54
|
+
|
55
|
+
.go {
|
56
|
+
color: $dt-gray;
|
57
|
+
}
|
58
|
+
|
59
|
+
.err,
|
60
|
+
.g,
|
61
|
+
.l,
|
62
|
+
.n,
|
63
|
+
.x,
|
64
|
+
.p,
|
65
|
+
.ge,
|
66
|
+
.gr,
|
67
|
+
.gh,
|
68
|
+
.gi,
|
69
|
+
.gp,
|
70
|
+
.gs,
|
71
|
+
.gu,
|
72
|
+
.gt,
|
73
|
+
.ld,
|
74
|
+
.no,
|
75
|
+
.nd,
|
76
|
+
.ni,
|
77
|
+
.ne,
|
78
|
+
.nn,
|
79
|
+
.nx,
|
80
|
+
.py,
|
81
|
+
.w,
|
82
|
+
.bp {
|
83
|
+
color: $dt-gray-light;
|
84
|
+
}
|
85
|
+
|
86
|
+
.gh,
|
87
|
+
.gi,
|
88
|
+
.gu {
|
89
|
+
font-weight: bold;
|
90
|
+
}
|
91
|
+
|
92
|
+
.ge {
|
93
|
+
text-decoration: underline;
|
94
|
+
}
|
95
|
+
|
96
|
+
.bp {
|
97
|
+
font-style: italic;
|
98
|
+
}
|
99
|
+
|
100
|
+
.c,
|
101
|
+
.ch,
|
102
|
+
.cm,
|
103
|
+
.cpf,
|
104
|
+
.c1,
|
105
|
+
.cs {
|
106
|
+
color: $dt-blue;
|
107
|
+
}
|
108
|
+
|
109
|
+
.kd,
|
110
|
+
.kt,
|
111
|
+
.nb,
|
112
|
+
.nl,
|
113
|
+
.nv,
|
114
|
+
.vc,
|
115
|
+
.vg,
|
116
|
+
.vi,
|
117
|
+
.vm {
|
118
|
+
color: $dt-cyan;
|
119
|
+
}
|
120
|
+
|
121
|
+
.kd,
|
122
|
+
.nb,
|
123
|
+
.nl,
|
124
|
+
.nv,
|
125
|
+
.vc,
|
126
|
+
.vg,
|
127
|
+
.vi,
|
128
|
+
.vm {
|
129
|
+
font-style: italic;
|
130
|
+
}
|
131
|
+
|
132
|
+
.na,
|
133
|
+
.nc,
|
134
|
+
.nf,
|
135
|
+
.fm {
|
136
|
+
color: $dt-green;
|
137
|
+
}
|
138
|
+
|
139
|
+
.k,
|
140
|
+
.o,
|
141
|
+
.cp,
|
142
|
+
.kc,
|
143
|
+
.kn,
|
144
|
+
.kp,
|
145
|
+
.kr,
|
146
|
+
.nt,
|
147
|
+
.ow {
|
148
|
+
color: $dt-pink;
|
149
|
+
}
|
150
|
+
|
151
|
+
.m,
|
152
|
+
.mb,
|
153
|
+
.mf,
|
154
|
+
.mh,
|
155
|
+
.mi,
|
156
|
+
.mo,
|
157
|
+
.il {
|
158
|
+
color: $dt-purple;
|
159
|
+
}
|
160
|
+
|
161
|
+
.gd {
|
162
|
+
color: $dt-red;
|
163
|
+
}
|
164
|
+
}
|
data/_sass/elements.scss
ADDED
@@ -0,0 +1,175 @@
|
|
1
|
+
.hidden {
|
2
|
+
display: none;
|
3
|
+
}
|
4
|
+
.container {
|
5
|
+
display: flex;
|
6
|
+
flex-direction: column;
|
7
|
+
margin-top: 10%;
|
8
|
+
}
|
9
|
+
.flex-gap {
|
10
|
+
display: inline-flex;
|
11
|
+
flex-wrap: wrap;
|
12
|
+
gap: 12px;
|
13
|
+
|
14
|
+
div {
|
15
|
+
margin: 6px;
|
16
|
+
}
|
17
|
+
}
|
18
|
+
.row {
|
19
|
+
display: flex;
|
20
|
+
flex-direction: row;
|
21
|
+
flex-wrap: wrap;
|
22
|
+
}
|
23
|
+
.column {
|
24
|
+
display: flex;
|
25
|
+
flex-direction: column;
|
26
|
+
}
|
27
|
+
.box {
|
28
|
+
background-color: $color_background;
|
29
|
+
border-radius: $border_radius;
|
30
|
+
border-top: 1px solid $color_border;
|
31
|
+
box-shadow: -3px 3px 15px 0px #00000060;
|
32
|
+
min-width: 300px;
|
33
|
+
min-height: 250px;
|
34
|
+
height: fit-content;
|
35
|
+
@media only screen and (max-width: 600px) {
|
36
|
+
width: 90%!important;
|
37
|
+
}
|
38
|
+
padding-bottom: 15px;
|
39
|
+
}
|
40
|
+
.box-header-text {
|
41
|
+
margin: 5px;
|
42
|
+
}
|
43
|
+
.box-content {
|
44
|
+
padding-left: 10px;
|
45
|
+
padding-right: 10px;
|
46
|
+
}
|
47
|
+
.box-entry {
|
48
|
+
|
49
|
+
}
|
50
|
+
.box-nav {
|
51
|
+
@media only screen and (max-width: 600px) {
|
52
|
+
font-size: 10px;
|
53
|
+
}
|
54
|
+
}
|
55
|
+
|
56
|
+
|
57
|
+
|
58
|
+
.mt-0 {
|
59
|
+
margin-top: 0;
|
60
|
+
}
|
61
|
+
.mt-1 {
|
62
|
+
margin-top: 1rem;
|
63
|
+
}
|
64
|
+
.mt-2 {
|
65
|
+
margin-top: 2rem;
|
66
|
+
}
|
67
|
+
.mt-3 {
|
68
|
+
margin-top: 3rem;
|
69
|
+
}
|
70
|
+
.mt-4 {
|
71
|
+
margin-top: 4rem;
|
72
|
+
}
|
73
|
+
.mt-5 {
|
74
|
+
margin-top: 5rem;
|
75
|
+
}
|
76
|
+
.mt-auto {
|
77
|
+
margin-top: auto;
|
78
|
+
}
|
79
|
+
.mb-0 {
|
80
|
+
margin-bottom: 0;
|
81
|
+
}
|
82
|
+
.mb-1 {
|
83
|
+
margin-bottom: 1rem;
|
84
|
+
}
|
85
|
+
.mb-2 {
|
86
|
+
margin-bottom: 2rem;
|
87
|
+
}
|
88
|
+
.mb-3 {
|
89
|
+
margin-bottom: 3rem;
|
90
|
+
}
|
91
|
+
.mb-4 {
|
92
|
+
margin-bottom: 4rem;
|
93
|
+
}
|
94
|
+
.mb-5 {
|
95
|
+
margin-bottom: 5rem;
|
96
|
+
}
|
97
|
+
.mb-auto {
|
98
|
+
margin-bottom: auto;
|
99
|
+
}
|
100
|
+
.ms-0 {
|
101
|
+
margin-left: 0;
|
102
|
+
}
|
103
|
+
.ms-1 {
|
104
|
+
margin-left: 1rem;
|
105
|
+
}
|
106
|
+
.ms-2 {
|
107
|
+
margin-left: 2rem;
|
108
|
+
}
|
109
|
+
.ms-3 {
|
110
|
+
margin-left: 3rem;
|
111
|
+
}
|
112
|
+
.ms-4 {
|
113
|
+
margin-left: 4rem;
|
114
|
+
}
|
115
|
+
.ms-5 {
|
116
|
+
margin-left: 5rem;
|
117
|
+
}
|
118
|
+
.ms-auto {
|
119
|
+
margin-left: auto;
|
120
|
+
}
|
121
|
+
.me-0 {
|
122
|
+
margin-right: 0;
|
123
|
+
}
|
124
|
+
.me-1 {
|
125
|
+
margin-right: 1rem;
|
126
|
+
}
|
127
|
+
.me-2 {
|
128
|
+
margin-right: 2rem;
|
129
|
+
}
|
130
|
+
.me-3 {
|
131
|
+
margin-right: 3rem;
|
132
|
+
}
|
133
|
+
.me-4 {
|
134
|
+
margin-right: 4rem;
|
135
|
+
}
|
136
|
+
.me-5 {
|
137
|
+
margin-right: 5rem;
|
138
|
+
}
|
139
|
+
.me-auto {
|
140
|
+
margin-right: auto;
|
141
|
+
}
|
142
|
+
.mx-auto {
|
143
|
+
margin-left: auto;
|
144
|
+
margin-right: auto;
|
145
|
+
}
|
146
|
+
.w-100 {
|
147
|
+
width: 100%;
|
148
|
+
}
|
149
|
+
.w-50 {
|
150
|
+
width: 50%;
|
151
|
+
}
|
152
|
+
.w-75 {
|
153
|
+
width: 75%;
|
154
|
+
}
|
155
|
+
.w-25 {
|
156
|
+
width: 25%;
|
157
|
+
}
|
158
|
+
.text-center {
|
159
|
+
text-align: center;
|
160
|
+
}
|
161
|
+
.text-left {
|
162
|
+
text-align: left;
|
163
|
+
}
|
164
|
+
.text-right {
|
165
|
+
text-align: right;
|
166
|
+
}
|
167
|
+
.post-link {
|
168
|
+
display: block;
|
169
|
+
font-size: 1.2rem;
|
170
|
+
}
|
171
|
+
.post-meta {
|
172
|
+
font-size: 14px;
|
173
|
+
color: $color_gray;
|
174
|
+
}
|
175
|
+
|
data/_sass/index.scss
ADDED
@@ -0,0 +1,17 @@
|
|
1
|
+
#post-box {
|
2
|
+
min-width: 30%;
|
3
|
+
}
|
4
|
+
#right-col, #post-box {
|
5
|
+
@media only screen and (max-width: 600px) {
|
6
|
+
margin-left: auto;
|
7
|
+
margin-right: auto;
|
8
|
+
}
|
9
|
+
}
|
10
|
+
#nav-box {
|
11
|
+
min-height: 100px;
|
12
|
+
}
|
13
|
+
#index-boxes {
|
14
|
+
gap: 50px;
|
15
|
+
min-width: 100%;
|
16
|
+
flex-wrap: wrap-reverse;
|
17
|
+
}
|
data/_sass/markdown.scss
ADDED
data/_sass/scula.scss
ADDED
@@ -0,0 +1,66 @@
|
|
1
|
+
/*Reset*/
|
2
|
+
body, h1, h2, h3, h4, h5, h6,
|
3
|
+
p, blockquote, pre, hr,
|
4
|
+
dl, dd, ol, ul, figure {
|
5
|
+
margin: 0;
|
6
|
+
padding: 0;
|
7
|
+
|
8
|
+
}
|
9
|
+
|
10
|
+
|
11
|
+
/*Colors*/
|
12
|
+
$color_pink: #ff79c6;
|
13
|
+
$color_purple: #6b52ff;
|
14
|
+
$color_gray: #6a737d;
|
15
|
+
$color_red: #ff7979;
|
16
|
+
$color_green: #79ff8a;
|
17
|
+
|
18
|
+
$color_text: #fcfcfc;
|
19
|
+
$color_border: #2d2e37;
|
20
|
+
$color_background: #1e1f29;
|
21
|
+
$color_highlight: lighten($color_background, 10%);
|
22
|
+
$color_scrollbar: #232430;
|
23
|
+
$color_scrollbar_hover: lighten($color_scrollbar, 10%);
|
24
|
+
|
25
|
+
/*Variables*/
|
26
|
+
$border_radius: 5px;
|
27
|
+
$scroll_border_radius: 50px;
|
28
|
+
|
29
|
+
/*Imports*/
|
30
|
+
@import "dracula";
|
31
|
+
@import "elements";
|
32
|
+
@import "markdown";
|
33
|
+
@import "typography";
|
34
|
+
@import "index";
|
35
|
+
|
36
|
+
body {
|
37
|
+
background-color: $color_background;
|
38
|
+
::-webkit-scrollbar {
|
39
|
+
width: 8px;
|
40
|
+
height: 8px;
|
41
|
+
}
|
42
|
+
::-webkit-scrollbar-thumb {
|
43
|
+
background: $color_scrollbar;
|
44
|
+
border-radius: $scroll_border_radius;
|
45
|
+
}
|
46
|
+
::-webkit-scrollbar-thumb:hover {
|
47
|
+
background: $color_scrollbar_hover;
|
48
|
+
}
|
49
|
+
::-webkit-scrollbar-track {
|
50
|
+
background: transparent;
|
51
|
+
}
|
52
|
+
}
|
53
|
+
::selection {
|
54
|
+
background: transparentize($color_pink, 0.25);
|
55
|
+
color: $color_text;
|
56
|
+
}
|
57
|
+
ul {
|
58
|
+
list-style-type: none;
|
59
|
+
}
|
60
|
+
hr {
|
61
|
+
border: 0;
|
62
|
+
height: 1px;
|
63
|
+
background-color: $color_border;
|
64
|
+
margin-top: 10px;
|
65
|
+
margin-bottom: 10px;
|
66
|
+
}
|
@@ -0,0 +1,52 @@
|
|
1
|
+
$font-family_1: 'Source Code Pro', monospace;
|
2
|
+
@font-face {
|
3
|
+
font-family: "Source Code Pro";
|
4
|
+
src: url("/assets/fonts/sourceCodePro.ttf");
|
5
|
+
}
|
6
|
+
|
7
|
+
body {
|
8
|
+
font-family: $font-family_1;
|
9
|
+
font-size: 12px;
|
10
|
+
line-height: 1.5;
|
11
|
+
color: $color_text;
|
12
|
+
}
|
13
|
+
a {
|
14
|
+
color: $color_pink;
|
15
|
+
text-decoration: none;
|
16
|
+
&:hover {
|
17
|
+
text-decoration: underline;
|
18
|
+
}
|
19
|
+
}
|
20
|
+
pre {
|
21
|
+
padding: 3px;
|
22
|
+
background-color: $color_highlight;
|
23
|
+
overflow: auto;
|
24
|
+
max-width: fit-content;
|
25
|
+
border-radius: $border_radius;
|
26
|
+
}
|
27
|
+
figure.highlight {
|
28
|
+
text-align: left;
|
29
|
+
margin-top: 1rem;
|
30
|
+
margin-bottom: 5px;
|
31
|
+
pre:first-child {
|
32
|
+
margin-left: auto;
|
33
|
+
margin-right: auto;
|
34
|
+
}
|
35
|
+
}
|
36
|
+
|
37
|
+
|
38
|
+
.fs-1 {
|
39
|
+
font-size: 0.8rem;
|
40
|
+
}
|
41
|
+
.fs-2 {
|
42
|
+
font-size: 1rem;
|
43
|
+
}
|
44
|
+
.fs-3 {
|
45
|
+
font-size: 1.2rem;
|
46
|
+
}
|
47
|
+
.fs-4 {
|
48
|
+
font-size: 1.4rem;
|
49
|
+
}
|
50
|
+
.fs-5 {
|
51
|
+
font-size: 1.6rem;
|
52
|
+
}
|
File without changes
|
Binary file
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: scula
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.0.
|
4
|
+
version: 1.0.4
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- That-Thing
|
@@ -114,7 +114,26 @@ email:
|
|
114
114
|
executables: []
|
115
115
|
extensions: []
|
116
116
|
extra_rdoc_files: []
|
117
|
-
files:
|
117
|
+
files:
|
118
|
+
- LICENSE.txt
|
119
|
+
- README.md
|
120
|
+
- _config.yml
|
121
|
+
- _includes/footer.html
|
122
|
+
- _includes/head.html
|
123
|
+
- _includes/nav.html
|
124
|
+
- _layouts/autopage_category.html
|
125
|
+
- _layouts/autopage_collection.html
|
126
|
+
- _layouts/bare.html
|
127
|
+
- _layouts/page.html
|
128
|
+
- _sass/dracula.scss
|
129
|
+
- _sass/elements.scss
|
130
|
+
- _sass/index.scss
|
131
|
+
- _sass/markdown.scss
|
132
|
+
- _sass/scula.scss
|
133
|
+
- _sass/typography.scss
|
134
|
+
- assets/css/styles.scss
|
135
|
+
- assets/fonts/sourceCodePro.ttf
|
136
|
+
- assets/images/logo.png
|
118
137
|
homepage: https://github.com/that-thing/jekyll-scula
|
119
138
|
licenses:
|
120
139
|
- MIT
|