jekyll-theme-backwhite 2.0.0 → 2.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_config.yml +16 -3
- data/_includes/back.html +44 -46
- data/_layouts/centered.html +12 -0
- data/_layouts/default.html +1 -2
- data/_layouts/post-index.html +30 -0
- data/_sass/jekyll-theme-backwhite.scss +3 -1
- data/_sass/jekyll-theme-backwhite/_back.scss +2 -11
- data/_sass/jekyll-theme-backwhite/_base.scss +0 -1
- data/_sass/jekyll-theme-backwhite/_front.scss +1 -2
- data/_sass/jekyll-theme-backwhite/_links.scss +25 -0
- data/_sass/jekyll-theme-backwhite/_misc.scss +63 -10
- data/_sass/jekyll-theme-backwhite/_mixins.scss +5 -0
- data/_sass/jekyll-theme-backwhite/_post-index.scss +36 -0
- data/_sass/jekyll-theme-backwhite/_variables-and-fonts.scss +6 -2
- metadata +6 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 757b53e8180965eb6dea1f1c17d53707875b375ad740757c0b1e2ae1d612604b
|
|
4
|
+
data.tar.gz: 6821b35294dd71ac9c0bf7da938846c76ef53a5a6df1f659addbe0a8925d6856
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: e980303a5d5938a7da145f80979bf55d74ddf4c3b682c5725c9bbeea659ffe8a1a48e17f774846a7606aa864c3a69e42452ea7b354c10d2b699829685a4fe784
|
|
7
|
+
data.tar.gz: 7d0724095d76bf5388d3c0069b497a1153fbf13d4162cfcd6ef126696d730612eaf5f7e7bcc6fced482385552decf3c85311a7a0a0beedefeb543f8dc04efe38
|
data/_config.yml
CHANGED
|
@@ -9,17 +9,30 @@ description: >
|
|
|
9
9
|
occaecat cupidatat non proident, sunt in culpa qui officia
|
|
10
10
|
deserunt mollit anim id est laborum.
|
|
11
11
|
|
|
12
|
+
# Page links
|
|
12
13
|
links:
|
|
13
14
|
- url: '/showcase'
|
|
14
15
|
text: Showcase
|
|
15
16
|
- url: '/usage-bruh'
|
|
16
17
|
text: Usage
|
|
17
18
|
- url: '/post-example'
|
|
18
|
-
text: Post
|
|
19
|
+
text: Post
|
|
20
|
+
- url: '/center-page'
|
|
21
|
+
text: Center Page
|
|
22
|
+
- url: '/bogus'
|
|
23
|
+
text: Bogus Page
|
|
24
|
+
- url: '/post-index-example'
|
|
25
|
+
text: Post Index
|
|
19
26
|
|
|
20
27
|
# Example social media
|
|
21
|
-
|
|
22
|
-
|
|
28
|
+
social:
|
|
29
|
+
youtube: PewDiePie
|
|
30
|
+
linkedin: anshul-kharbanda-03433712b
|
|
31
|
+
twitter: "@example"
|
|
32
|
+
instagram: khartesian_coordinate_system
|
|
33
|
+
facebook: Anshul.Kharbanda.1997
|
|
34
|
+
github: example
|
|
35
|
+
email: example@mail.com
|
|
23
36
|
|
|
24
37
|
# Build details
|
|
25
38
|
exclude:
|
data/_includes/back.html
CHANGED
|
@@ -5,56 +5,54 @@
|
|
|
5
5
|
<button class="bw-action bw-show-on-mobile bw-close">
|
|
6
6
|
<span class="fas fa-chevron-left"></span>
|
|
7
7
|
</button>
|
|
8
|
-
<a href="{{ "/" | prepend: site.baseurl | prepend: site.url }}" class="bw-title bw-mega">
|
|
9
|
-
{{ site.title }}
|
|
10
|
-
</a>
|
|
8
|
+
<a href="{{ "/" | prepend: site.baseurl | prepend: site.url }}" class="bw-title bw-mega">{{ site.title }}</a>
|
|
11
9
|
</div>
|
|
12
10
|
|
|
13
|
-
<!--
|
|
14
|
-
<
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
{% assign rows = site.links.size | times: 1.0 | divided_by: rowsize | ceil %}
|
|
18
|
-
{% for i in (1..rows) %}
|
|
19
|
-
{% assign offset = forloop.index0 | times: rowsize %}
|
|
20
|
-
<tr>
|
|
21
|
-
{% for link in site.links limit:rowsize offset:offset %}
|
|
22
|
-
<td>
|
|
23
|
-
<a href="{{ link.url | prepend: site.baseurl | prepend: site.url }}">
|
|
24
|
-
{{ link.text }}
|
|
25
|
-
</a>
|
|
26
|
-
</td>
|
|
27
|
-
{% endfor %}
|
|
28
|
-
</tr>
|
|
11
|
+
<!-- Page links grid -->
|
|
12
|
+
<div class="bw-links">
|
|
13
|
+
{% for link in site.links %}
|
|
14
|
+
<a href="{{ link.url | prepend: site.baseurl | prepend: site.url }}">{{ link.text }}</a>
|
|
29
15
|
{% endfor %}
|
|
30
|
-
|
|
31
|
-
<!-- User's Social Media -->
|
|
32
|
-
<tr>
|
|
33
|
-
{% if site.github_username %}
|
|
34
|
-
<td>
|
|
35
|
-
<a href="https://github.com/{{ site.github_username }}">
|
|
36
|
-
<span class='fab fa-github'></span>
|
|
37
|
-
{{ site.github_username }}
|
|
38
|
-
</a>
|
|
39
|
-
</td>
|
|
40
|
-
{% endif %}
|
|
41
|
-
{% if site.twitter_username %}
|
|
42
|
-
<td>
|
|
43
|
-
<a href="https://twitter.com/{{ site.twitter_username }}">
|
|
16
|
+
</div>
|
|
44
17
|
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
{
|
|
49
|
-
<
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
18
|
+
<!-- Social links grid -->
|
|
19
|
+
<div class="bw-social">
|
|
20
|
+
{% if site.social.youtube %}
|
|
21
|
+
<a href="https://youtube.com/user/{{ site.social.youtube }}">
|
|
22
|
+
<span class='fab fa-youtube'></span>
|
|
23
|
+
</a>
|
|
24
|
+
{% endif %}
|
|
25
|
+
{% if site.social.twitter %}
|
|
26
|
+
<a href="https://twitter.com/{{ site.social.twitter }}">
|
|
27
|
+
<span class='fab fa-twitter'></span>
|
|
28
|
+
</a>
|
|
29
|
+
{% endif %}
|
|
30
|
+
{% if site.social.instagram %}
|
|
31
|
+
<a href="https://instagram.com/{{ site.social.instagram }}">
|
|
32
|
+
<span class='fab fa-instagram'></span>
|
|
33
|
+
</a>
|
|
34
|
+
{% endif %}
|
|
35
|
+
{% if site.social.github %}
|
|
36
|
+
<a href="https://github.com/{{ site.social.github }}">
|
|
37
|
+
<span class='fab fa-github'></span>
|
|
38
|
+
</a>
|
|
39
|
+
{% endif %}
|
|
40
|
+
{% if site.social.facebook %}
|
|
41
|
+
<a href="https://facebook.com/{{ site.social.facebook }}">
|
|
42
|
+
<span class='fab fa-facebook'></span>
|
|
43
|
+
</a>
|
|
44
|
+
{% endif %}
|
|
45
|
+
{% if site.social.linkedin %}
|
|
46
|
+
<a href="https://linkedin.com/in/{{ site.social.linkedin }}">
|
|
47
|
+
<span class='fab fa-linkedin'></span>
|
|
48
|
+
</a>
|
|
49
|
+
{% endif %}
|
|
50
|
+
{% if site.social.email %}
|
|
51
|
+
<a href="mailto://{{ site.social.email }}">
|
|
52
|
+
<span class="fas fa-envelope"></span>
|
|
53
|
+
</a>
|
|
54
|
+
{% endif %}
|
|
55
|
+
</div>
|
|
58
56
|
|
|
59
57
|
<!-- Footer -->
|
|
60
58
|
<footer class="bw-footer">
|
data/_layouts/default.html
CHANGED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
<div class="bw-page-header">
|
|
5
|
+
<h1 class="bw-title">{{ site.title }}</h1>
|
|
6
|
+
<button class='bw-action bw-show-on-mobile bw-open'>
|
|
7
|
+
<span class="fas fa-chevron-right"></span>
|
|
8
|
+
</button>
|
|
9
|
+
</div>
|
|
10
|
+
<div class="bw-post-grid">
|
|
11
|
+
{% for post in site.posts %}
|
|
12
|
+
<div class="bw-post">
|
|
13
|
+
<div class="bw-post-header">
|
|
14
|
+
<h3 class="bw-post-title">{{ post.title }}</h3>
|
|
15
|
+
{% if post.date %}
|
|
16
|
+
<h4 class="bw-post-date">{{ post.date | date: "%b %-d, %Y" }}</h4>
|
|
17
|
+
{% endif %}
|
|
18
|
+
</div>
|
|
19
|
+
<div class="bw-post-excerpt">
|
|
20
|
+
{{ post.excerpt }}
|
|
21
|
+
</div>
|
|
22
|
+
<p class="bw-post-links">
|
|
23
|
+
<a class="bw-cutout-button"
|
|
24
|
+
href="{{ post.url | prepend: site.baseurl }}">
|
|
25
|
+
Read More
|
|
26
|
+
</a>
|
|
27
|
+
</p>
|
|
28
|
+
</div>
|
|
29
|
+
{% endfor %}
|
|
30
|
+
</div>
|
|
@@ -12,4 +12,6 @@ $fa-font-path: "/assets/fonts";
|
|
|
12
12
|
@import "jekyll-theme-backwhite/base";
|
|
13
13
|
@import "jekyll-theme-backwhite/form";
|
|
14
14
|
@import "jekyll-theme-backwhite/misc";
|
|
15
|
-
@import "jekyll-theme-backwhite/syntax-highlighting";
|
|
15
|
+
@import "jekyll-theme-backwhite/syntax-highlighting";
|
|
16
|
+
@import "jekyll-theme-backwhite/post-index";
|
|
17
|
+
@import "jekyll-theme-backwhite/links";
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* how it's included in the document.
|
|
8
8
|
* It is exactly what it says, the
|
|
9
9
|
* z-axis position of the element */
|
|
10
|
-
z-index:
|
|
10
|
+
z-index: 1;
|
|
11
11
|
|
|
12
12
|
/* Back panel sizing. Fill vertically from
|
|
13
13
|
* top to bottom. Horizontally, start at
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
left: 0%;
|
|
17
17
|
bottom: 0%;
|
|
18
18
|
width: $desktop-menu-size;
|
|
19
|
+
max-width: 100%;
|
|
19
20
|
|
|
20
21
|
// Styling
|
|
21
22
|
background-color: $back-color;
|
|
@@ -55,16 +56,6 @@
|
|
|
55
56
|
}
|
|
56
57
|
}
|
|
57
58
|
|
|
58
|
-
// Links
|
|
59
|
-
.bw-links {
|
|
60
|
-
a {
|
|
61
|
-
text-decoration: none;
|
|
62
|
-
&:hover {
|
|
63
|
-
border-bottom: 1px solid;
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
|
|
68
59
|
// Backwhite footer
|
|
69
60
|
.bw-footer {
|
|
70
61
|
color: darken($white-color, 25%);
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
/* Setting a z-index of 0 to so that
|
|
16
16
|
* this is in front of the back layer
|
|
17
17
|
* with a z-index of -1 (see _back.scss) */
|
|
18
|
-
z-index:
|
|
18
|
+
z-index: 2;
|
|
19
19
|
|
|
20
20
|
// Only vertical scrolling
|
|
21
21
|
overflow-x: hidden;
|
|
@@ -37,7 +37,6 @@
|
|
|
37
37
|
top: 0%;
|
|
38
38
|
left: 0%;
|
|
39
39
|
right: 0%;
|
|
40
|
-
left: 0%;
|
|
41
40
|
min-width: 100%;
|
|
42
41
|
&.slided {
|
|
43
42
|
left: 100%;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
// Links
|
|
2
|
+
.bw-links {
|
|
3
|
+
display: grid;
|
|
4
|
+
grid-template-columns: repeat(3, 1fr);
|
|
5
|
+
a {
|
|
6
|
+
text-align: center;
|
|
7
|
+
display: inline-block;
|
|
8
|
+
text-decoration: none;
|
|
9
|
+
margin: $spacing-unit;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
// Social
|
|
14
|
+
.bw-social {
|
|
15
|
+
margin: $spacing-unit 0pt;
|
|
16
|
+
display: flex;
|
|
17
|
+
flex-direction: row;
|
|
18
|
+
justify-content: center;
|
|
19
|
+
align-items: center;
|
|
20
|
+
a {
|
|
21
|
+
flex: 1;
|
|
22
|
+
text-align: center;
|
|
23
|
+
font-size: $back-icon-size;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -1,14 +1,70 @@
|
|
|
1
|
-
// Root app component
|
|
2
1
|
.bw-app {
|
|
3
|
-
position:
|
|
2
|
+
position: absolute;
|
|
3
|
+
display: block;
|
|
4
4
|
top: 0%;
|
|
5
5
|
left: 0%;
|
|
6
|
-
|
|
6
|
+
max-width: 100%;
|
|
7
|
+
width: 100%;
|
|
7
8
|
min-height: 100%;
|
|
8
9
|
overflow-x: hidden;
|
|
9
|
-
overflow-y:
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
overflow-y: visible;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.bw-full-back {
|
|
14
|
+
// Position
|
|
15
|
+
position: absolute;
|
|
16
|
+
top: 0%;
|
|
17
|
+
left: 0%;
|
|
18
|
+
bottom: 0%;
|
|
19
|
+
right: 0%;
|
|
20
|
+
|
|
21
|
+
// Grid Layout
|
|
22
|
+
display: grid;
|
|
23
|
+
grid-template-rows: 1fr;
|
|
24
|
+
grid-template-columns: 1fr;
|
|
25
|
+
place-items: center;
|
|
26
|
+
|
|
27
|
+
// Coloring
|
|
28
|
+
background-color: $back-color;
|
|
29
|
+
color: $white-color;
|
|
30
|
+
|
|
31
|
+
// Container
|
|
32
|
+
.bw-full-back-container {
|
|
33
|
+
// Transform and sizing
|
|
34
|
+
transform: translateY(-25%);
|
|
35
|
+
max-width: 25%;
|
|
36
|
+
margin: 0pt $spacing-unit;
|
|
37
|
+
|
|
38
|
+
@include on-mobile {
|
|
39
|
+
max-width: 75%;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
// Title
|
|
43
|
+
.bw-full-back-page-title {
|
|
44
|
+
padding: $spacing-unit 0pt;
|
|
45
|
+
color: $white-color;
|
|
46
|
+
border-bottom: 1px solid $white-color;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
// Content
|
|
50
|
+
.bw-full-back-page-content {
|
|
51
|
+
margin: 2*$spacing-unit 0pt;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
// Link
|
|
55
|
+
.bw-full-back-page-links {
|
|
56
|
+
display: flex;
|
|
57
|
+
flex-direction: row-reverse;
|
|
58
|
+
.bw-full-back-page-link {
|
|
59
|
+
@extend .bw-border-button;
|
|
60
|
+
border-color: $white-color !important;
|
|
61
|
+
padding: $spacing-unit/2 $spacing-unit !important;
|
|
62
|
+
&:hover {
|
|
63
|
+
background-color: $white-color;
|
|
64
|
+
color: black;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
12
68
|
}
|
|
13
69
|
}
|
|
14
70
|
|
|
@@ -78,9 +134,6 @@
|
|
|
78
134
|
@include on-tablet {
|
|
79
135
|
max-width: 100%;
|
|
80
136
|
}
|
|
81
|
-
@include on-mobile {
|
|
82
|
-
max-width: 100%;
|
|
83
|
-
}
|
|
84
137
|
}
|
|
85
138
|
|
|
86
139
|
// Grid rows
|
|
@@ -111,7 +164,7 @@
|
|
|
111
164
|
}
|
|
112
165
|
.bw-border-button {
|
|
113
166
|
@extend .bw-text-button;
|
|
114
|
-
border:
|
|
167
|
+
border: 1px solid;
|
|
115
168
|
border-color: $back-color;
|
|
116
169
|
}
|
|
117
170
|
.bw-cutout-button {
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
.bw-post-grid {
|
|
2
|
+
display: grid;
|
|
3
|
+
grid-template-columns: repeat(3, 1fr);
|
|
4
|
+
row-gap: $spacing-unit;
|
|
5
|
+
column-gap: $spacing-unit;
|
|
6
|
+
|
|
7
|
+
@include on-tablet {
|
|
8
|
+
grid-template-columns: repeat(2, 1fr);
|
|
9
|
+
}
|
|
10
|
+
@include on-vert-tablet {
|
|
11
|
+
grid-template-columns: repeat(1, 1fr);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.bw-post {
|
|
15
|
+
display: grid;
|
|
16
|
+
grid-template-rows: auto 1fr auto;
|
|
17
|
+
|
|
18
|
+
.bw-post-links {
|
|
19
|
+
display: block;
|
|
20
|
+
text-align: right;
|
|
21
|
+
|
|
22
|
+
@include on-mobile {
|
|
23
|
+
display: flex;
|
|
24
|
+
flex-direction: row-reverse;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
a {
|
|
28
|
+
flex: 0;
|
|
29
|
+
text-align: center;
|
|
30
|
+
@include on-mobile {
|
|
31
|
+
flex: 1;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
}
|
|
@@ -11,19 +11,23 @@ $desktop-menu-size: 300px !default;
|
|
|
11
11
|
// Gutters width
|
|
12
12
|
$gutters-width: 64%;
|
|
13
13
|
|
|
14
|
-
//
|
|
14
|
+
// Font sizes
|
|
15
15
|
$mega-font-size: 30pt !default;
|
|
16
16
|
$large-font-size: 20pt !default;
|
|
17
17
|
$medium-font-size: 14pt !default;
|
|
18
18
|
$normal-font-size: 11pt !default;
|
|
19
19
|
$small-font-size: 8pt !default;
|
|
20
20
|
|
|
21
|
+
// Icon size
|
|
22
|
+
$back-icon-size: 14pt !default;
|
|
23
|
+
|
|
21
24
|
// Font
|
|
22
25
|
$font-family: "Calibri Light", sans-serif !default;
|
|
23
26
|
$code-font-family: "Consolas", monospace !default;
|
|
24
27
|
|
|
25
28
|
// Responsive sizes
|
|
26
|
-
$mobile-width:
|
|
29
|
+
$mobile-width: 430px !default;
|
|
30
|
+
$vert-tablet-width: 770px !default;
|
|
27
31
|
$tablet-width: 1200px !default;
|
|
28
32
|
|
|
29
33
|
// Import consolas font
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-theme-backwhite
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 2.
|
|
4
|
+
version: 2.1.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- andydevs
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2020-07-
|
|
11
|
+
date: 2020-07-13 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -64,8 +64,10 @@ files:
|
|
|
64
64
|
- _config.yml
|
|
65
65
|
- _includes/back.html
|
|
66
66
|
- _includes/head.html
|
|
67
|
+
- _layouts/centered.html
|
|
67
68
|
- _layouts/default.html
|
|
68
69
|
- _layouts/page.html
|
|
70
|
+
- _layouts/post-index.html
|
|
69
71
|
- _layouts/post.html
|
|
70
72
|
- _sass/fontawesome/_animated.scss
|
|
71
73
|
- _sass/fontawesome/_bordered-pulled.scss
|
|
@@ -90,8 +92,10 @@ files:
|
|
|
90
92
|
- _sass/jekyll-theme-backwhite/_base.scss
|
|
91
93
|
- _sass/jekyll-theme-backwhite/_form.scss
|
|
92
94
|
- _sass/jekyll-theme-backwhite/_front.scss
|
|
95
|
+
- _sass/jekyll-theme-backwhite/_links.scss
|
|
93
96
|
- _sass/jekyll-theme-backwhite/_misc.scss
|
|
94
97
|
- _sass/jekyll-theme-backwhite/_mixins.scss
|
|
98
|
+
- _sass/jekyll-theme-backwhite/_post-index.scss
|
|
95
99
|
- _sass/jekyll-theme-backwhite/_syntax-highlighting.scss
|
|
96
100
|
- _sass/jekyll-theme-backwhite/_variables-and-fonts.scss
|
|
97
101
|
- assets/css/main.scss
|