Skip to content

Commit 44f8490

Browse files
AdamJAdamJ
committed
Completely redo landing page and force dark mode
1 parent f10bbf9 commit 44f8490

File tree

48 files changed

+1313
-630
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

48 files changed

+1313
-630
lines changed

‎.gitignore

+1
Original file line numberDiff line numberDiff line change
@@ -10,3 +10,4 @@ npm-debug.log.*
1010
*.sketch
1111
src/drafts/
1212
drafts/
13+
notes.txt

‎docs/about/index.html

+12-14
Original file line numberDiff line numberDiff line change
@@ -23,14 +23,14 @@
2323
<link rel="preconnect" href="https://fonts.googleapis.com">
2424
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
2525
<link href="https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Oswald&display=swap" rel="stylesheet">
26-
<link
26+
<!--<link
2727
rel="stylesheet"
2828
media="(prefers-color-scheme:light)"
2929
href="https://cdn.jsdelivr.net/npm/@shoelace-style/[email protected]/cdn/themes/light.css"
30-
/>
30+
/> -->
3131
<link
3232
rel="stylesheet"
33-
media="(prefers-color-scheme:dark)"
33+
3434
href="https://cdn.jsdelivr.net/npm/@shoelace-style/[email protected]/cdn/themes/dark.css"
3535
onload="document.documentElement.classList.add('sl-theme-dark');"
3636
/>
@@ -54,7 +54,10 @@
5454
/>
5555
</head>
5656
<a rel="me" href="https://mastodon.world/@adamjol" aria-hidden="true" class="d-none">Mastodon</a>
57-
<body class="layout">
57+
<body style="
58+
height: 100vh;
59+
position: relative;">
60+
5861
<container id="navigation">
5962
<div class="nav">
6063
<input type="checkbox" id="check" name="navigationCheckbox" aria-label="menu checkbox" />
@@ -110,12 +113,8 @@
110113
</a>
111114
</li>
112115

113-
<li>
114-
<a href="/testimonials" class="nav-link " alt="Link to testimonials for former coworkers">
115-
Testimonials
116-
</a>
117-
</li>
118-
<li>
116+
117+
<li class="nav-icon">
119118
<a href="https://www.github.com/adamj/adamj.github.io" rel="noopener" class="icon-link pe-1" target="_blank" alt="External link to view my GitHub profile">
120119
<fa-icon type="brands" name="github" size="lg"></fa-icon>
121120
</a>
@@ -125,7 +124,6 @@
125124
</div>
126125
</container>
127126

128-
<main class="content">
129127

130128
<div class="container intro py-3 px-0 text-align-center">
131129
<h1 class="display-1 fw-bold text-break">About</h1>
@@ -171,7 +169,6 @@ <h2 id="education" tabindex="-1">Education <a class="anchor-link" href="#educati
171169
</div>
172170
</content>
173171

174-
</main>
175172
<footer id="footer" class="footer d-flex flex-wrap flex-column mt-5">
176173
<div class="container px-0 px-md-1">
177174

@@ -185,8 +182,8 @@ <h2 id="education" tabindex="-1">Education <a class="anchor-link" href="#educati
185182
</a>
186183
</li>
187184
<li class="mb-2">
188-
<a class="icon-link" href="/designs" alt="Link to the designs page">
189-
Designs
185+
<a class="icon-link" href="/testimonials" alt="Link to the testimonials page">
186+
Testimonials
190187
</a>
191188
</li>
192189

@@ -282,5 +279,6 @@ <h2 id="education" tabindex="-1">Education <a class="anchor-link" href="#educati
282279
<link media="print" href="/css/print.css" rel="stylesheet" />
283280
</footer>
284281

282+
285283
</body>
286284
</html>

‎docs/alfred/workflows/index.html

