picklecore 1.0.0.beta.1 → 1.0.0
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/_includes/components/sidebar.html +20 -71
- data/_includes/metadata/metadata.html +15 -0
- data/_layouts/default.html +3 -0
- data/_sass/partials/_sidebar.scss +150 -0
- data/_sass/skins/_classic.scss +2 -0
- data/_sass/skins/_dark.scss +2 -0
- data/_sass/skins/_light.scss +2 -0
- data/assets/css/page.scss +1 -0
- metadata +5 -4
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 1db4d3ab365991eaa5870d5770e67fa3e08dc6ef8e7275a82c64605d23667ac0
|
4
|
+
data.tar.gz: 118245bfdbc01349f27a06fa06dff4c86636ef09975518847ec18f2c5fa8386b
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 29893683b0730d72912de8e4af5e6427719afbe16f31aeb505e41243c1f2e147461d0254aaa82e84333441ca92f41b3935bc66e15e43143847355b87d186677e
|
7
|
+
data.tar.gz: 57a3fe88d84d6f9766a4bd2c4158dfb25ba8d610ce73760166c1115957ce37a45a74153ab4aa2dfa662fee9f2e871a9903a385b459d8fecdb0a5bf8f47373511
|
@@ -1,74 +1,23 @@
|
|
1
|
-
<nav
|
2
|
-
<
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
<
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
</tr>
|
22
|
-
{%- endif -%}
|
23
|
-
{%- if site.discord -%}
|
24
|
-
<tr>
|
25
|
-
<td>
|
26
|
-
<i class="fab fa-discord"></i>
|
27
|
-
</td>
|
28
|
-
<td>
|
29
|
-
<a href="https://discord.gg/{{ site.discord }}" alt="Discord Server" class="nobreak">Discord</a>
|
30
|
-
</td>
|
31
|
-
</tr>
|
32
|
-
{%- endif -%}
|
33
|
-
{%- if site.twitter.username -%}
|
34
|
-
<tr>
|
35
|
-
<td>
|
36
|
-
<i class="fab fa-twitter"></i>
|
37
|
-
</td>
|
38
|
-
<td>
|
39
|
-
<a href="https://twitter.com/{{ site.twitter.username }}" class="nobreak" alt="Twitter">Twitter</a>
|
40
|
-
</td>
|
41
|
-
</tr>
|
42
|
-
{%- endif -%}
|
43
|
-
{%- if site.statuspage -%}
|
44
|
-
<tr>
|
45
|
-
<td>
|
46
|
-
<i class="fas fa-exclamation-triangle"></i>
|
47
|
-
</td>
|
48
|
-
<td>
|
49
|
-
<a href="{{ site.statuspage }}" class="nobreak" alt="System Status">System Status</a>
|
50
|
-
</td>
|
51
|
-
</tr>
|
52
|
-
{%- endif -%}
|
53
|
-
{%- if site.pgp -%}
|
54
|
-
<tr>
|
55
|
-
<td>
|
56
|
-
<i class="fas fa-lock"></i>
|
57
|
-
</td>
|
58
|
-
<td>
|
59
|
-
<a href="{{ site.pgp }}" class="nobreak" alt="Public PGP Key">Public PGP Key</a>
|
60
|
-
</td>
|
61
|
-
</tr>
|
62
|
-
{%- endif -%}
|
63
|
-
{%- if site.devto -%}
|
64
|
-
<tr>
|
65
|
-
<td>
|
66
|
-
<i class="fab fa-dev"></i>
|
67
|
-
</td>
|
68
|
-
<td>
|
69
|
-
<a href="https://dev.to/{{ site.devto }}" class="nobreak" alt="DEV Profile">DEV Profile</a>
|
70
|
-
</td>
|
71
|
-
</tr>
|
1
|
+
<div id="nav-btn" class="openbtn" onclick="toggleNav()">
|
2
|
+
<span></span>
|
3
|
+
<span></span>
|
4
|
+
<span></span>
|
5
|
+
</div>
|
6
|
+
<nav aria-label="site" class="sidebar-nav" id="snav">
|
7
|
+
<table class="sidebar-table">
|
8
|
+
{%- if site.data.sidebar and site.data.sidebar.items -%}
|
9
|
+
{%- for item in site.data.sidebar.items -%}
|
10
|
+
<tr class="sidebar-tr">
|
11
|
+
{%- if item.fa-icon-classes -%}
|
12
|
+
<td class="sidebar-td">
|
13
|
+
<i class="{{ item.fa-icon-classes }} sidebar-icon"></i>
|
14
|
+
</td>
|
15
|
+
{%- endif -%}
|
16
|
+
<td class="sidebar-td">
|
17
|
+
<a href="{{ item.url }}"{%- if item.alt -%} alt="{{ item.alt }}"{%- endif -%}>{{ item.name }}</a>
|
18
|
+
</td>
|
19
|
+
</tr>
|
20
|
+
{%- endfor -%}
|
72
21
|
{%- endif -%}
|
73
22
|
</table>
|
74
23
|
</nav>
|
@@ -30,6 +30,21 @@
|
|
30
30
|
<link rel="author" href="{{ page.author }}">
|
31
31
|
{% endif %}
|
32
32
|
{% endif %}
|
33
|
+
{% if page.sidebar %}
|
34
|
+
<script type="text/javascript">
|
35
|
+
navOpen = false;
|
36
|
+
function toggleNav() {
|
37
|
+
if (navOpen) {
|
38
|
+
document.getElementById("snav").style.width = "0";
|
39
|
+
navOpen = false;
|
40
|
+
} else {
|
41
|
+
document.getElementById("snav").style.width = "265px";
|
42
|
+
navOpen = true;
|
43
|
+
}
|
44
|
+
document.getElementById("nav-btn").classList.toggle("open");
|
45
|
+
}
|
46
|
+
</script>
|
47
|
+
{% endif %}
|
33
48
|
{% unless site.no_extra_head %}
|
34
49
|
{% include metadata/extra.html %}
|
35
50
|
{% endunless %}
|
data/_layouts/default.html
CHANGED
@@ -0,0 +1,150 @@
|
|
1
|
+
.sidebar-nav {
|
2
|
+
height: 100%;
|
3
|
+
width: 0;
|
4
|
+
position: fixed;
|
5
|
+
z-index: 1;
|
6
|
+
top: 0;
|
7
|
+
right: 0;
|
8
|
+
background-color: $sidebar-background;
|
9
|
+
overflow-x: hidden;
|
10
|
+
transition: 0.5s;
|
11
|
+
padding-top: 60px;
|
12
|
+
}
|
13
|
+
|
14
|
+
.sidebar-nav a {
|
15
|
+
padding: 8px;
|
16
|
+
text-decoration: none;
|
17
|
+
color: $sidebar-text-color;
|
18
|
+
font-size: 25px;
|
19
|
+
display: block;
|
20
|
+
transition: 0.3s;
|
21
|
+
}
|
22
|
+
|
23
|
+
.sidebar-table {
|
24
|
+
padding: 0 26px;
|
25
|
+
}
|
26
|
+
|
27
|
+
.sidebar-tr {
|
28
|
+
white-space: nowrap;
|
29
|
+
padding: 8px 8px 8px 32px;
|
30
|
+
text-decoration: none;
|
31
|
+
color: $primary;
|
32
|
+
font-size: 25px;
|
33
|
+
transition: 0.3s;
|
34
|
+
}
|
35
|
+
|
36
|
+
.sidebar-icon {
|
37
|
+
color: $sidebar-text-color;
|
38
|
+
}
|
39
|
+
|
40
|
+
.sidebar-td {
|
41
|
+
padding: 7px 0;
|
42
|
+
}
|
43
|
+
|
44
|
+
@media screen and (max-height: 450px) {
|
45
|
+
.sidebar-nav {
|
46
|
+
padding-top: 15px;
|
47
|
+
}
|
48
|
+
|
49
|
+
.sidebar-nav a {
|
50
|
+
font-size: 18px;
|
51
|
+
}
|
52
|
+
}
|
53
|
+
|
54
|
+
#nav-btn {
|
55
|
+
width: 60px;
|
56
|
+
height: 35px;
|
57
|
+
position: fixed;
|
58
|
+
right: 25px;
|
59
|
+
top: 25px;
|
60
|
+
margin: 0;
|
61
|
+
z-index: 2;
|
62
|
+
-webkit-transform: rotate(0deg);
|
63
|
+
-moz-transform: rotate(0deg);
|
64
|
+
-o-transform: rotate(0deg);
|
65
|
+
transform: rotate(0deg);
|
66
|
+
-webkit-transition: 0.5s ease-in-out;
|
67
|
+
-moz-transition: 0.5s ease-in-out;
|
68
|
+
-o-transition: 0.5s ease-in-out;
|
69
|
+
transition: 0.5s ease-in-out;
|
70
|
+
cursor: pointer;
|
71
|
+
}
|
72
|
+
|
73
|
+
#nav-btn span {
|
74
|
+
display: block;
|
75
|
+
position: absolute;
|
76
|
+
height: 5px;
|
77
|
+
width: 100%;
|
78
|
+
background-color: $primary;
|
79
|
+
border-radius: 5px;
|
80
|
+
opacity: 1;
|
81
|
+
left: 0;
|
82
|
+
-webkit-transform: rotate(0deg);
|
83
|
+
-moz-transform: rotate(0deg);
|
84
|
+
-o-transform: rotate(0deg);
|
85
|
+
transform: rotate(0deg);
|
86
|
+
-webkit-transition: 0.25s ease-in-out;
|
87
|
+
-moz-transition: 0.25s ease-in-out;
|
88
|
+
-o-transition: 0.25s ease-in-out;
|
89
|
+
transition: 0.25s ease-in-out;
|
90
|
+
}
|
91
|
+
|
92
|
+
#nav-btn span:nth-child(1) {
|
93
|
+
top: 0px;
|
94
|
+
-webkit-transform-origin: left center;
|
95
|
+
-moz-transform-origin: left center;
|
96
|
+
-o-transform-origin: left center;
|
97
|
+
transform-origin: left center;
|
98
|
+
}
|
99
|
+
|
100
|
+
#nav-btn span:nth-child(2) {
|
101
|
+
top: 15px;
|
102
|
+
-webkit-transform-origin: left center;
|
103
|
+
-moz-transform-origin: left center;
|
104
|
+
-o-transform-origin: left center;
|
105
|
+
transform-origin: left center;
|
106
|
+
}
|
107
|
+
|
108
|
+
#nav-btn span:nth-child(3) {
|
109
|
+
top: 30px;
|
110
|
+
-webkit-transform-origin: left center;
|
111
|
+
-moz-transform-origin: left center;
|
112
|
+
-o-transform-origin: left center;
|
113
|
+
transform-origin: left center;
|
114
|
+
}
|
115
|
+
|
116
|
+
#nav-btn.open span {
|
117
|
+
background-color: $primary;
|
118
|
+
}
|
119
|
+
|
120
|
+
#nav-btn.open span:nth-child(1) {
|
121
|
+
-webkit-transform: rotate(45deg);
|
122
|
+
-moz-transform: rotate(45deg);
|
123
|
+
-o-transform: rotate(45deg);
|
124
|
+
transform: rotate(45deg);
|
125
|
+
top: -3px;
|
126
|
+
left: 8px;
|
127
|
+
}
|
128
|
+
|
129
|
+
#nav-btn.open span:nth-child(2) {
|
130
|
+
width: 0%;
|
131
|
+
opacity: 0;
|
132
|
+
}
|
133
|
+
|
134
|
+
#nav-btn.open span:nth-child(3) {
|
135
|
+
-webkit-transform: rotate(-45deg);
|
136
|
+
-moz-transform: rotate(-45deg);
|
137
|
+
-o-transform: rotate(-45deg);
|
138
|
+
transform: rotate(-45deg);
|
139
|
+
top: 39px;
|
140
|
+
left: 8px;
|
141
|
+
}
|
142
|
+
|
143
|
+
@media (prefers-reduced-motion: reduce) {
|
144
|
+
#nav-btn, #nav-btn span, .sidebar-nav {
|
145
|
+
-webkit-transition: 0;
|
146
|
+
-moz-transition: 0;
|
147
|
+
-o-transition: 0;
|
148
|
+
transition: 0;
|
149
|
+
}
|
150
|
+
}
|
data/_sass/skins/_classic.scss
CHANGED
data/_sass/skins/_dark.scss
CHANGED
data/_sass/skins/_light.scss
CHANGED
data/assets/css/page.scss
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: picklecore
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.0.0
|
4
|
+
version: 1.0.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Reece Dunham
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2020-
|
12
|
+
date: 2020-06-02 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: jekyll
|
@@ -107,6 +107,7 @@ files:
|
|
107
107
|
- _layouts/home.html
|
108
108
|
- _layouts/post.html
|
109
109
|
- _sass/_base.scss
|
110
|
+
- _sass/partials/_sidebar.scss
|
110
111
|
- _sass/skins/_classic.scss
|
111
112
|
- _sass/skins/_dark.scss
|
112
113
|
- _sass/skins/_light.scss
|
@@ -138,9 +139,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
138
139
|
version: '0'
|
139
140
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
140
141
|
requirements:
|
141
|
-
- - "
|
142
|
+
- - ">="
|
142
143
|
- !ruby/object:Gem::Version
|
143
|
-
version:
|
144
|
+
version: '0'
|
144
145
|
requirements: []
|
145
146
|
rubygems_version: 3.0.8
|
146
147
|
signing_key:
|