Skip to content

Commit 83832d6

Browse files
committed
Brings back load optimizations
1 parent 6296cf9 commit 83832d6

19 files changed

Lines changed: 384 additions & 94 deletions

404.html

Lines changed: 21 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,10 +5,20 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66

77
<title>404 | Keith Daulton | Design Technologist, User Experience Engineer, Technical Leader</title>
8+
<meta name="description" content="Principal front-end web developer and designer, Keith Daulton." />
9+
<meta
10+
name="keywords"
11+
content="front-end, design technology, design systems, front end, ui, ux, user experience, user interface, javascript, portfolio, responsive, web, developer, designer"
12+
/>
13+
<meta name="author" content="Keith Daulton" />
814

915
<link rel="icon" type="image/png" sizes="32x32" href="/meta/favicon-32x32.png" />
1016
<link rel="icon" type="image/png" sizes="16x16" href="/meta/favicon-16x16.png" />
1117

18+
<link rel="preconnect" href="https://p.typekit.net" />
19+
<link rel="preconnect" href="https://use.typekit.net" />
20+
<link rel="preload" href="https://use.typekit.net/bdx2zst.css" as="style" />
21+
<link rel="preload" href="/media/branding/logo-square.webp" as="image" />
1222
<link rel="stylesheet" href="./src/styles/index.css" />
1323
<script type="module" src="./src/index.ts"></script>
1424
</head>
@@ -21,7 +31,9 @@
2131
<header class="header header--pinned" id="header">
2232
<div class="container container--wide">
2333
<div class="header__group">
24-
<a href="/"><img class="logo" src="/media/branding/logo-square.png" alt="Keith Daulton" /></a>
34+
<a href="/"
35+
><img class="logo" src="/media/branding/logo-square.webp" alt="Keith Daulton" width="28" height="28"
36+
/></a>
2537
</div>
2638
<!-- <nav class="header__group" id="nav" aria-label="Main Navigation">
2739
<ul class="nav-inline">
@@ -93,7 +105,13 @@ <h2>Connect</h2>
93105
><d-icon-library icon="code"></d-icon-library><span class="o-sr-only">CodePen</span></a
94106
>
95107
</nav>
96-
<img src="/media/branding/logo-tight.png" alt="Keith Daulton" />
108+
<img
109+
src="/media/branding/logo-tight.webp"
110+
alt="Keith Daulton logo"
111+
width="107"
112+
height="128"
113+
loading="lazy"
114+
/>
97115
</div>
98116
</div>
99117
</section>
@@ -104,7 +122,7 @@ <h2>Connect</h2>
104122
<div class="container">
105123
<p>&copy; Copyright 2025 Keith Daulton and respective brands. All rights reserved.</p>
106124
<nav>
107-
<a href="404.html">get lost</a>
125+
<a href="/get-lost.html">get lost</a>
108126
<a href="#top"><d-icon-library icon="arrow-up"></d-icon-library><span class="o-sr-only">Back to top</span></a>
109127
</nav>
110128
</div>

docs/404.html

Lines changed: 22 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,21 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66

77
<title>404 | Keith Daulton | Design Technologist, User Experience Engineer, Technical Leader</title>
8+
<meta name="description" content="Principal front-end web developer and designer, Keith Daulton." />
9+
<meta
10+
name="keywords"
11+
content="front-end, design technology, design systems, front end, ui, ux, user experience, user interface, javascript, portfolio, responsive, web, developer, designer"
12+
/>
13+
<meta name="author" content="Keith Daulton" />
814

915
<link rel="icon" type="image/png" sizes="32x32" href="/meta/favicon-32x32.png" />
1016
<link rel="icon" type="image/png" sizes="16x16" href="/meta/favicon-16x16.png" />
1117

