Skip to content

Commit b96f713

Browse files
AdamJAdamJ
committed
Fix accesslint issues b59696f 
1 parent 6802cc5 commit b96f713

File tree

58 files changed

+6724
-10553
lines changed

Some content is hidden

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

58 files changed

+6724
-10553
lines changed

‎404.html‎

Lines changed: 77 additions & 110 deletions
Original file line numberDiff line numberDiff line change
@@ -20,22 +20,11 @@
2020
<link rel="icon" type="image/png" size="72x72" href="/favicon.png">
2121
<link rel="manifest" href="/site.webmanifest">
2222
<meta name="theme-color" content="#333333">
23-
<style>
24-
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&family=PT+Sans&family=Work+Sans&display=swap');
25-
</style>
26-
<link
27-
rel="stylesheet"
28-
media="(prefers-color-scheme:light)"
29-
href="https://cdn.jsdelivr.net/npm/@shoelace-style/[email protected]/cdn/themes/light.css"
30-
/>
31-
<link
32-
rel="stylesheet"
33-
media="(prefers-color-scheme:dark)"
34-
href="https://cdn.jsdelivr.net/npm/@shoelace-style/[email protected]/cdn/themes/dark.css"
35-
onload="document.documentElement.classList.add('sl-theme-dark');"
36-
/>
37-
<script type="module" src="https://cdn.jsdelivr.net/npm/@shoelace-style/[email protected]/cdn/shoelace.js" ></script>
38-
<link href="/css/style.css" rel="stylesheet" />
23+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn/beer.min.css" rel="stylesheet">
24+
<script type="module" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn/beer.min.js"></script>
25+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@shoelace-style/[email protected]/cdn/themes/light.css" />
26+
<script type="module" src="https://cdn.jsdelivr.net/npm/@shoelace-style/[email protected]/cdn/shoelace-autoloader.js"></script>
27+
<link type="text/css" href="/css/style.css" rel="stylesheet" />
3928
<meta
4029
name="og:title"
4130
content="Adam Jolicoeur"
@@ -54,102 +43,78 @@
5443
/>
5544
</head>
5645
<body>
57-
<container>
58-
<div class="nav">
59-
<input type="checkbox" id="check" name="navigationCheckbox" aria-label="menu checkbox" />
60-
<label for="check" class="menu">
61-
<svg
62-
xmlns="http://www.w3.org/2000/svg"
63-
width="30"
64-
height="30"
65-
fill="currentColor"
66-
class="bi bi-list"
67-
viewBox="0 0 16 16"
68-
>
69-
<path
70-
fill-rule="evenodd"
71-
d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"
72-
/>
73-
</svg>
74-
</label>
75-
<a href="/">
76-
<div class="logo">
77-
<svg width="32" height="32" viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg">
78-
<path d="M91.29 89.4546L96.1838 82.1483L101.709 89.4546H91.29Z" fill="#ffffff" stroke="#ffffff" stroke-width="4"/>
79-
<path d="M45.8939 89.1937L95.7557 13L145.915 89.1937C145.915 91.2812 143.385 95.3857 139.813 98.3266C136.804 100.804 134.693 101.892 130.882 103.284C126.925 104.73 124.184 105.372 120.166 105.372H56.4616L23.5677 156.124H13L50.8057 97.8047H91.2905H115.849C125.375 97.8047 130.882 92.1945 130.882 92.1945C130.882 92.1945 134.743 89.1937 130.882 83.4531C119.124 65.9703 95.7557 29.0477 95.7557 29.0477L56.4616 89.1937H45.8939Z" fill="#ffffff" stroke="#ffffff" stroke-width="4"/>
80-
<path d="M64.7966 112.548H105.281H136.24C145.766 112.548 151.72 108.895 154.548 107.068C158.239 104.684 161.99 99.1094 161.99 99.1094H173.004C173.004 100.414 168.224 106.618 163.627 110.199C152.911 118.549 144.575 120.115 140.557 120.115H70.4526L46.4891 156.255H35.9214L64.7966 112.548Z" fill="#ffffff"/>
81-
<path d="M157.674 89.7157L127.905 45.6172H138.324L168.39 89.7157H157.674Z" fill="#ffffff"/>
82-
<path d="M64.7966 112.548H105.281H136.24C145.766 112.548 151.72 108.895 154.548 107.068C158.239 104.684 161.99 99.1094 161.99 99.1094H173.004C173.004 100.414 168.224 106.618 163.627 110.199C152.911 118.549 144.575 120.115 140.557 120.115H70.4526L46.4891 156.255H35.9214L64.7966 112.548Z" stroke="#ffffff" stroke-width="4"/>
83-
<path d="M157.674 89.7157L127.905 45.6172H138.324L168.39 89.7157H157.674Z" stroke="#ffffff" stroke-width="4"/>
84-
<path d="M34.1356 89.7157L63.9038 45.6172H53.4849L23.419 89.7157H34.1356Z" fill="#ffffff" stroke="#ffffff" stroke-width="4"/>
85-
<path d="M146.362 156.516L127.608 128.595H138.027L156.781 156.516H146.362Z" fill="#ffffff" stroke="#ffffff" stroke-width="4"/>
86-
<path d="M30.4144 116.331L18.0605 98.8485H28.4794L35.6238 109.025L30.4144 116.331Z" fill="#ffffff" stroke="#ffffff" stroke-width="4"/>
87-
<path d="M169.581 156.377L149.19 126.899L157.525 123.768L180 156.377H169.581Z" fill="#ffffff" stroke="#ffffff" stroke-width="4"/>
88-
<path d="M77.8945 136.554L72.6851 144.121L96.3508 180L122.525 140.598L117.04 132.118L96.3508 164.474L77.8945 136.554Z" fill="#ffffff" stroke="#ffffff" stroke-width="4"/>
89-
<path d="M80.4247 87.4976H70.0059L95.6066 48.4874L117.04 80.9496C118.082 82.9312 119.868 84.6273 116.593 87.4976C113.319 90.3679 112.128 89.0632 111.086 87.4976L95.6066 64.4046L80.4247 87.4976Z" fill="#ffffff" stroke="#ffffff" stroke-width="4"/>
90-
<path d="M108.556 128.204H92.6351L87.7183 135.51H103.45L108.556 128.204Z" fill="#ffffff" stroke="#ffffff" stroke-width="4"/>
91-
</svg>
92-
</div>
93-
</a>
94-
<div class="nav-items">
95-
<ul class="overview">
96-
<li>
97-
<a href="/about" class="nav-link" alt="Link to my About page">
98-
About
99-
</a>
100-
</li>
101-
<li>
102-
<a href="/designs" class="nav-link" alt="Link to my Designs examples">
103-
Designs
104-
</a>
105-
</li>
106-
<li>
107-
<a href="/development" class="nav-link" alt="Link to my Development examples">
108-
Development
109-
</a>
110-
</li>
111-
</ul>
112-
<ul class="account">
113-
<li>
114-
<a href="/testimonials" class="nav-link" alt="Link to testimonials for former coworkers">
115-
Testimonials
116-
</a>
117-
</li>
118-
<li>
119-
<a href="/connect" class="nav-link" alt="Connect with my through my social channels">
120-
Connect
121-
</a>
122-
</li>
123-
</ul>
124-
</div>
125-
</div>
126-
</container>
127-
<main class="content">
128-
<div style="display: flex; flex-direction: column; align-items: center;">
129-
<div style="margin: 24px 0;">
130-
<img src="/img/404_outdoors.svg" alt="Lost in the mountains" height="400" width="400" loading="lazy">
46+
<nav id="nav" class="l max top">
47+
<header>
48+
<nav>
49+
<a href="/" alt="Link to home">
50+
<span class="display-none">Link to home</span>
51+
<img src="/img/Jolicoeur_iOS.png" class="circle" alt="Site logo" />
52+
</a>
53+
</nav>
54+
</header>
55+
<div class="max"></div>
56+
<a href="/about" class="active secondary" alt="Link to my About page">
57+
<i>info</i>
58+
<span>About</span>
59+
</a>
60+
<a href="/designs" class="active secondary" alt="Link to my Design examples">
61+
<i>palette</i>
62+
<span>Designs</span>
63+
</a>
64+
<a href="/development" class="active secondary" alt="Link to my Development examples">
65+
<i>code</i>
66+
<span>Code</span>
67+
</a>
68+
<div class="medium-space"></div>
69+
<button class="fill circle" color-theme-toggle aria-label="Change theme">
70+
<i>light_mode</i>
71+
</button>
72+
</nav>
73+
<nav class="bottom s m max">
74+
<header>
75+
<nav>
76+
<a href="/" alt="Link to home">
77+
<img src="/img/Jolicoeur_iOS.png" class="circle" alt="Site logo" />
78+
</a>
79+
</nav>
80+
</header>
81+
<div class="max"></div>
82+
<a href="/about" class="active secondary" alt="Link to my About page">
83+
<i>info</i>
84+
<span>About</span>
85+
</a>
86+
<a href="/designs" class="active secondary" alt="Link to my Design examples">
87+
<i>palette</i>
88+
<span>Designs</span>
89+
</a>
90+
<a href="/development" class="active secondary" alt="Link to my Development examples">
91+
<i>code</i>
92+
<span>Code</span>
93+
</a>
94+
<div class="max"></div>
95+
<button class="fill circle" color-theme-toggle aria-label="Change theme">
96+
<i>light_mode</i>
97+
</button>
98+
</nav>
99+
100+
<main>
101+
<article class="absolute fill center middle">
102+
<div>
103+
<img src="/img/404_outdoors.svg" alt="Lost in the mountains" class="responsive" loading="lazy" />
104+
<h5 class="center-align">Looks like you lost your way...</h5>
105+
<p class="center-align">Go back to the home page by clicking the button below.</p>
106+
<div class="space"></div>
107+
<nav class="center-align">
108+
<a href="/" alt="Link to go back to the home page">
109+
<button class="responsive round large small-elevate primary">
110+
<i>home</i>
111+
<span>Go home</span>
112+
</button>
113+
</a>
114+
</nav>
131115
</div>
132-
<h1>Looks like you lost your way...</h1>
133-
<p>Go back to the home page by clicking the button below.</p>
134-
<sl-button variant="primary" size="large" href="/">Take me home</sl-button>
135-
</div>
116+
</article>
136117
</main>
137-
<sl-include src="/footer"></sl-include>
138-
<script>
139-
const include = document.querySelector('sl-include');
140-
141-
include.addEventListener('sl-load', event => {
142-
if (event.eventPhase === Event.AT_TARGET) {
143-
console.log('Success');
144-
}
145-
});
146-
147-
include.addEventListener('sl-error', event => {
148-
if (event.eventPhase === Event.AT_TARGET) {
149-
console.log('Error', event.detail.status);
150-
}
151-
});
152-
</script>
153118
<script>
154119
if ('serviceWorker' in navigator) {
155120
window.onload = () => {
@@ -159,5 +124,7 @@ <h1>Looks like you lost your way...</h1>
159124
}
160125
}
161126
</script>
127+
<script src="https://kit.fontawesome.com/0ea2a7621c.js" crossorigin="anonymous"></script>
128+
<script type="application/javascript" src="/js/jolicoeur.js"></script>
162129
</body>
163130
</html>

‎CNAME‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
www.adamjolicoeur.com

0 commit comments

Comments
 (0)