+12-14
Original file line numberDiff line numberDiff line change
@@ -23,14 +23,14 @@
2323
<link rel="preconnect" href="https://fonts.googleapis.com">
2424
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
2525
<link href="https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Oswald&display=swap" rel="stylesheet">
26-
<link
26+
<!--<link
2727
rel="stylesheet"
2828
media="(prefers-color-scheme:light)"
2929
href="https://cdn.jsdelivr.net/npm/@shoelace-style/[email protected]/cdn/themes/light.css"
30-
/>
30+
/> -->
3131
<link
3232
rel="stylesheet"
33-
media="(prefers-color-scheme:dark)"
33+
3434
href="https://cdn.jsdelivr.net/npm/@shoelace-style/[email protected]/cdn/themes/dark.css"
3535
onload="document.documentElement.classList.add('sl-theme-dark');"
3636
/>
@@ -54,7 +54,10 @@
5454
/>
5555
</head>
5656
<a rel="me" href="https://mastodon.world/@adamjol" aria-hidden="true" class="d-none">Mastodon</a>
57-
<body class="layout">
57+
<body style="
58+
height: 100vh;
59+
position: relative;">
60+
5861
<container id="navigation">
5962
<div class="nav">
6063
<input type="checkbox" id="check" name="navigationCheckbox" aria-label="menu checkbox" />
@@ -110,12 +113,8 @@
110113
</a>
111114
</li>
112115

113-
<li>
114-
<a href="/testimonials" class="nav-link " alt="Link to testimonials for former coworkers">
115-
Testimonials
116-
</a>
117-
</li>
118-
<li>
116+
117+
<li class="nav-icon">
119118
<a href="https://www.github.com/adamj/adamj.github.io" rel="noopener" class="icon-link pe-1" target="_blank" alt="External link to view my GitHub profile">
120119
<fa-icon type="brands" name="github" size="lg"></fa-icon>
121120
</a>
@@ -125,7 +124,6 @@
125124
</div>
126125
</container>
127126

128-
<main class="content">
129127

130128
<div class="container intro py-3 px-0 text-align-center">
131129
<h1 class="display-1 fw-bold text-break">Alfred Workflows</h1>
@@ -166,7 +164,6 @@ <h2 id="created-%2F-modified" tabindex="-1">Created / Modified <a class="anchor-
166164

167165
</content>
168166

169-
</main>
170167
<footer id="footer" class="footer d-flex flex-wrap flex-column mt-5">
171168
<div class="container px-0 px-md-1">
172169

@@ -180,8 +177,8 @@ <h2 id="created-%2F-modified" tabindex="-1">Created / Modified <a class="anchor-
180177
</a>
181178
</li>
182179
<li class="mb-2">
183-
<a class="icon-link" href="/designs" alt="Link to the designs page">
184-
Designs
180+
<a class="icon-link" href="/testimonials" alt="Link to the testimonials page">
181+
Testimonials
185182
</a>
186183
</li>
187184

@@ -277,5 +274,6 @@ <h2 id="created-%2F-modified" tabindex="-1">Created / Modified <a class="anchor-
277274
<link media="print" href="/css/print.css" rel="stylesheet" />
278275
</footer>
279276

277+
280278
</body>
281279
</html>

‎docs/apps/gamesandthings/index.html

+12-14
Original file line numberDiff line numberDiff line change
@@ -23,14 +23,14 @@
2323
<link rel="preconnect" href="https://fonts.googleapis.com">
2424
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
2525
<link href="https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Oswald&display=swap" rel="stylesheet">
26-
<link
26+
<!--<link
2727
rel="stylesheet"
2828
media="(prefers-color-scheme:light)"
2929
href="https://cdn.jsdelivr.net/npm/@shoelace-style/[email protected]/cdn/themes/light.css"
30-
/>
30+
/> -->
3131
<link
3232
rel="stylesheet"
33-
media="(prefers-color-scheme:dark)"
33+
3434
href="https://cdn.jsdelivr.net/npm/@shoelace-style/[email protected]/cdn/themes/dark.css"
3535
onload="document.documentElement.classList.add('sl-theme-dark');"
3636
/>
@@ -54,7 +54,10 @@
5454
/>
5555
</head>
5656
<a rel="me" href="https://mastodon.world/@adamjol" aria-hidden="true" class="d-none">Mastodon</a>
57-
<body class="layout">
57+
<body style="
58+
height: 100vh;
59+
position: relative;">
60+
5861
<container id="navigation">
5962
<div class="nav">
6063
<input type="checkbox" id="check" name="navigationCheckbox" aria-label="menu checkbox" />
@@ -110,12 +113,8 @@
110113
</a>
111114
</li>
112115

