picklecore 0.16.5 → 1.1.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 4323fa78e39b07bc4ce8d196f52a94aa5f0e1f73c96270a39de120a1d512e186
4
- data.tar.gz: 2a26ccd5c847c2ee39e34f8e1ed2b19e869a7fe9ae7209cc8b7d8d4195a6679c
3
+ metadata.gz: 7cdddc0ef651dcf801a306dd7e42a7c550cc9818e41a49a174336fc5d9bc73fe
4
+ data.tar.gz: 8fab3664b62e200dac0ad1577b0455fa2aedda04212e9586d55910ec5e35d0ff
5
5
  SHA512:
6
- metadata.gz: 243e617f0209198dcbcb6c2ac869b72aa4e4b8383a816feedaf348f1c33caea441a3b5c19980645d07d0cd81651a633b23e59e962c3dc757e59e995f162e10b8
7
- data.tar.gz: 1a9a3c0dfb863ddfbd7c431df25651e79227aca41559010dc32115a41cf690175da77e521c454d50e745a0736da73dd20a2c59f89e3d1a6305b00ac9c1154ab0
6
+ metadata.gz: ca7689906906ba227fab58a691f1b8aac3883fcda675d37af97a03d28f78e5299dd6b92d2d85193439832579d981c2c5278348590569b31256d54b0bc996f74a
7
+ data.tar.gz: adfb114d953426d93323002b9e1b56a4bcd6346119009d4f1fd562fda4a3d007a4e72b50dc692115e1179e52b597858f664ff294591c21124010fd59b101da43
data/README.md CHANGED
@@ -1,5 +1,3 @@
1
1
  # PickleCore
2
2
 