12-
<script type="module" crossorigin src="/assets/index-ShRo7YcU.js"></script>
18+
<link rel="preconnect" href="https://p.typekit.net" />
19+
<link rel="preconnect" href="https://use.typekit.net" />
20+
<link rel="preload" href="https://use.typekit.net/bdx2zst.css" as="style" />
21+
<link rel="preload" href="/media/branding/logo-square.webp" as="image" />
22+
<script type="module" crossorigin src="/assets/index-DH0Q35my.js"></script>
1323
<link rel="stylesheet" crossorigin href="/assets/index-DntqMw41.css">
1424
</head>
1525
<body>
@@ -21,7 +31,9 @@
2131
<header class="header header--pinned" id="header">
2232
<div class="container container--wide">
2333
<div class="header__group">
24-
<a href="/"><img class="logo" src="/media/branding/logo-square.png" alt="Keith Daulton" /></a>
34+
<a href="/"
35+
><img class="logo" src="/media/branding/logo-square.webp" alt="Keith Daulton" width="28" height="28"
36+
/></a>
2537
</div>
2638
<!-- <nav class="header__group" id="nav" aria-label="Main Navigation">
2739
<ul class="nav-inline">
@@ -93,7 +105,13 @@ <h2>Connect</h2>
93105
><d-icon-library icon="code"></d-icon-library><span class="o-sr-only">CodePen</span></a
94106
>
95107
</nav>
96-
<img src="/media/branding/logo-tight.png" alt="Keith Daulton" />
108+
<img
109+
src="/media/branding/logo-tight.webp"
110+
alt="Keith Daulton logo"
111+
width="107"
112+
height="128"
113+
loading="lazy"
114+
/>
97115
</div>
98116
</div>
99117
</section>
@@ -104,7 +122,7 @@ <h2>Connect</h2>
104122
<div class="container">
105123
<p>&copy; Copyright 2025 Keith Daulton and respective brands. All rights reserved.</p>
106124
<nav>
107-
<a href="404.html">get lost</a>
125+
<a href="/get-lost.html">get lost</a>
108126
<a href="#top"><d-icon-library icon="arrow-up"></d-icon-library><span class="o-sr-only">Back to top</span></a>
109127
</nav>
110128
</div>
Lines changed: 7 additions & 43 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

docs/assets/vendor.LICENSE.txt

Lines changed: 123 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,123 @@
1+
Name: @lit/reactive-element
2+
Version: 2.0.4
3+
License: BSD-3-Clause
4+
Private: false
5+
Description: A simple low level base class for creating fast, lightweight web components
6+
Repository: https://github.com/lit/lit.git
7+
Homepage: https://lit.dev/
8+
Author: Google LLC
9+
License Copyright:
10+
===
11+
12+
BSD 3-Clause License
13+
14+
Copyright (c) 2017 Google LLC. All rights reserved.
15+
16+
Redistribution and use in source and binary forms, with or without
17+
modification, are permitted provided that the following conditions are met:
18+
19+
1. Redistributions of source code must retain the above copyright notice, this
20+
list of conditions and the following disclaimer.
21+
22+
2. Redistributions in binary form must reproduce the above copyright notice,
23+
this list of conditions and the following disclaimer in the documentation
24+
and/or other materials provided with the distribution.
25+
26+
3. Neither the name of the copyright holder nor the names of its
27+
contributors may be used to endorse or promote products derived from
28+
this software without specific prior written permission.
29+
30+
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
31+
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
32+
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
33+
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
34+
FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
35+
DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
36+
SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
37+
CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
38+
OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
39+
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
40+
41+
---
42+
43+
Name: lit-html
44+
Version: 3.2.1
45+
License: BSD-3-Clause
46+
Private: false
47+
Description: HTML templates literals in JavaScript
48+
Repository: https://github.com/lit/lit.git
49+
Homepage: https://lit.dev/
50+
Author: Google LLC
51+
License Copyright:
52+
===
53+
54+
BSD 3-Clause License
55+
56+
Copyright (c) 2017 Google LLC. All rights reserved.
57+
58+
Redistribution and use in source and binary forms, with or without
59+
modification, are permitted provided that the following conditions are met:
60+
61+
1. Redistributions of source code must retain the above copyright notice, this
62+
list of conditions and the following disclaimer.
63+
64+
2. Redistributions in binary form must reproduce the above copyright notice,
65+
this list of conditions and the following disclaimer in the documentation
66+
and/or other materials provided with the distribution.
67+
68+
3. Neither the name of the copyright holder nor the names of its
69+
contributors may be used to endorse or promote products derived from
70+
this software without specific prior written permission.
71+
72+
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
73+
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
74+
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
75+
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
76+
FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
77+
DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
78+
SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
79+
CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
80+
OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
81+
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
82+
83+
---
84+
85+
Name: lit-element
86+
Version: 4.1.1
87+
License: BSD-3-Clause
88+
Private: false
89+
Description: A simple base class for creating fast, lightweight web components
90+
Repository: https://github.com/lit/lit.git
91+
Homepage: https://lit.dev/
92+
Author: Google LLC
93+
License Copyright:
94+
===
95+
96+
BSD 3-Clause License
97+
98+
Copyright (c) 2017 Google LLC. All rights reserved.
99+
100+
Redistribution and use in source and binary forms, with or without
101+
modification, are permitted provided that the following conditions are met:
102+
103+
1. Redistributions of source code must retain the above copyright notice, this
104+
list of conditions and the following disclaimer.
105+
106+
2. Redistributions in binary form must reproduce the above copyright notice,
107+
this list of conditions and the following disclaimer in the documentation
108+
and/or other materials provided with the distribution.
109+
110+
3. Neither the name of the copyright holder nor the names of its
111+
contributors may be used to endorse or promote products derived from
112+
this software without specific prior written permission.
113+
114+
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
115+
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
116+
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
117+
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
118+
FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
119+
DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
120+
SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
121+
CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
122+
OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
123+
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