113-
<li>
114-
<a href="/testimonials" class="nav-link " alt="Link to testimonials for former coworkers">
115-
Testimonials
116-
</a>
117-
</li>
118-
<li>
116+
117+
<li class="nav-icon">
119118
<a href="https://www.github.com/adamj/adamj.github.io" rel="noopener" class="icon-link pe-1" target="_blank" alt="External link to view my GitHub profile">
120119
<fa-icon type="brands" name="github" size="lg"></fa-icon>
121120
</a>
@@ -125,7 +124,6 @@
125124
</div>
126125
</container>
127126

128-
<main class="content">
129127

130128
<div class="container intro py-3 px-0 text-align-center">
131129
<h1 class="display-1 fw-bold text-break">Games and Things</h1>
@@ -143,7 +141,6 @@ <h1 class="display-1 fw-bold text-break">Games and Things</h1>
143141

144142
</content>
145143

146-
</main>
147144
<footer id="footer" class="footer d-flex flex-wrap flex-column mt-5">
148145
<div class="container px-0 px-md-1">
149146

@@ -157,8 +154,8 @@ <h1 class="display-1 fw-bold text-break">Games and Things</h1>
157154
</a>
158155
</li>
159156
<li class="mb-2">
160-
<a class="icon-link" href="/designs" alt="Link to the designs page">
161-
Designs
157+
<a class="icon-link" href="/testimonials" alt="Link to the testimonials page">
158+
Testimonials
162159
</a>
163160
</li>
164161

@@ -254,5 +251,6 @@ <h1 class="display-1 fw-bold text-break">Games and Things</h1>
254251
<link media="print" href="/css/print.css" rel="stylesheet" />
255252
</footer>
256253

254+
257255
</body>
258256
</html>

‎docs/archives/archives/index.html

+12-14
Original file line numberDiff line numberDiff line change
@@ -23,14 +23,14 @@
2323
<link rel="preconnect" href="https://fonts.googleapis.com">
2424
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
2525
<link href="https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Oswald&display=swap" rel="stylesheet">
26-
<link
26+
<!--<link
2727
rel="stylesheet"
2828
media="(prefers-color-scheme:light)"
2929
href="https://cdn.jsdelivr.net/npm/@shoelace-style/[email protected]/cdn/themes/light.css"
30-
/>
30+
/> -->
3131
<link
3232
rel="stylesheet"
33-
media="(prefers-color-scheme:dark)"
33+
3434
href="https://cdn.jsdelivr.net/npm/@shoelace-style/[email protected]/cdn/themes/dark.css"
3535
onload="document.documentElement.classList.add('sl-theme-dark');"
3636
/>
@@ -54,7 +54,10 @@
5454
/>
5555
</head>
5656
<a rel="me" href="https://mastodon.world/@adamjol" aria-hidden="true" class="d-none">Mastodon</a>
57-
<body class="layout">
57+
<body style="
58+
height: 100vh;
59+
position: relative;">
60+
5861
<container id="navigation">
5962
<div class="nav">
6063
<input type="checkbox" id="check" name="navigationCheckbox" aria-label="menu checkbox" />
@@ -110,12 +113,8 @@
110113
</a>
111114
</li>
112115

113-
<li>
114-
<a href="/testimonials" class="nav-link " alt="Link to testimonials for former coworkers">
115-
Testimonials
116-
</a>
117-
</li>
118-
<li>
116+
117+
<li class="nav-icon">
119118
<a href="https://www.github.com/adamj/adamj.github.io" rel="noopener" class="icon-link pe-1" target="_blank" alt="External link to view my GitHub profile">
120119
<fa-icon type="brands" name="github" size="lg"></fa-icon>
121120
</a>
@@ -125,7 +124,6 @@
125124
</div>
126125
</container>
127126

128-
<main class="content">
129127

130128
<div class="container intro py-3 px-0 text-align-center">
131129
<h1 class="display-1 fw-bold text-break">Archived Pages</h1>
@@ -140,7 +138,6 @@ <h1 class="display-1 fw-bold text-break">Archived Pages</h1>
140138