3
3
  *PickleCore* is a Jekyll theme developed by [Reece Dunham](https://github.com/RDIL) ([for his site](https://rdil.rocks)) and [Param Thakkar](https://github.com/paramt).
4
-
5
- See [the documentation](https://docs.rdil.rocks/libraries/picklecore/) for more info.
@@ -0,0 +1 @@
1
+ </div></div></div>
@@ -1,74 +1,23 @@
1
- <nav aria-label="site" id="nav">
2
- <table>
3
- {%- if site.github -%}
4
- <tr>
5
- <td>
6
- <i class="fab fa-github-square"></i>
7
- </td>
8
- <td>
9
- <a href="https://github.com/{{ site.github }}" alt="GitHub Profile" class="nobreak">GitHub</a>
10
- </td>
11
- </tr>
12
- {%- endif -%}
13
- {%- if site.email -%}
14
- <tr>
15
- <td>
16
- <i class="fas fa-envelope"></i>
17
- </td>
18
- <td>
19
- <a href="mailto:{{ site.email }}" alt="Email Address" class="nobreak">Email</a>
20
- </td>
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>
@@ -0,0 +1 @@
1
+ <div class="column"><div class="card"><div class="card-content">
@@ -1,8 +1,8 @@
1
1
  <meta charset="{{ site.charset | default: 'utf-8' }}">
2
2
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
3
3
  <meta name="viewport" content="width=device-width, initial-scale=1">
4
- <meta name="msapplication-TileColor" content="{%- include styling/theme-color.css -%}">
5
- <meta name="theme-color" content="{%- include styling/theme-color.css -%}">
4
+ <meta name="msapplication-TileColor" content="{%- include styles/theme-color.css -%}">
5
+ <meta name="theme-color" content="{%- include styles/theme-color.css -%}">
6
6
  {% seo %}
7
7
  {% if site.keywords or page.keywords %}
8
8
  {% if page.keywords %}
@@ -17,14 +17,11 @@
17
17
  {% if site.webmanifest %}
18
18
  <link rel="manifest" href="{{ site.webmanifest }}">
19
19
  {% endif %}
20
- {% if site.safari-pinned-tab %}
21
- <link rel="mask-icon" href="{{ site.safari-pinned-tab }}" color="#5bbad5">
22
- {% endif %}
23
20
  {% if site.browserconfigxml %}
24
21
  <meta name="msapplication-config" content="{{ site.browserconfigxml }}">
25
22
  {% endif %}
26
- {% if site.license-page %}
27
- <link rel="license" href="{{ site.license-page }}">
23
+ {% if site.license_page %}
24
+ <link rel="license" href="{{ site.license_page }}">
28
25
  {% endif %}
29
26
  {% if site.author or page.author %}
30
27
  {% if site.author %}
@@ -33,6 +30,21 @@
33
30
  <link rel="author" href="{{ page.author }}">
34
31
  {% endif %}
35
32
  {% endif %}
33
+ {% unless page.nosidebar %}
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
+ {% endunless %}
36
48
  {% unless site.no_extra_head %}
37
49
  {% include metadata/extra.html %}
38
50
  {% endunless %}
@@ -0,0 +1 @@
1
+ #{%- if site.dark -%}24292e{% else %}303f9f{%- endif -%}
@@ -2,30 +2,26 @@
2
2
  layout: default
3
3
  title: "Post Archives"
4
4
  ---
5
- {% include components/binds/sidebar-anchor.html %}
6
5
 
6
+ {% if page.type == "year" %}
7
+ <h1>Posts from {{ page.date | date: "%Y" }}</h1>
8
+ {% endif %}
9
+ {% if page.type == "month" %}
10
+ <h1>Posts from {{ page.date | date: "%-d, %Y" }}</h1>
11
+ {% endif %}
12
+ {% if page.type == "day" %}
13
+ <h1>Posts from {{ page.date | date: "%b %-d, %Y" }}</h1>
14
+ {% endif %}
15
+ {% if page.type == "tag" or page.type == "category" %}
16
+ <h1>Posts with {{ page.type }} '{{ page.title }}'</h1>
17
+ {% endif %}
7
18
 
8
- <main>
9
- {% if page.type == "year" %}
10
- <h1>Posts from {{ page.date | date: "%Y" }}</h1>
11
- {% endif %}
12
- {% if page.type == "month" %}
13
- <h1>Posts from {{ page.date | date: "%-d, %Y" }}</h1>
14
- {% endif %}
15
- {% if page.type == "day" %}
16
- <h1>Posts from {{ page.date | date: "%b %-d, %Y" }}</h1>
17
- {% endif %}
18
- {% if page.type == "tag" or page.type == "category" %}
19
- <h1>Posts with {{ page.type }} '{{ page.title }}'</h1>
20
- {% endif %}
21
-
22
- <ul class="posts">
23
- {% for post in page.posts %}
24
- <li>
25
- <span class="post-date">{{ post.date | date: "%b %-d, %Y" }}</span>
26
- <span>-</span>
27
- <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
28
- </li>
29
- {% endfor %}
30
- </ul>
31
- </main>
19
+ <ul class="posts">
20
+ {% for post in page.posts %}
21
+ <li>
22
+ <span class="post-date">{{ post.date | date: "%b %-d, %Y" }}</span>
23
+ <span>-</span>
24
+ <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
25
+ </li>
26
+ {% endfor %}
27
+ </ul>
@@ -1,14 +1,16 @@
1
1
  <!DOCTYPE html>
2
2
  <html lang="en">
3
3
  <head>
4
- {% include metadata/metadata.html title=page.title %}
5
- <link rel="stylesheet" href="/assets/css/main.css"></link>
4
+ {% include metadata/metadata.html %}
5
+ <link rel="stylesheet" href="/assets/css/page.css"></link>
6
6
  </head>
7
7
  <body>
8
+ {% unless page.nosidebar %}
9
+ {% include components/sidebar.html %}
10
+ {% endunless %}
8
11
  <main class="content">
9
12
  {{ content }}
10
13
  </main>
11
14
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
12
- <script src="/assets/js/main.js"></script>
13
15
  </body>
14
16
  </html>
@@ -0,0 +1,3 @@
1
+ ---
2
+ layout: default
3
+ ---
@@ -1,23 +1,18 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
- {% include components/binds/sidebar-anchor.html %}
5
4
 
6
- <main>
7
- <h1>{{ page.title }}</h1>
8
-
9
- <div>
10
- {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
11
- <i class="fas fa-user-edit"></i> Author: {{ page.author | default: "Administrator" }}
5
+ <h1>{{ page.title }}</h1>
6
+ <section class="post-meta">
7
+ {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
8
+ <i class="fas fa-user-edit"></i> Author: {{ page.author | default: "Administrator" }}
9
+ <br />
10
+ <i class="fas fa-calendar"></i> Date: {{ page.date | date: date_format }}
11
+ {% if page.tag %}
12
12
  <br />
13
- <i class="fas fa-calendar"></i> Date: {{ page.date | date: date_format }}
14
- {% if page.tag %}
15
- <br />
16
- <i class="fa fa-tag"></i> Tag: {{ page.tag }}
17
- {% endif %}
18
- </div>
19
-
20
- <hr />
13
+ <i class="fa fa-tag"></i> Tag: {{ page.tag }}
14
+ {% endif %}
15
+ </section>
21
16
 
22
- {{ content }}
23
- </main>
17
+ <hr />
18
+ {{ content }}
@@ -0,0 +1,46 @@
1
+ $family-sans-serif: "Open Sans", sans-serif;
2
+
3
+ @font-face {
4
+ font-family: 'Open Sans';
5
+ font-style: normal;
6
+ font-weight: 400;
7
+ src: url('/assets/fonts/open-sans-v17-latin-regular.eot');
8
+ src: local('Open Sans Regular'), local('OpenSans-Regular'),
9
+ url('/assets/fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'),
10
+ url('/assets/fonts/open-sans-v17-latin-regular.woff2') format('woff2'),
11
+ url('/assets/fonts/open-sans-v17-latin-regular.woff') format('woff'),
12
+ url('/assets/fonts/open-sans-v17-latin-regular.ttf') format('truetype'),
13
+ url('/assets/fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg');
14
+ }
15
+
16
+ body {
17
+ margin: 0;
18
+ padding: 0;
19
+ font-family: $family-sans-serif;
20
+ color: $primary;
21
+ background-color: $background;
22
+ -webkit-font-smoothing: antialiased;
23
+ -moz-osx-font-smoothing: grayscale;
24
+ }
25
+
26
+ main {
27
+ margin: 75px 100px;
28
+ }
29
+
30
+ h1 {
31
+ font-size: 3em;
32
+ }
33
+
34
+ h2 {
35
+ margin-top: 36px;
36
+ }
37
+
38
+ a {
39
+ color: $link;
40
+ }
41
+
42
+ @media only screen and (max-width: 500px) {
43
+ main {
44
+ margin: 75px 12.5px;
45
+ }
46
+ }
@@ -1,133 +1,53 @@
1
- ---
2
- ---
3
-
4
- {% include styling/font.css %}
5
-
6
- body {
7
- margin: 0;
8
- padding: 0;
9
- background-color: {%- include styling/theme-color.css -%};
10
- }
11
-
12
- main {
13
- margin: 75px 100px;
14
- font-family: "Open Sans", sans-serif;
15
- color: white;
16
- }
17
-
18
- .title {
19
- height: 45vh;
20
- }
21
-
22
- h1 {
23
- font-size: 3em;
24
- }
25
-
26
- h2 {
27
- margin-top: 36px;
28
- }
29
-
30
- tr {
31
- white-space: nowrap;
32
- }
33
-
34
- .cards {
35
- display: flex;
36
- align-items: center;
37
- flex-wrap: wrap;
38
- }
39
-
40
- .card {
41
- background: #fff;
42
- color: #303f9f;
43
- border-radius: 2px;
44
- height: 400px;
45
- margin: 1rem;
46
- position: relative;
47
- width: 300px;
48
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
49
- transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
50
- }
51
-
52
- .card h1 {
53
- font-size: 2em;
54
- margin-top: 20px;
55
- margin-left: 20px;
56
- margin-bottom: 10.5px;
57
- }
58
-
59
- .card p {
60
- margin: 20px;
61
- line-height: 1.2;
62
- }
63
-
64
- .card:hover {
65
- box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
66
- }
67
-
68
- nav {
1
+ .sidebar-nav {
69
2
  height: 100%;
70
3
  width: 0;
71
4
  position: fixed;
72
5
  z-index: 1;
73
6
  top: 0;
74
7
  right: 0;
75
- background-color: white;
8
+ background-color: $sidebar-background;
76
9
  overflow-x: hidden;
77
10
  transition: 0.5s;
78
11
  padding-top: 60px;
79
12
  }
80
13
 
81
- nav a {
14
+ .sidebar-nav a {
82
15
  padding: 8px;
83
16
  text-decoration: none;
84
- color: #303f9f;
17
+ color: $sidebar-text-color;
85
18
  font-size: 25px;
86
19
  display: block;
87
20
  transition: 0.3s;
88
21
  }
89
22
 
90
- table {
23
+ .sidebar-table {
91
24
  padding: 0 26px;
92
25
  }
93
26
 
94
- tr {
27
+ .sidebar-tr {
28
+ white-space: nowrap;
95
29
  padding: 8px 8px 8px 32px;
96
30
  text-decoration: none;
97
- color: #303f9f;
31
+ color: $primary;
98
32
  font-size: 25px;
99
33
  transition: 0.3s;
100
34
  }
101
35
 
102
- tr:hover {
103
- cursor: pointer;
36
+ .sidebar-icon {
37
+ color: $sidebar-text-color;
104
38
  }
105
39
 
106
- td {
40
+ .sidebar-td {
107
41
  padding: 7px 0;
108
42
  }
109
43
 
110
44
  @media screen and (max-height: 450px) {
111
- nav {
45
+ .sidebar-nav {
112
46
  padding-top: 15px;
113
47
  }
114
- nav a {
115
- font-size: 18px;
116
- }
117
- }
118
48
 
119
- @media only screen and (max-width: 500px) {
120
- .cards {
121
- display: inline;
122
- }
123
- .card {
124
- height: 350px;
125
- }
126
- .card h1 {
127
- padding-top: 14px;
128
- }
129
- .content {
130
- margin: 75px 12.5px;
49
+ .sidebar-nav a {
50
+ font-size: 18px;
131
51
  }
132
52
  }
133
53
 
@@ -155,7 +75,7 @@ td {
155
75
  position: absolute;
156
76
  height: 5px;
157
77
  width: 100%;
158
- background: white;
78
+ background-color: $primary;
159
79
  border-radius: 5px;
160
80
  opacity: 1;
161
81
  left: 0;
@@ -194,7 +114,7 @@ td {
194
114
  }
195
115
 
196
116
  #nav-btn.open span {
197
- background-color: {%- include styling/theme-color.css -%};
117
+ background-color: $primary;
198
118
  }
199
119
 
200
120
  #nav-btn.open span:nth-child(1) {
@@ -221,74 +141,10 @@ td {
221
141
  }
222
142
 
223
143
  @media (prefers-reduced-motion: reduce) {
224
- #nav-btn, #nav-btn span, .nav, button {
144
+ #nav-btn, #nav-btn span, .sidebar-nav {
225
145
  -webkit-transition: 0;
226
146
  -moz-transition: 0;
227
147
  -o-transition: 0;
228
148
  transition: 0;
229
149
  }
230
-
231
- .card:hover {
232
- box-shadow: none;
233
- }
234
- }
235
-
236
- button {
237
- display: inline-block;
238
- vertical-align: middle;
239
- background: {%- include styling/theme-color.css -%};
240
- color: #fff;
241
- border: white 1px solid;
242
- position: relative;
243
- height: 60px;
244
- font-size: 1.6em;
245
- padding: 0 2em;
246
- cursor: pointer;
247
- transition: 800ms ease all;
248
- outline: none;
249
- }
250
-
251
- button:hover {
252
- background: #fff;
253
- color: {%- include styling/theme-color.css -%};
254
- }
255
-
256
- button:before,
257
- button:after {
258
- content: '';
259
- position: absolute;
260
- top: 0;
261
- right: 0;
262
- height: 2px;
263
- width: 0;
264
- transition: 400ms ease all;
265
- }
266
-
267
- button:after {
268
- right: inherit;
269
- top: inherit;
270
- left: 0;
271
- bottom: 0;
272
150
  }
273
-
274
- button:hover:before,
275
- button:hover:after {
276
- width: 100%;
277
- transition: 800ms ease all;
278
- }
279
-
280
- a {
281
- color: white;
282
- }
283
-
284
- .block-solid {
285
- display: block;
286
- border: white solid 4px;
287
- padding: 7.5px;
288
- margin-top: -5px;
289
- text-align: center;
290
- }
291
-
292
- {% unless site.no_extra_css %}
293
- {% include styling/extra.css %}
294
- {% endunless %}