picklecore 1.0.0.beta.1 → 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- 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:
|