Skip to content

Commit 3c61b2d

Browse files
proxyeriumproxyerium
committed
update: refactor base and home
1 parent d337f07 commit 3c61b2d

File tree

7 files changed

+65
-90
lines changed

7 files changed

+65
-90
lines changed

‎assets/css/index.css

+17-27
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,13 @@
1-
#home-bio {
2-
div {
3-
background-color: #111111;
4-
margin: 1rem 0;
5-
padding: 1rem 1rem;
6-
}
7-
h1 {
8-
border-left: .3rem solid #eee;
9-
padding: .5rem 1rem;
1+
.home.hero {
2+
background-color: #000;
3+
padding: 2rem 2rem 2rem 1rem;
104

11-
font-size: 2.4rem;
5+
> h1 {
6+
padding-left: 1rem;
7+
border-left: .3rem solid #fff;
8+
&::before {
9+
content: "~";
10+
}
1211
&::first-letter {
1312
color: magenta;
1413
}
@@ -17,30 +16,21 @@
1716
animation: .5s blinking alternate infinite;
1817
}
1918
}
20-
21-
text-align: center;
22-
a {
23-
word-wrap: break-word;
24-
font-size: 1.2rem;
25-
text-decoration: underline var(--txt-minorcolor-dark);
26-
}
2719
}
2820

29-
#home-navbar {
21+
.home.navbar {
3022
display: flex;
3123
flex-direction: column;
3224
gap: 1rem;
3325

34-
font-size: 1.2rem;
26+
font-size: 18px;
3527
}
3628

37-
#home-toolbar {
38-
margin: 4rem 1rem;
39-
40-
grid-column: 1 / span 2;
41-
justify-self: center;
29+
.home.list {
30+
font-size: 22px;
31+
margin-top: 4rem;
4232

43-
input[type="button"] {
44-
background-color: #111111;
45-
}
33+
display: flex;
34+
flex-direction: column;
35+
gap: 1rem;
4636
}

‎assets/css/main.css

+8-20
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,7 @@
99

1010
html,
1111
body,
12-
#app-container,
13-
#app-main {
12+
main {
1413
height: 100%;
1514
width: 100%;
1615
background-color: var(--bg-color);
@@ -19,27 +18,16 @@ body,
1918
a {
2019
color: var(--txt-minorcolor-dark);
2120
text-decoration: none;
22-
}
23-
24-
#app-container {
25-
display: flex;
26-
flex-direction: column;
2721

28-
overflow: auto;
22+
&:hover {
23+
font-weight: bolder;
24+
text-decoration: underline;
25+
}
2926
}
30-
#app-main {
31-
display: grid;
32-
grid-template-columns: 30% 20%;
3327

28+
main {
29+
display: grid;
3430
place-content: center;
3531
place-items: center;
36-
}
37-
#app-footer {
38-
justify-self: end;
39-
background-color: rgba(30, 141, 210, 0.343);
40-
41-
text-align: center;
42-
margin-top: auto;
43-
border-top: 2px solid #776f64;
44-
padding: 1rem 0;
32+
row-gap: 1rem;
4533
}

‎assets/css/vars.css

+3-2
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,16 @@
1-
@font-face {
1+
/* @font-face {
22
font-family: 'go fonts';
33
src:
44
url('../font/Go-Regular.ttf') format('truetyle'),
55
url('../font/Go-Bold.ttf') format('ttf'),
66
url('../font/Go-Italic.ttf') format('truetyle'),
77
url('../font/Go-Mono.ttf') format('truetyle');
8-
}
8+
} */
99

1010
:root {
1111
--font-base: 'consolas';
1212

13+
/* === text colors === */
1314
--txt-majorcolor-dark: oklch(90% 0.01 157.38);
1415
--txt-minorcolor-dark: oklch(70% 0.1 157.38);
1516
--txt-bonuscolor-dark: oklch(70% 0.14 260.66);

‎layouts/_default/baseof.html

+10-17
Original file line numberDiff line numberDiff line change
@@ -1,28 +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> {{ block "head" . }} {{ end }} </head>
75

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

11-
{{ $styles := resources.Match "/css/*.css"}}
12-
{{ $bundle := $styles | resources.Concat "css/bundle.css" | minify }}
13-
<link rel="stylesheet" href="{{ $bundle.RelPermalink }}" />
8+
<main>
9+
{{ block "main" . }}
10+
{{ end }}
11+
</main>
1412

15-
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
16-
</head>
13+
<aside>
14+
{{ block "aside" . }}
15+
{{ end }}
16+
</aside>
1717

18-
<body>
19-
<div id="app-container">
20-
{{ block "main" . }}
21-
{{ end }}
2218

23-
{{/* {{ block "footer" . }}
24-
{{ end }} */}}
25-
</div>
2619
</body>
2720

2821
</html>

‎layouts/_default/list.html renamed to ‎layouts/_default/section.html

File renamed without changes.

‎layouts/index.html

+14-24
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,21 @@
11
{{ define "main" }}
2-
<main id="app-main">
32

4-
<div id="home-bio">
5-
<div>
6-
<h1>~$ proxyerium</h1>
7-
</div>
3+
<div class="home hero">
4+
<h1>$ proxyerium</h1>
5+
</div>
86

9-
<nav>
10-
{{ range .Page.Params.links }}
11-
<a href="{{ .url }}">{{ .name }}</a>
12-
{{ end }}
13-
</nav>
14-
</div>
15-
16-
<div id="home-navbar">
17-
{{ range .Site.Sections.ByWeight }}
18-
<a href="{{ .RelPermalink }}">::{{ .Title }} -></a>
7+
<div class="home navbar">
8+
<nav>
9+
{{ range .Page.Params.links }}
10+
<a href="{{ .url }}">{{ .name }}</a>
1911
{{ end }}
20-
</div>
21-
22-
<div id="home-toolbar">
23-
<input id="button-theme" type="button" value="theme">
24-
</div>
25-
</main>
12+
</nav>
13+
</div>
2614

27-
{{ end }}
15+
<div class="home list">
16+
{{ range .Site.Sections.ByWeight }}
17+
<a href="{{ .RelPermalink }}">::{{ .Title }} -></a>
18+
{{ end }}
19+
</div>
2820

29-
{{ define "footer" }}
30-
{{ partial "footer" . }}
3121
{{ end }}

‎layouts/partials/head.html

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
{{ define "head" }}
2+
3+
<meta charset="utf-8">
4+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
5+
6+
{{/* {{ block "title" . }} */}}
7+
<title>proxyerium's website</title>
8+
9+
{{ $styles := resources.Match "/css/*.css"}}
10+
{{ $bundle := $styles | resources.Concat "css/bundle.css" | minify }}
11+
<link rel="stylesheet" href="{{ $bundle.RelPermalink }}" />
12+
13+
{{ end }}

0 commit comments

Comments
 (0)