retro-pastel 0.1.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 +7 -0
- data/README.md +11 -0
- data/_config.yml +5 -0
- data/_includes/head.html +10 -0
- data/_layouts/default.html +6 -0
- data/_sass/base.scss +56 -0
- data/_sass/list.scss +36 -0
- data/_sass/text.scss +97 -0
- data/assets/darkmodepastel.scss +6 -0
- metadata +75 -0
checksums.yaml
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
---
|
|
2
|
+
SHA256:
|
|
3
|
+
metadata.gz: 2adbc7a4fe0e277a4c36a025f381146dae55dd35dc678dc0bdbba2288ac0db52
|
|
4
|
+
data.tar.gz: 50ebaa5db5ceef00d4afd8c5c2c1138a77fa7011e10b1abaf437fd9700219e39
|
|
5
|
+
SHA512:
|
|
6
|
+
metadata.gz: 5edcb1b7c8b51b9ec1a04ea45b04e8c1faaa0feb2bd9bb64480328c51e8b32d09d01b4cdea5581ecb9ddc4dee310f7c4f91d0fe3e7375e1f5e10bd20d342c5b6
|
|
7
|
+
data.tar.gz: ccdca42220d4523c3b2a8160fb42baf49e23525e75e5063bbee6605e06533d323842c878c0969ccd4b36dee04bf470edf60890befb8a28945654c25424324b05
|
data/README.md
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
# Retro Pastel
|
|
2
|
+
|
|
3
|
+
Retro Pastel is Jekyll theme made to resemble an old terminal with glowing pastel colors as accents.
|
|
4
|
+
|
|
5
|
+
It was made following the [Tonic](https://tonic.hackclub.com/) YSWS program from [Hackclub](https://ysws.hackclub.com/).
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
<img width="1300" height="912" alt="image" src="https://github.com/user-attachments/assets/910273fc-5581-4aaf-a27d-108b46db2e66" />
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
data/_config.yml
ADDED
data/_includes/head.html
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<head>
|
|
2
|
+
<title>{{ page.title }} | {{ site.title }}</title>
|
|
3
|
+
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
6
|
+
<link rel="stylesheet" href="{{ '/assets/darkmodepastel.css' | relative_url }}">
|
|
7
|
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
8
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
9
|
+
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Yeseva+One&display=swap" rel="stylesheet">
|
|
10
|
+
</head>
|
data/_sass/base.scss
ADDED
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
body {
|
|
2
|
+
background-color: #21273a;
|
|
3
|
+
font-family: "Roboto Mono", monospace;
|
|
4
|
+
font-optical-sizing: auto;
|
|
5
|
+
font-style: normal;
|
|
6
|
+
margin: 3rem auto;
|
|
7
|
+
max-width: 70ch;
|
|
8
|
+
color: #95b4ff;
|
|
9
|
+
text-shadow: 0 0 2px rgba(149, 180, 255, 0.4),
|
|
10
|
+
0 0 4px rgba(149, 180, 255, 0.2);
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
&::after {
|
|
15
|
+
content: "";
|
|
16
|
+
position: fixed;
|
|
17
|
+
top: 0;
|
|
18
|
+
left: 0;
|
|
19
|
+
width: 100%;
|
|
20
|
+
height: 100%;
|
|
21
|
+
pointer-events: none;
|
|
22
|
+
background: radial-gradient(
|
|
23
|
+
ellipse at center,
|
|
24
|
+
rgba(0, 0, 0, 0) 70%,
|
|
25
|
+
rgba(0, 0, 0, 0.2) 110%
|
|
26
|
+
);
|
|
27
|
+
z-index: 100;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
&::before {
|
|
31
|
+
content: "";
|
|
32
|
+
position: fixed;
|
|
33
|
+
top: 0;
|
|
34
|
+
left: 0;
|
|
35
|
+
width: 100%;
|
|
36
|
+
height: 100%;
|
|
37
|
+
pointer-events: none;
|
|
38
|
+
background: repeating-linear-gradient(
|
|
39
|
+
to bottom,
|
|
40
|
+
rgba(255, 255, 255, 0.02) 0px,
|
|
41
|
+
rgba(255, 255, 255, 0.02) 1px,
|
|
42
|
+
transparent 1px,
|
|
43
|
+
transparent 4px
|
|
44
|
+
);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
animation: crt-flicker 3s infinite;
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
@keyframes crt-flicker {
|
|
53
|
+
0%, 100% { opacity: 1; }
|
|
54
|
+
50% { opacity: 0.98; }
|
|
55
|
+
52% { opacity: 0.94; }
|
|
56
|
+
}
|
data/_sass/list.scss
ADDED
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
ol {
|
|
2
|
+
list-style: none;
|
|
3
|
+
counter-reset: item;
|
|
4
|
+
|
|
5
|
+
li {
|
|
6
|
+
counter-increment: item;
|
|
7
|
+
margin-bottom: 5px;
|
|
8
|
+
|
|
9
|
+
&:before {
|
|
10
|
+
margin-right: 10px;
|
|
11
|
+
content: counter(item) ". ";
|
|
12
|
+
font-weight: bold;
|
|
13
|
+
color: #62a3ff;
|
|
14
|
+
text-align: center;
|
|
15
|
+
display: inline-block;
|
|
16
|
+
text-shadow: 0 0 3px rgba(98, 163, 255, 0.6),
|
|
17
|
+
0 0 6px rgba(98, 163, 255, 0.3);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
ul {
|
|
23
|
+
list-style: none;
|
|
24
|
+
margin-bottom: 5px;
|
|
25
|
+
|
|
26
|
+
li::before {
|
|
27
|
+
margin-right: 10px;
|
|
28
|
+
content: "• ";
|
|
29
|
+
font-weight: bold;
|
|
30
|
+
color: #ffda95;
|
|
31
|
+
text-align: center;
|
|
32
|
+
display: inline-block;
|
|
33
|
+
text-shadow: 0 0 3px rgba(255, 218, 149, 0.6),
|
|
34
|
+
0 0 6px rgba(255, 218, 149, 0.3);
|
|
35
|
+
}
|
|
36
|
+
}
|
data/_sass/text.scss
ADDED
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
h1 {
|
|
2
|
+
font-size: 2.5rem;
|
|
3
|
+
margin-bottom: 1rem;
|
|
4
|
+
display: flex;
|
|
5
|
+
align-items: center;
|
|
6
|
+
color: #da95ff;
|
|
7
|
+
|
|
8
|
+
// Glow effect
|
|
9
|
+
text-shadow: 0 0 4px rgba(218, 149, 255, 0.6),
|
|
10
|
+
0 0 10px rgba(218, 149, 255, 0.4);
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
// Chromatic Aberration effect
|
|
14
|
+
text-shadow:
|
|
15
|
+
0.5px 0 red,
|
|
16
|
+
-0.5px 0 cyan,
|
|
17
|
+
0 0 4px rgba(255, 255, 255, 0.6);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
h2 {
|
|
21
|
+
font-size: 1.75rem;
|
|
22
|
+
margin-bottom: 0.75rem;
|
|
23
|
+
color: #95ffc5;
|
|
24
|
+
text-shadow: 0 0 4px rgba(149, 255, 197, 0.6),
|
|
25
|
+
0 0 10px rgba(149, 255, 197, 0.4);
|
|
26
|
+
text-shadow:
|
|
27
|
+
0.5px 0 red,
|
|
28
|
+
-0.5px 0 cyan,
|
|
29
|
+
0 0 4px rgba(255, 255, 255, 0.6);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
h3 {
|
|
33
|
+
font-size: 1.5rem;
|
|
34
|
+
margin-bottom: 0.5rem;
|
|
35
|
+
color: #ff95a2;
|
|
36
|
+
text-shadow: 0 0 4px rgba(255, 149, 162, 0.6),
|
|
37
|
+
0 0 10px rgba(255, 149, 162, 0.4);
|
|
38
|
+
text-shadow:
|
|
39
|
+
0.5px 0 red,
|
|
40
|
+
-0.5px 0 cyan,
|
|
41
|
+
0 0 4px rgba(255, 255, 255, 0.6);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
h4 {
|
|
45
|
+
font-size: 1.25rem;
|
|
46
|
+
margin-bottom: 0.25rem;
|
|
47
|
+
color: #ffda95;
|
|
48
|
+
text-shadow: 0 0 4px rgba(255, 218, 149, 0.6),
|
|
49
|
+
0 0 10px rgba(255, 218, 149, 0.4);
|
|
50
|
+
text-shadow:
|
|
51
|
+
0.5px 0 red,
|
|
52
|
+
-0.5px 0 cyan,
|
|
53
|
+
0 0 4px rgba(255, 255, 255, 0.6);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
h5 {
|
|
57
|
+
font-size: 1rem;
|
|
58
|
+
margin-bottom: 0.25rem;
|
|
59
|
+
color: #95c5ff;
|
|
60
|
+
text-shadow: 0 0 4px rgba(149, 197, 255, 0.6),
|
|
61
|
+
0 0 10px rgba(149, 197, 255, 0.4);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
strong {
|
|
65
|
+
font-weight: bold;
|
|
66
|
+
color: #95ffc5;
|
|
67
|
+
text-shadow: 0 0 4px rgba(149, 255, 197, 0.6),
|
|
68
|
+
0 0 8px rgba(149, 255, 197, 0.3);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
em {
|
|
72
|
+
font-style: italic;
|
|
73
|
+
color: #ff95a2;
|
|
74
|
+
text-shadow: 0 0 4px rgba(255, 149, 162, 0.6),
|
|
75
|
+
0 0 8px rgba(255, 149, 162, 0.3);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
a {
|
|
79
|
+
color: #da95ff;
|
|
80
|
+
text-shadow: 0 0 4px rgba(218, 149, 255, 0.6),
|
|
81
|
+
0 0 8px rgba(218, 149, 255, 0.3);
|
|
82
|
+
transition: all 0.2s ease;
|
|
83
|
+
|
|
84
|
+
&:hover {
|
|
85
|
+
text-decoration: underline;
|
|
86
|
+
font-weight: bold;
|
|
87
|
+
text-shadow: 0 0 6px rgba(218, 149, 255, 0.8),
|
|
88
|
+
0 0 12px rgba(218, 149, 255, 0.6);
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.crt-text {
|
|
93
|
+
text-shadow:
|
|
94
|
+
1px 0 red,
|
|
95
|
+
-1px 0 cyan,
|
|
96
|
+
0 0 4px rgba(255, 255, 255, 0.6);
|
|
97
|
+
}
|
metadata
ADDED
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
|
2
|
+
name: retro-pastel
|
|
3
|
+
version: !ruby/object:Gem::Version
|
|
4
|
+
version: 0.1.0
|
|
5
|
+
platform: ruby
|
|
6
|
+
authors:
|
|
7
|
+
- ''
|
|
8
|
+
bindir: bin
|
|
9
|
+
cert_chain: []
|
|
10
|
+
date: 1980-01-02 00:00:00.000000000 Z
|
|
11
|
+
dependencies:
|
|
12
|
+
- !ruby/object:Gem::Dependency
|
|
13
|
+
name: jekyll
|
|
14
|
+
requirement: !ruby/object:Gem::Requirement
|
|
15
|
+
requirements:
|
|
16
|
+
- - ">="
|
|
17
|
+
- !ruby/object:Gem::Version
|
|
18
|
+
version: 3.9.0
|
|
19
|
+
type: :runtime
|
|
20
|
+
prerelease: false
|
|
21
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
22
|
+
requirements:
|
|
23
|
+
- - ">="
|
|
24
|
+
- !ruby/object:Gem::Version
|
|
25
|
+
version: 3.9.0
|
|
26
|
+
- !ruby/object:Gem::Dependency
|
|
27
|
+
name: bundler
|
|
28
|
+
requirement: !ruby/object:Gem::Requirement
|
|
29
|
+
requirements:
|
|
30
|
+
- - ">="
|
|
31
|
+
- !ruby/object:Gem::Version
|
|
32
|
+
version: '0'
|
|
33
|
+
type: :development
|
|
34
|
+
prerelease: false
|
|
35
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
36
|
+
requirements:
|
|
37
|
+
- - ">="
|
|
38
|
+
- !ruby/object:Gem::Version
|
|
39
|
+
version: '0'
|
|
40
|
+
email:
|
|
41
|
+
- ''
|
|
42
|
+
executables: []
|
|
43
|
+
extensions: []
|
|
44
|
+
extra_rdoc_files: []
|
|
45
|
+
files:
|
|
46
|
+
- README.md
|
|
47
|
+
- _config.yml
|
|
48
|
+
- _includes/head.html
|
|
49
|
+
- _layouts/default.html
|
|
50
|
+
- _sass/base.scss
|
|
51
|
+
- _sass/list.scss
|
|
52
|
+
- _sass/text.scss
|
|
53
|
+
- assets/darkmodepastel.scss
|
|
54
|
+
homepage: https://github.com/noibs/retro-pastel-theme
|
|
55
|
+
licenses: []
|
|
56
|
+
metadata: {}
|
|
57
|
+
rdoc_options: []
|
|
58
|
+
require_paths:
|
|
59
|
+
- lib
|
|
60
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
|
61
|
+
requirements:
|
|
62
|
+
- - ">="
|
|
63
|
+
- !ruby/object:Gem::Version
|
|
64
|
+
version: '0'
|
|
65
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
66
|
+
requirements:
|
|
67
|
+
- - ">="
|
|
68
|
+
- !ruby/object:Gem::Version
|
|
69
|
+
version: '0'
|
|
70
|
+
requirements: []
|
|
71
|
+
rubygems_version: 3.6.9
|
|
72
|
+
specification_version: 4
|
|
73
|
+
summary: Retro Pastel is Jekyll theme made to resemble an old terminal with glowing
|
|
74
|
+
pastel colors as accents.
|
|
75
|
+
test_files: []
|