141139
</content>
142140

143-
</main>
144141
<footer id="footer" class="footer d-flex flex-wrap flex-column mt-5">
145142
<div class="container px-0 px-md-1">
146143

@@ -154,8 +151,8 @@ <h1 class="display-1 fw-bold text-break">Archived Pages</h1>
154151
</a>
155152
</li>
156153
<li class="mb-2">
157-
<a class="icon-link" href="/designs" alt="Link to the designs page">
158-
Designs
154+
<a class="icon-link" href="/testimonials" alt="Link to the testimonials page">
155+
Testimonials
159156
</a>
160157
</li>
161158

@@ -251,5 +248,6 @@ <h1 class="display-1 fw-bold text-break">Archived Pages</h1>
251248
<link media="print" href="/css/print.css" rel="stylesheet" />
252249
</footer>
253250

251+
254252
</body>
255253
</html>

‎docs/archives/town-selectman/index.html

+12-14
Original file line numberDiff line numberDiff line change
@@ -23,14 +23,14 @@
2323
<link rel="preconnect" href="https://fonts.googleapis.com">
2424
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
2525
<link href="https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Oswald&display=swap" rel="stylesheet">
26-
<link
26+
<!--<link
2727
rel="stylesheet"
2828
media="(prefers-color-scheme:light)"
2929
href="https://cdn.jsdelivr.net/npm/@shoelace-style/[email protected]/cdn/themes/light.css"
30-
/>
30+
/> -->
3131
<link
3232
rel="stylesheet"
33-
media="(prefers-color-scheme:dark)"
33+
3434
href="https://cdn.jsdelivr.net/npm/@shoelace-style/[email protected]/cdn/themes/dark.css"
3535
onload="document.documentElement.classList.add('sl-theme-dark');"
3636
/>
@@ -54,7 +54,10 @@
5454
/>
5555
</head>
5656
<a rel="me" href="https://mastodon.world/@adamjol" aria-hidden="true" class="d-none">Mastodon</a>
57-
<body class="layout">
57+
<body style="
58+
height: 100vh;
59+
position: relative;">
60+
5861
<container id="navigation">
5962
<div class="nav">
6063
<input type="checkbox" id="check" name="navigationCheckbox" aria-label="menu checkbox" />
@@ -110,12 +113,8 @@
110113
</a>
111114
</li>
112115

113-
<li>
114-
<a href="/testimonials" class="nav-link " alt="Link to testimonials for former coworkers">
115-
Testimonials
116-
</a>
117-
</li>
118-
<li>
116+
117+
<li class="nav-icon">
119118
<a href="https://www.github.com/adamj/adamj.github.io" rel="noopener" class="icon-link pe-1" target="_blank" alt="External link to view my GitHub profile">
120119
<fa-icon type="brands" name="github" size="lg"></fa-icon>
121120
</a>
@@ -125,7 +124,6 @@
125124
</div>
126125
</container>
127126

128-
<main class="content">
129127

130128
<div class="container intro py-3 px-0 text-align-center">
131129
<h1 class="display-1 fw-bold text-break">Archived</h1>
@@ -283,7 +281,6 @@ <h2 class="mb-3">FAQ</h2>
283281

284282
</content>
285283

286-
</main>
287284
<footer id="footer" class="footer d-flex flex-wrap flex-column mt-5">
288285
<div class="container px-0 px-md-1">
289286

@@ -297,8 +294,8 @@ <h2 class="mb-3">FAQ</h2>
297294
</a>
298295
</li>
299296
<li class="mb-2">
300-
<a class="icon-link" href="/designs" alt="Link to the designs page">
301-
Designs
297+
<a class="icon-link" href="/testimonials" alt="Link to the testimonials page">
298+
Testimonials
302299
</a>
303300
</li>
304301

@@ -394,5 +391,6 @@ <h2 class="mb-3">FAQ</h2>
394391
<link media="print" href="/css/print.css" rel="stylesheet" />
395392
</footer>
396393

394+
397395
</body>
398396
</html>

0 commit comments

Comments
 (0)