Skip to content

Commit 557b9b8

Browse files
bluskriptsowelipililimute
bluskript
authored and
sowelipililimute
committed
Merge pull request #3 from harmony-development/work/danil/niceify
1 parent 73374c7 commit 557b9b8

File tree

15 files changed

+1374
-1262
lines changed

15 files changed

+1374
-1262
lines changed

‎.hugo_build.lock

Whitespace-only changes.

‎assets/css/main.css

Lines changed: 125 additions & 93 deletions
Original file line numberDiff line numberDiff line change
@@ -1,161 +1,193 @@
1-
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;700&display=swap');
2-
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@100;200;300;400;500;600;700&display=swap');
1+
@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;700&display=swap");
2+
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@100;200;300;400;500;600;700&display=swap");
33

44
@tailwind base;
55
@tailwind components;
66
@tailwind utilities;
77

88
@keyframes fading {
9-
0% { background-color: #E93D58; }
10-
25% { background-color: #EF973C; }
11-
50% { background-color: #3DAEE9; }
12-
75% { background-color: #00D485; }
9+
0% {
10+
background-color: #e93d58;
11+
}
12+
25% {
13+
background-color: #ef973c;
14+
}
15+
50% {
16+
background-color: #3daee9;
17+
}
18+
75% {
19+
background-color: #00d485;
20+
}
21+
}
22+
23+
.btn {
24+
@apply px-3 py-2 rounded-sm outline-none
25+
transition duration-100
26+
bg-purple-600 hover:bg-purple-500
27+
ring-offset-dark-800 ring-purple-400
28+
transform text-center select-none;
29+
}
30+
31+
.btn:hover {
32+
box-shadow: 0 1px 8px 1px black;
33+
transform: translateY(-0.05rem);
34+
}
35+
36+
.btn:active {
37+
transform: translateY(0.1rem);
38+
}
39+
40+
.btn:focus-visible,
41+
.btn:active {
42+
box-shadow: 0 1px 4px 1px black;
1343
}
1444

1545
.fading-bg {
16-
background-color: #EF973C;
17-
animation: 60s fading infinite;
18-
animation-direction: alternate;
46+
background-color: #ef973c;
47+
animation: 60s fading infinite;
48+
animation-direction: alternate;
1949
}
2050

2151
.prose-wrapper {
22-
display: flex;
23-
flex-direction: row;
24-
padding-left: 1rem;
25-
padding-right: 1rem;
26-
justify-content: center;
52+
display: flex;
53+
flex-direction: row;
54+
}
55+
56+
.prose-toc {
57+
@apply bg-dark-900 sticky top-0 left-0 h-[100vh] overflow-x-auto;
58+
}
59+
60+
.prose-toc > nav > ul {
61+
@apply p-2;
62+
}
63+
64+
.prose-toc ul > li > ul ~ a::before {
65+
content: "▾ ";
66+
}
67+
68+
.prose-toc ul ul {
69+
@apply pl-3;
70+
}
71+
72+
.prose-toc a {
73+
@apply transition-all duration-100 pl-4 py-2 rounded-md w-full hover:bg-dark-500 block;
2774
}
2875

2976
.prose-toc h4 {
30-
margin-bottom: 0.3125rem;
31-
font-size: 1.3125rem;
77+
@apply px-4 py-2 bg-dark-800;
3278
}
3379

3480
@media (max-width: 800px) {
35-
.prose-toc {
36-
display: none;
37-
}
81+
.prose-toc {
82+
display: none;
83+
}
3884
}
3985

4086
.prose a {
41-
text-decoration: underline;
42-
}
43-
.prose a, .prose-toc a, .prose-toc a:visited {
44-
color: #2aa1bf;
87+
text-decoration: underline;
4588
}
4689
.prose a:visited {
47-
color: #7655c8;
90+
color: #7655c8;
4891
}
4992
@media (prefers-color-scheme: dark) {
50-
.prose a, .prose-toc a, .prose-toc a:visited {
51-
color: #3daee9;
52-
}
53-
.prose a:visited {
54-
color: #926ee4;
55-
}
56-
body {
57-
background-color: #202020;
58-
}
59-
header.header {
60-
background-color: #191919;
61-
}
93+
.prose a:visited {
94+
color: #926ee4;
95+
}
96+
body {
97+
background-color: #202020;
98+
}
99+
header.header {
100+
background-color: #191919;
101+
}
62102
}
63103

64104
.prose-toc {
65-
margin-top: 2.6875rem;
66-
margin-right: 5rem;
67-
max-width: 50ch;
68-
}
69-
70-
.prose-toc ul {
71-
padding-left: 1.3125rem;
72-
}
73-
74-
.prose-toc li {
75-
line-height: 1.3;
76-
padding: 0.375rem 0;
105+
width: 40ch;
77106
}
78107

79108
.prose {
80-
max-width: 80ch;
81-
width: 100%;
109+
max-width: 80ch;
110+
width: 100%;
82111
}
83112

84113
.prose {
85-
font-size: 1.125rem;
86-
@apply dark:text-gray-300;
114+
font-size: 1.125rem;
115+
@apply dark:text-gray-300;
87116
}
88117

89-
.prose p, .prose li {
90-
line-height: 170%;
118+
.prose p,
119+
.prose li {
120+
line-height: 170%;
91121
}
92122

93123
.prose ul {
94-
margin: 0 0 1.875rem 1.5625rem;
124+
margin: 0 0 1.875rem 1.5625rem;
95125
}
96126
.prose ul li {
97-
@apply list-disc;
127+
@apply list-disc;
98128
}
99129
.prose ol li {
100-
@apply list-decimal;
130+
@apply list-decimal;
101131
}
102132

103133
.prose code {
104-
color: #f8f8f2;
105-
background-color: #32332E;
106-
border-radius: 10px;
107-
padding: 4px;
108-
white-space: nowrap;
134+
color: #f8f8f2;
135+
background-color: #32332e;
136+
border-radius: 10px;
137+
padding: 4px;
138+
white-space: nowrap;
109139
}
110140

111141
.prose pre {
112-
background-color: #32332E !important;
113-
border-radius: 10px;
114-
padding: 4px;
142+
background-color: #32332e !important;
143+
border-radius: 10px;
144+
padding: 4px;
115145
}
116146

117147
.prose pre > code {
118-
border-radius: 0;
119-
padding: 0;
120-
white-space: pre;
148+
border-radius: 0;
149+
padding: 0;
150+
white-space: pre;
121151
}
122152

123153
.prose h1 {
124-
font-weight: 800;
125-
margin-bottom: 1.25rem;
126-
margin-top: 2.6875rem;
127-
font-size: 2.25rem;
128-
line-height: 1.3;
129-
border-bottom: 1px solid #676862;
154+
font-weight: 800;
155+
margin-bottom: 1.25rem;
156+
margin-top: 2.6875rem;
157+
font-size: 2.25rem;
158+
line-height: 1.3;
159+
border-bottom: 1px solid #676862;
130160

131-
@apply dark:text-white;
161+
@apply dark:text-white;
132162
}
133163
.prose h2 {
134-
font-size: 1.875rem;
135-
margin: 2.6875rem 0 0.9375rem 0;
136-
border-bottom: 1px solid #676862;
164+
font-size: 1.875rem;
165+
margin: 2.6875rem 0 0.9375rem 0;
166+
border-bottom: 1px solid #676862;
137167

138-
@apply dark:text-white;
168+
@apply dark:text-white;
139169
}
140170
.prose h3 {
141-
font-weight: 600;
142-
font-size: 1.3125rem;
143-
margin: 1rem 0 0.5rem 0;
171+
font-weight: 600;
172+
font-size: 1.3125rem;
173+
margin: 1rem 0 0.5rem 0;
144174

145-
@apply dark:text-white;
175+
@apply dark:text-white;
146176
}
147-
.prose h4, .prose h5, .prose h6 {
148-
margin: 0.75rem 0 0.35rem 0;
177+
.prose h4,
178+
.prose h5,
179+
.prose h6 {
180+
margin: 0.75rem 0 0.35rem 0;
149181

150-
@apply dark:text-white;
182+
@apply dark:text-white;
151183
}
152-
.prose td, .prose th {
153-
@apply border;
154-
@apply border-gray-400;
155-
@apply px-4;
156-
@apply py-2;
184+
.prose td,
185+
.prose th {
186+
@apply border;
187+
@apply border-gray-400;
188+
@apply px-4;
189+
@apply py-2;
157190
}
158191
.prose th {
159-
@apply font-bold;
192+
@apply font-bold;
160193
}
161-

‎content/_index.md

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,7 @@ date: 2020-06-29T21:07:15-04:00
55

66
{{< index/header >}}
77

8-
{{< index/button "https://github.com/harmony-development" >}}
9-
Explore Harmony on GitHub
10-
{{< /index/button >}}
11-
12-
<div class="prose-wrapper">
8+
<div class="prose-wrapper flex justify-center pb-4">
139

1410
<div class="prose">
1511

‎layouts/_default/list.html

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
{{ define "main" }}
22

33
<div class="prose-wrapper">
4-
<article class="prose">
5-
<h1>{{ .Title }}</h1>
6-
<br>
7-
{{ .Content }}
8-
<ul class="list-disc list-inside">
9-
{{ range .Pages }}
10-
<li>
11-
<a class="underline" href="{{ .Permalink }}">{{ .Title }}</a> <br>
12-
</li>
13-
{{ end }}
14-
</ul>
15-
</article>
4+
<article class="prose">
5+
<h1>{{ .Title }}</h1>
6+
<br />
7+
{{ .Content }}
8+
<ul class="list-disc list-inside">
9+
{{ range .Pages }}
10+
<li>
11+
<a class="underline" href="{{ .Permalink }}">{{ .Title }}</a> <br />
12+
</li>
13+
{{ end }}
14+
</ul>
15+
</article>
1616
</div>
17-
{{ end }}
17+
{{ end }}

‎layouts/_default/single.html

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,16 @@
11
{{ define "main" }}
22

3-
<div class="prose-wrapper mt-4">
4-
<aside class="prose-toc">
5-
<h4><strong>Table Of Contents</strong></h4>
6-
{{ .TableOfContents }}
7-
</aside>
3+
<div class="prose-wrapper">
4+
<aside class="prose-toc">
5+
<h4><strong>Table Of Contents</strong></h4>
6+
{{ .TableOfContents }}
7+
</aside>
8+
<div class="flex justify-center w-full">
89
<article class="prose">
9-
<h1 class="h1">{{ .Title }}</h1>
10-
{{ .Content }}
10+
<h1 class="h1">{{ .Title }}</h1>
11+
{{ .Content }}
1112
</article>
13+
</div>
1214
</div>
1315

14-
{{ end }}
16+
{{ end }}

‎layouts/partials/footer.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
1-
<footer class="py-16">
2-
3-
</footer>
1+
<footer class="py-8 bg-dark-900 flex justify-center">
2+
<div class="max-w-prose">Harmony Development</div>
3+
</footer>

0 commit comments

Comments
 (0)