docs/index.html

Lines changed: 33 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,21 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66

77
<title>Keith Daulton | Design Technologist, User Experience Engineer, Technical Leader</title>
8+
<meta name="description" content="Principal front-end web developer and designer, Keith Daulton." />
9+
<meta
10+
name="keywords"
11+
content="front-end, design technology, design systems, front end, ui, ux, user experience, user interface, javascript, portfolio, responsive, web, developer, designer"
12+
/>
13+
<meta name="author" content="Keith Daulton" />
814

915
<link rel="icon" type="image/png" sizes="32x32" href="/meta/favicon-32x32.png" />
1016
<link rel="icon" type="image/png" sizes="16x16" href="/meta/favicon-16x16.png" />
1117

12-
<script type="module" crossorigin src="/assets/index-ShRo7YcU.js"></script>
18+
<link rel="preconnect" href="https://p.typekit.net" />
19+
<link rel="preconnect" href="https://use.typekit.net" />
20+
<link rel="preload" href="https://use.typekit.net/bdx2zst.css" as="style" />
21+
<link rel="preload" href="/media/branding/logo-square.webp" as="image" />
22+
<script type="module" crossorigin src="/assets/index-DH0Q35my.js"></script>
1323
<link rel="stylesheet" crossorigin href="/assets/index-DntqMw41.css">
1424
</head>
1525
<body>
@@ -21,7 +31,9 @@
2131
<header class="header header--pinned" id="header">
2232
<div class="container container--wide">
2333
<div class="header__group">
24-
<a href="/"><img class="logo" src="/media/branding/logo-square.png" alt="Keith Daulton" /></a>
34+
<a href="/"
35+
><img class="logo" src="/media/branding/logo-square.webp" alt="Keith Daulton" width="28" height="28"
36+
/></a>
2537
</div>
2638
<nav class="header__group" id="nav" aria-label="Main Navigation">
2739
<ul class="nav-inline">
@@ -93,11 +105,20 @@ <h2>Engineer + Designer</h2>
93105
</div>
94106
<aside class="about__aside">
95107
<section class="phone-swap">
96-
<img src="/media/features/phone-mergein-rough.png" alt="Rough Design" />
97108
<img
98-
src="/media/features/phone-mergein-finished.png"
109+
src="/media/features/phone-mergein-rough.webp"
110+
alt="Rough Design"
111+
width="600"
112+
height="1138"
113+
loading="lazy"
114+
/>
115+
<img
116+
src="/media/features/phone-mergein-finished.webp"
99117
class="phone-swap__finished"
100118
alt="Finished Design"
119+
width="600"
120+
height="1138"
121+
loading="lazy"
101122
/>
102123
</section>
103124
</aside>
@@ -159,7 +180,13 @@ <h2>Connect</h2>
159180
><d-icon-library icon="code"></d-icon-library><span class="o-sr-only">CodePen</span></a
160181
>
161182
</nav>
162-
<img src="/media/branding/logo-tight.png" alt="Keith Daulton" />
183+
<img
184+
src="/media/branding/logo-tight.webp"
185+
alt="Keith Daulton logo"
186+
width="107"
187+
height="128"
188+
loading="lazy"
189+
/>
163190
</div>
164191
</div>
165192
</section>
@@ -170,7 +197,7 @@ <h2>Connect</h2>
170197
<div class="container">
171198
<p>&copy; Copyright 2025 Keith Daulton and respective brands. All rights reserved.</p>
172199
<nav>
173-
<a href="404.html">get lost</a>
200+
<a href="/get-lost.html">get lost</a>
174201
<a href="#top"><d-icon-library icon="arrow-up"></d-icon-library><span class="o-sr-only">Back to top</span></a>
175202
</nav>
176203
</div>
Lines changed: 1 addition & 16 deletions
Loading
3.61 KB
Loading
3.6 KB
Loading
204 KB
Loading
27.1 KB
Loading

0 commit comments

Comments
 (0)