Skip to content

Commit 6f0e463

Browse files
proxyeriumproxyerium
committed
update: style changed (2)
- make breadcrumb global - set article font size to 1rem
1 parent 13db8a0 commit 6f0e463

File tree

10 files changed

+90
-72
lines changed

10 files changed

+90
-72
lines changed

‎assets/css/baseof.css ‎assets/css/layouts/_default/baseof.css

+7-5
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
:root {
2-
/* === fonts === */
2+
/* -- fonts -- */
33
--font-regular: go, system-ui;
44
--font-mono: go-mono, monospace;
55

66
color-scheme: light dark;
7-
/* === palette === */
8-
--color-major: light-dark(oklch(10% 0.01 157.38),#eee);
9-
--color-minor: light-dark(#f38401,#ff66aa);
7+
/* -- palette -- */
8+
--color-major: light-dark(oklch(10% 0.01 157.38), #eee);
9+
--color-minor: light-dark(#f38401, #ff66aa);
1010

1111
--color-bg: light-dark(#dddddd, #222222);
1212
}
@@ -25,10 +25,12 @@ html,
2525
body {
2626
height: 100dvh;
2727
background-color: var(--color-bg);
28+
29+
display: grid;
30+
grid-template-rows: auto 1fr;
2831
}
2932

3033
main {
31-
height: 100dvh;
3234
display: grid;
3335
}
3436

‎assets/css/layouts/_default/home.css

+23-18
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,40 @@
1-
.home {
1+
#home {
2+
padding: 0 20dvw;
3+
24
display: grid;
3-
column-gap: 4rem;
45
grid-template-columns: auto auto;
5-
justify-content: center;
6-
justify-items: center;
6+
column-gap: 2rem;
77
align-content: center;
8+
9+
> * {
10+
padding: 2rem;
11+
}
812
}
913

10-
.home.links {
11-
grid-row: 2;
14+
#home_dashboard {
15+
display: grid;
16+
grid-template-rows: 2fr 1fr 1fr;
17+
row-gap: 0.3rem;
18+
}
19+
.card {
20+
background-color: var(--color-minor);
21+
border: 3px solid var(--color-major);
22+
}
23+
#home_dashboard_links {
1224
display: flex;
13-
flex-direction: column;
14-
gap: 1rem;
15-
16-
font-size: 18px;
25+
align-items: center;
1726
}
1827

19-
.home.category {
20-
grid-row: 1 / span 2;
21-
font-size: 22px;
28+
#home_category {
29+
font-size: 1.3rem;
2230

2331
display: flex;
2432
flex-direction: column;
2533

26-
2734
a {
28-
padding: .5rem;
35+
padding: 0.5rem;
2936
border: 3px solid transparent;
30-
transition:
31-
color .2s ease-in-out,
32-
background-color .2s ease-in-out;
37+
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
3338

3439
&:hover {
3540
text-decoration: none;

‎assets/css/layouts/partials/article.css

+19-9
Original file line numberDiff line numberDiff line change
@@ -26,24 +26,31 @@ section.article {
2626
.article.content {
2727
margin-top: 1rem;
2828
flex-wrap: wrap;
29-
font-size: 1.4rem;
29+
font-size: 1rem;
3030

3131
span {
3232
white-space: pre-wrap;
3333
}
3434

3535
/* headings */
36-
h2, h3, h4, h5, h6 {
36+
h2,
37+
h3,
38+
h4,
39+
h5,
40+
h6 {
3741
color: light-dark(var(--light-minor), var(--dark-minor));
3842
margin: 1rem 0 0 0;
3943
width: fit-content;
4044

4145
&::after {
42-
margin-top: .4rem;
43-
content: '';
46+
margin-top: 0.4rem;
47+
content: "";
4448
display: block;
45-
height: .1rem;
46-
background-color: light-dark(var(--light-minor), var(--dark-minor) 0%);
49+
height: 0.1rem;
50+
background-color: light-dark(
51+
var(--light-minor),
52+
var(--dark-minor) 0%
53+
);
4754
}
4855
}
4956

@@ -60,7 +67,11 @@ section.article {
6067
/* blockquote */
6168
blockquote {
6269
margin: 1rem 0;
63-
background: linear-gradient(to right, var(--dark-minor), var(--dark-bg) 60%);
70+
background: linear-gradient(
71+
to right,
72+
var(--dark-minor),
73+
var(--dark-bg) 60%
74+
);
6475
}
6576

6677
pre {
@@ -84,7 +95,7 @@ section.article {
8495

8596
counter-reset: line;
8697
> span {
87-
margin: .2rem auto;
98+
margin: 0.2rem auto;
8899
padding-left: 4rem;
89100
position: relative;
90101
/* === line numbers === */
@@ -112,7 +123,6 @@ section.article {
112123
background-color: rgb(35, 102, 102);
113124
}
114125

115-
116126
img {
117127
width: 60%;
118128
}

‎assets/css/layouts/partials/breadcrump.css ‎assets/css/layouts/partials/breadcrumb.css

+13-12
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,13 @@
1-
.breadcrump {
1+
.breadcrumb {
22
display: flex;
33
flex-direction: row;
4-
align-self: center;
4+
align-items: center;
55

66
white-space: nowrap;
77

88
background-color: #111111;
99
padding: 1rem 2rem 1rem 1rem;
1010

11-
1211
* {
1312
font-family: var(--font-mono);
1413
font-size: 32px;
@@ -18,15 +17,15 @@
1817
display: inline-flex;
1918
font-weight: bold;
2019

21-
&::before{
20+
&::before {
2221
content: "";
23-
border-left: #fff solid .4rem;
24-
padding: .5rem;
22+
border-left: #fff solid 0.4rem;
23+
padding: 0.5rem;
2524
}
26-
& :first-child::before{
25+
& :first-child::before {
2726
content: "~";
2827
}
29-
& :not(:last-child):after{
28+
& :not(:last-child):after {
3029
content: "/";
3130
}
3231

@@ -36,13 +35,15 @@
3635
}
3736
}
3837

39-
4038
.signage {
41-
color: #fff;
42-
&::after{
39+
width: 100%;
40+
&::after {
4341
content: "_";
44-
animation: .5s blinking alternate infinite;
42+
animation: 0.5s blinking alternate infinite;
4543
}
4644
}
45+
}
4746

47+
#clock {
48+
font-size: 1rem;
4849
}

‎layouts/_default/baseof.html

+13-12
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,21 @@
11
<!DOCTYPE html>
22
<html lang="{{ .Site.Language }}">
33

4-
<head>
5-
<meta charset="utf-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77

8-
{{/* {{ block "title" . }} */}}
9-
<title>proxyerium's website</title>
8+
{{/* {{ block "title" . }} */}}
9+
<title>proxyerium's website</title>
1010

11-
{{ $styles := resources.Match "/css/**.css"}}
12-
{{ $bundle := $styles | resources.Concat "css/bundle.css" | minify }}
13-
<link rel="stylesheet" href="{{ $bundle.RelPermalink }}" />
14-
</head>
11+
{{ $styles := resources.Match "/css/**.css" }}
12+
{{ $bundle := $styles | resources.Concat "css/bundle.css" | minify }}
13+
<link rel="stylesheet" href="{{ $bundle.RelPermalink }}" />
14+
</head>
1515

16-
<body>
17-
{{ block "main" . }} {{ end }}
18-
</body>
16+
<body>
17+
{{ partial "breadcrumb" . }}
18+
{{ block "main" . }} {{ end }}
19+
</body>
1920

2021
</html>

‎layouts/_default/home.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{{ define "main" }}
22

33
<main class="home">
4-
{{ partial "breadcrump" . }}
4+
{{ partial "breadcrumb" . }}
55

66
<div class="home links">
77
<nav>

‎layouts/_default/section.html

-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
{{ define "main" }}
22
<main class="section">
3-
{{ partial "breadcrump" . }}
43
{{ .Content }}
54
{{ partial "list" . }}
65
</main>

‎layouts/_default/single.html

-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,5 @@
11
{{ define "main" }}
22
<main class="single">
3-
{{ partial "breadcrump" . }}
4-
53
{{ partial "article" . }}
64
</main>
75
{{ end }}

‎layouts/partials/breadcrumb.html

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<div class="breadcrumb">
2+
<nav class="location">
3+
<!-- Ancestors -->
4+
{{ range after 0 .Ancestors.Reverse }}
5+
<a href="{{ .RelPermalink }}">{{ .File.ContentBaseName }}</a>
6+
{{ end }}
7+
<!-- Current -->
8+
<a href="{{ .RelPermalink }}">{{ .File.ContentBaseName }}</a>
9+
</nav>
10+
11+
<h1 class="signage">$ proxyerium</h1>
12+
13+
14+
</div>

‎layouts/partials/breadcrump.html

-12
This file was deleted.

0 commit comments

Comments
 (0)