jekyll-theme-miniplex 0.1.1 → 0.1.3
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 +21 -7
- data/_config.yml +18 -0
- data/_includes/navigation_desktop.html +23 -12
- data/_includes/navigation_mobile.html +24 -13
- data/_sass/jekyll-theme-miniplex.sass +40 -21
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 94853bf92e57a9fea87555c09f927e992ba4a8b7b28fdebe357dc86211717979
|
|
4
|
+
data.tar.gz: 36b372f4782ea63026c19dca9ab5a79aff4dc71fb2529141c244866aeb428261
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: a4e6b4c80c1fe6c40b1859842f4e74dffc43579279eefce169fd82dfb15fd13b19eb4292ae9c8b60fa67e49a13442a47d20652f0b7fec3acf4fc511af4eb2b0f
|
|
7
|
+
data.tar.gz: a0a06b66d5eb5176227fa5c439f70e0b0cffb545281508366726a24c26529d0076464b507acedaffcd65b6b1aa8421122426ee0edd04539700cca36f08dbfc80
|
data/README.md
CHANGED
|
@@ -1,16 +1,33 @@
|
|
|
1
1
|
# jekyll-theme-miniplex
|
|
2
2
|
|
|
3
|
-
A Jekyll
|
|
3
|
+
A theme for [Jekyll](https://jekyllrb.com/). Features and characteristics:
|
|
4
|
+
|
|
5
|
+
- Responsive.
|
|
6
|
+
- Table reformatting for very small screens.
|
|
7
|
+
- Hamburger menu at the bottom right, easy to reach.
|
|
8
|
+
- Uses the [IBM Plex](https://www.ibm.com/plex/) typeface, hence the name.
|
|
9
|
+
|
|
10
|
+
I'm using this for my personal web site, so don't expect this to fit your needs.
|
|
11
|
+
|
|
12
|
+
## What it looks like
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
4
17
|
|
|
5
18
|
## Installation
|
|
6
19
|
|
|
7
|
-
Add
|
|
20
|
+
Add the following to your Jekyll site's `Gemfile`:
|
|
8
21
|
|
|
9
22
|
```ruby
|
|
10
23
|
gem "jekyll-theme-miniplex"
|
|
24
|
+
|
|
25
|
+
# Use the most recent version of jekyll-sass-converter, to force Dart Sass
|
|
26
|
+
gem "sass-embedded"
|
|
27
|
+
gem "jekyll-sass-converter", github: "jekyll/jekyll-sass-converter"
|
|
11
28
|
```
|
|
12
29
|
|
|
13
|
-
|
|
30
|
+
Add the following to your Jekyll site's `_config.yml`:
|
|
14
31
|
|
|
15
32
|
```yaml
|
|
16
33
|
theme: jekyll-theme-miniplex
|
|
@@ -20,13 +37,10 @@ And then execute:
|
|
|
20
37
|
|
|
21
38
|
$ bundle
|
|
22
39
|
|
|
23
|
-
Or install it yourself as:
|
|
24
|
-
|
|
25
|
-
$ gem install jekyll-theme-miniplex
|
|
26
40
|
|
|
27
41
|
## Usage
|
|
28
42
|
|
|
29
|
-
|
|
43
|
+
At the moment, there is a `page` and a `post` layout, but they use the `default` layout and so are identical.
|
|
30
44
|
|
|
31
45
|
|
|
32
46
|
## License
|
data/_config.yml
CHANGED
|
@@ -2,5 +2,23 @@
|
|
|
2
2
|
# Jekyll merges this with the user's _config.yml, see
|
|
3
3
|
# https://jekyllrb.com/docs/themes/#pre-configuring-theme-gems40
|
|
4
4
|
|
|
5
|
+
title: Miniplex Theme for Jekyll
|
|
6
|
+
|
|
5
7
|
plugins:
|
|
6
8
|
- jekyll-coffeescript
|
|
9
|
+
|
|
10
|
+
exclude:
|
|
11
|
+
- .sass-cache/
|
|
12
|
+
- .jekyll-cache/
|
|
13
|
+
- gemfiles/
|
|
14
|
+
- Gemfile
|
|
15
|
+
- Gemfile.lock
|
|
16
|
+
- "*.gem"
|
|
17
|
+
- "*.gemspec"
|
|
18
|
+
- "*.sublime-project"
|
|
19
|
+
- "*.sublime-workspace"
|
|
20
|
+
- node_modules/
|
|
21
|
+
- vendor/bundle/
|
|
22
|
+
- vendor/cache/
|
|
23
|
+
- vendor/gems/
|
|
24
|
+
- vendor/ruby/
|
|
@@ -1,18 +1,29 @@
|
|
|
1
1
|
<ul>
|
|
2
|
-
<li id="site-title"><a href="/">{{ site.title }}</a></li>
|
|
2
|
+
<li id="site-title"><a href="/">{{ site.title | default: "Your site has no title yet. Set it in _config.yml." }}</a></li>
|
|
3
|
+
<li>Pages</li>
|
|
3
4
|
<li>
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
<ul>
|
|
6
|
+
{% assign site_pages = site.pages %}
|
|
7
|
+
{% for listed_page in site_pages %}
|
|
8
|
+
{% if listed_page.url == page.url %}
|
|
9
|
+
<li><a href="{{listed_page.url}}" class="active">{{listed_page.title}}</a></li>
|
|
10
|
+
{% else %}
|
|
11
|
+
<li><a href="{{listed_page.url}}">{{listed_page.title}}</a></li>
|
|
12
|
+
{% endif %}
|
|
13
|
+
{% endfor %}
|
|
14
|
+
</ul>
|
|
9
15
|
</li>
|
|
16
|
+
<li>Posts</li>
|
|
10
17
|
<li>
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
18
|
+
<ul>
|
|
19
|
+
{% assign site_posts = site.posts %}
|
|
20
|
+
{% for listed_post in site_posts %}
|
|
21
|
+
{% if listed_post.url == page.url %}
|
|
22
|
+
<li><a href="{{listed_post.url}}" class="active">{{listed_post.title}}</a></li>
|
|
23
|
+
{% else %}
|
|
24
|
+
<li><a href="{{listed_post.url}}">{{listed_post.title}}</a></li>
|
|
25
|
+
{% endif %}
|
|
26
|
+
{% endfor %}
|
|
27
|
+
</ul>
|
|
17
28
|
</li>
|
|
18
29
|
</ul>
|
|
@@ -1,25 +1,36 @@
|
|
|
1
1
|
<div id="transparent-nav-close-area">
|
|
2
2
|
</div>
|
|
3
3
|
<ul id="navigation-items">
|
|
4
|
+
<li>Pages</li>
|
|
4
5
|
<li>
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
<ul>
|
|
7
|
+
{% assign site_pages = site.pages %}
|
|
8
|
+
{% for listed_page in site_pages %}
|
|
9
|
+
{% if listed_page.url == page.url %}
|
|
10
|
+
<li><a href="{{listed_page.url}}" class="active">{{listed_page.title}}</a></li>
|
|
11
|
+
{% else %}
|
|
12
|
+
<li><a href="{{listed_page.url}}">{{listed_page.title}}</a></li>
|
|
13
|
+
{% endif %}
|
|
14
|
+
{% endfor %}
|
|
15
|
+
</ul>
|
|
10
16
|
</li>
|
|
17
|
+
<li>Posts</li>
|
|
11
18
|
<li>
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
19
|
+
<ul>
|
|
20
|
+
{% assign site_posts = site.posts %}
|
|
21
|
+
{% for listed_post in site_posts %}
|
|
22
|
+
{% if listed_post.url == page.url %}
|
|
23
|
+
<li><a href="{{listed_post.url}}" class="active">{{listed_post.title}}</a></li>
|
|
24
|
+
{% else %}
|
|
25
|
+
<li><a href="{{listed_post.url}}">{{listed_post.title}}</a></li>
|
|
26
|
+
{% endif %}
|
|
27
|
+
{% endfor %}
|
|
28
|
+
</ul>
|
|
18
29
|
</li>
|
|
19
30
|
</ul>
|
|
20
31
|
<ul id="navigation-controls">
|
|
21
|
-
<li id="site-title"><a href="/">{{ site.title }}</a></li>
|
|
32
|
+
<li id="site-title"><a href="/">{{ site.title | default: "Your site has no title yet. Set it in _config.yml." }}</a></li>
|
|
22
33
|
<li>
|
|
23
|
-
<button id="mobile-navigation-toggle">
|
|
34
|
+
<button id="mobile-navigation-toggle">Menu</button>
|
|
24
35
|
</li>
|
|
25
36
|
</ul>
|
|
@@ -472,23 +472,7 @@ body
|
|
|
472
472
|
tbody
|
|
473
473
|
td
|
|
474
474
|
@include responsive_property(padding, $xs: math.div($unit, 8), $s: math.div($unit, 4), $m: math.div($unit, 2), $otherwise: math.div($unit, 2))
|
|
475
|
-
|
|
476
|
-
nav
|
|
477
|
-
|
|
478
|
-
p, li
|
|
479
|
-
font-size: 1.25 * $unit
|
|
480
|
-
|
|
481
|
-
a
|
|
482
|
-
color: $heading_foreground_color
|
|
483
|
-
text-decoration: none
|
|
484
|
-
|
|
485
|
-
a.active
|
|
486
|
-
font-weight: bold
|
|
487
|
-
|
|
488
|
-
button
|
|
489
|
-
color: $primary_foreground_color
|
|
490
|
-
cursor: pointer
|
|
491
|
-
|
|
475
|
+
|
|
492
476
|
// Desktop Navigation
|
|
493
477
|
nav#navigation-desktop
|
|
494
478
|
background-color: $content-background-color
|
|
@@ -508,9 +492,27 @@ body
|
|
|
508
492
|
@include linear_responsive_property("padding-left", $large_breakpoint, $unit, $large_breakpoint + 8 * $unit, 8 * $unit)
|
|
509
493
|
padding-right: $unit
|
|
510
494
|
|
|
495
|
+
li
|
|
496
|
+
margin-bottom: math.div($unit, 2)
|
|
497
|
+
|
|
498
|
+
p, li
|
|
499
|
+
font-size: 1.25 * $unit
|
|
500
|
+
|
|
501
|
+
a
|
|
502
|
+
color: $heading_foreground_color
|
|
503
|
+
text-decoration: none
|
|
504
|
+
|
|
505
|
+
a.active
|
|
506
|
+
font-weight: bold
|
|
507
|
+
|
|
508
|
+
li ul
|
|
509
|
+
@include responsive_property(margin-left, $xs: 0.25 * $unit, $s: 0.5 * $unit, $otherwise: 1 * $unit)
|
|
510
|
+
|
|
511
511
|
li#site-title
|
|
512
512
|
@include title_font
|
|
513
513
|
font-size: 2.25 * $unit
|
|
514
|
+
@include responsive_property(margin-bottom, $xs: 1.5 * $unit, $s: 1.75 * $unit, $m: 2 * $unit, $otherwise: 2 * $unit)
|
|
515
|
+
|
|
514
516
|
|
|
515
517
|
// Mobile navigation, both states
|
|
516
518
|
nav#navigation-mobile
|
|
@@ -525,10 +527,6 @@ body
|
|
|
525
527
|
grid-template-columns: auto
|
|
526
528
|
grid-template-rows: [transparent-nav-close-area] 4 * $unit [navigation-items] 1fr [navigation-controls] min-content
|
|
527
529
|
|
|
528
|
-
#transparent-nav-close-area
|
|
529
|
-
grid-row: transparent-nav-close-area / span 1
|
|
530
|
-
cursor: pointer
|
|
531
|
-
|
|
532
530
|
#navigation-items
|
|
533
531
|
grid-row: navigation-items / span 1
|
|
534
532
|
background-color: $content_background_color
|
|
@@ -538,6 +536,26 @@ body
|
|
|
538
536
|
@include responsive_property(padding-bottom, $m: math.div($unit, 2), $otherwise: math.div($unit, 4))
|
|
539
537
|
@include responsive_property(padding-right, $m: $unit, $otherwise: math.div($unit, 2))
|
|
540
538
|
|
|
539
|
+
li
|
|
540
|
+
margin-bottom: math.div($unit, 2)
|
|
541
|
+
|
|
542
|
+
p, li
|
|
543
|
+
font-size: 1.25 * $unit
|
|
544
|
+
|
|
545
|
+
a
|
|
546
|
+
color: $heading_foreground_color
|
|
547
|
+
text-decoration: none
|
|
548
|
+
|
|
549
|
+
a.active
|
|
550
|
+
font-weight: bold
|
|
551
|
+
|
|
552
|
+
li ul
|
|
553
|
+
@include responsive_property(margin-left, $xs: 0.25 * $unit, $s: 0.5 * $unit, $otherwise: 1 * $unit)
|
|
554
|
+
|
|
555
|
+
#transparent-nav-close-area
|
|
556
|
+
grid-row: transparent-nav-close-area / span 1
|
|
557
|
+
cursor: pointer
|
|
558
|
+
|
|
541
559
|
#navigation-controls
|
|
542
560
|
grid-row: navigation-controls / span 1
|
|
543
561
|
background-color: $content_background_color
|
|
@@ -554,6 +572,7 @@ body
|
|
|
554
572
|
@include responsive_property(padding-bottom, $m: math.div($unit, 2), $otherwise: math.div($unit, 4))
|
|
555
573
|
|
|
556
574
|
a
|
|
575
|
+
color: $heading_foreground_color
|
|
557
576
|
@include responsive_property(padding-top, $m: math.div($unit, 2), $otherwise: math.div($unit, 4))
|
|
558
577
|
@include responsive_property(padding-bottom, $m: math.div($unit, 2), $otherwise: math.div($unit, 4))
|
|
559
578
|
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-theme-miniplex
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.3
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Timo Würsch
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2022-11-
|
|
11
|
+
date: 2022-11-21 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|