Skip to content

Commit b66ae57

Browse files
mxmasonmxmason
committed
Chore: update demo
1 parent 3da6050 commit b66ae57

File tree

24 files changed

+871
-177
lines changed

24 files changed

+871
-177
lines changed

‎demo/404.html

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,9 @@
1212
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
1313
<link rel="icon" type="image/png" href="/img/favicon-32x32.png" sizes="32x32">
1414
<link rel="icon" type="image/png" href="/img/favicon-16x16.png" sizes="16x16">
15+
<link rel="preconnect" href="https://fonts.googleapis.com">
16+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
17+
<link href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,400;1,400;1,700&display=swap" rel="stylesheet">
1518
</head>
1619
<body>
1720
<header>
@@ -20,7 +23,7 @@ <h1 class="home"><a href="/">netlify-plugin-a11y</a></h1>
2023
<ul class="nav">
2124
<li class="nav-item"><a href="/">Home</a></li>
2225
<li class="nav-item"><a href="/posts/">Archive</a></li>
23-
<li class="nav-item"><a href="/contact-me/">Contact me</a></li>
26+
<li class="nav-item"><a href="/a11y-errors-page/">A page with some errors</a></li>
2427
</ul>
2528
</div>
2629
</header>
@@ -33,7 +36,7 @@ <h1 class="home"><a href="/">netlify-plugin-a11y</a></h1>
3336

3437

3538
<h1 id="content-not-found." tabindex="-1">Content not found. <a class="direct-link" href="#content-not-found." aria-hidden="true">#</a></h1>
36-
<p>Go <a href="/" style="color:#aaa">home</a>.</p>
39+
<p>Go <a href="/">home</a>.</p>
3740

3841

3942
</main>

‎demo/contact-me/index.html renamed to ‎demo/a11y-errors-page/index.html

Lines changed: 13 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Contact me</title>
6+
<title>A page with some errors</title>
77
<meta name="description" content="A demo site to illustrate the funcionality of netlify-plugin-a11y.">
88
<link rel="stylesheet" href="/css/index.css">
99
<link rel="stylesheet" href="/css/prism-base16-monokai.dark.css">
@@ -12,6 +12,9 @@
1212
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
1313
<link rel="icon" type="image/png" href="/img/favicon-32x32.png" sizes="32x32">
1414
<link rel="icon" type="image/png" href="/img/favicon-16x16.png" sizes="16x16">
15+
<link rel="preconnect" href="https://fonts.googleapis.com">
16+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
17+
<link href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,400;1,400;1,700&display=swap" rel="stylesheet">
1518
</head>
1619
<body>
1720
<header>
@@ -20,7 +23,7 @@ <h1 class="home"><a href="/">netlify-plugin-a11y</a></h1>
2023
<ul class="nav">
2124
<li class="nav-item"><a href="/">Home</a></li>
2225
<li class="nav-item"><a href="/posts/">Archive</a></li>
23-
<li class="nav-item nav-item-active"><a href="/contact-me/">Contact me</a></li>
26+
<li class="nav-item nav-item-active"><a href="/a11y-errors-page/">A page with some errors</a></li>
2427
</ul>
2528
</div>
2629
</header>
@@ -33,18 +36,17 @@ <h1 class="home"><a href="/">netlify-plugin-a11y</a></h1>
3336

3437

3538
<div class="content">
36-
<h1>Contact me</h1>`
39+
<h1>A page with some errors</h1>
3740

38-
<form onsubmit="function(e){e.preventDefault()}">
39-
<label>File your hottest takes here</label>
40-
</br>
41-
<textarea height="auto" rows="10" width="100%" style="width: 100%"></textarea>
42-
</br>
43-
<button type="submit">Submit</button>
44-
</form>
41+
<figure>
42+
<img src="/img/cats-570x720.png" width="570" height="720">
43+
<figcaption>
44+
This image doesn't have an <code>alt</code> attribute.
45+
</figcaption>
46+
</figure>
4547

4648

4749
</main>
48-
<!-- Current page: /contact-me/ -->
50+
<!-- Current page: /a11y-errors-page/ -->
4951
</body>
5052
</html>

‎demo/posts/2018-05-01/index.html renamed to ‎demo/about/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
<head>
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Would you get a load of these cats</title>
7-
<meta name="description" content="This is a post about some cats.">
6+
<title>A page with some errors</title>
7+
<meta name="description" content="A demo site to illustrate the funcionality of netlify-plugin-a11y.">
88
<link rel="stylesheet" href="/css/index.css">
99
<link rel="stylesheet" href="/css/prism-base16-monokai.dark.css">
1010
<link rel="alternate" href="/feed/feed.xml" type="application/atom+xml" title="netlify-plugin-a11y">
@@ -20,7 +20,7 @@ <h1 class="home"><a href="/">netlify-plugin-a11y</a></h1>
2020
<ul class="nav">
2121
<li class="nav-item"><a href="/">Home</a></li>
2222
<li class="nav-item"><a href="/posts/">Archive</a></li>
23-
<li class="nav-item"><a href="/contact-me/">Contact me</a></li>
23+
<li class="nav-item nav-item-active"><a href="/about/">A page with some errors</a></li>
2424
</ul>
2525
</div>
2626
</header>
@@ -33,7 +33,7 @@ <h1 class="home"><a href="/">netlify-plugin-a11y</a></h1>
3333

3434

3535
<div class="content">
36-
<h1>Would you get a load of these cats</h1><time datetime="2018-05-01">01 May 2018</time><a href="/tags/another-tag/" class="post-tag">another tag</a>
36+
<h1>A page with some errors</h1>
3737

3838
<figure>
3939
<img src="/img/cats-570x720.png" width="570" height="720">
@@ -44,6 +44,6 @@ <h1>Would you get a load of these cats</h1><time datetime="2018-05-01">01 May 20
4444

4545

4646
</main>
47-
<!-- Current page: /posts/2018-05-01/ -->
47+
<!-- Current page: /about/ -->
4848
</body>
4949
</html>

‎demo/css/colors.css

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
1+
/**
2+
* Do not edit directly
3+
* Generated on Mon, 12 Apr 2021 08:37:11 GMT
4+
*/
5+
6+
:root {
7+
--color-transparent: rgba(0, 0, 0, 0);
8+
--color-black-default: #0e1e25;
9+
--color-white: #ffffff;
10+
--color-gray-darkest: #2e3c42;
11+
--color-gray-darker: #646e73;
12+
--color-gray-dark: #7e878b;
13+
--color-gray-default: #a4aaad;
14+
--color-gray-light: #eaebec;
15+
--color-gray-lighter: #f5f5f5;
16+
--color-gray-lightest: #f9fafa;
17+
--color-teal-darkest: #0d544e;
18+
--color-teal-darker: #15847b;
19+
--color-teal-default: #00ad9f;
20+
--color-teal-lighter: #00c7b6;
21+
--color-teal-lightest: #c9eeea;
22+
--color-blue-darkest: #0f456c;
23+
--color-blue-darker: #146394;
24+
--color-blue-default: #298fc2;
25+
--color-blue-lighter: #46b6d8;
26+
--color-blue-lightest: #bce4f1;
27+
--color-gold-darkest: #66400f;
28+
--color-gold-darker: #a46819;
29+
--color-gold-default: #cc811e;
30+
--color-gold-lighter: #ffad42;
31+
--color-gold-lightest: #ffe4c2;
32+
--color-red-darkest: #8e0b30;
33+
--color-red-darker: #d32254;
34+
--color-red-default: #f22c64;
35+
--color-red-lighter: #fe7299;
36+
--color-red-lightest: #fed7e2;
37+
--color-purple-darkest: #5f1b51;
38+
--color-purple-darker: #8c1773;
39+
--color-purple-default: #bc6292;
40+
--color-purple-lighter: #db95ba;
41+
--color-purple-lightest: #f2d9e6;
42+
--color-third-party-github: #151413;
43+
--color-third-party-github-dark: #000000;
44+
--color-third-party-gitlab: #e65528;
45+
--color-third-party-gitlab-dark: #c43f17;
46+
--color-third-party-bitbucket: #0047b3;
47+
--color-third-party-bitbucket-dark: #003380;
48+
--color-dark-black-darker: #021117;
49+
--color-dark-black-default: #0e1e25;
50+
--color-dark-gray-darkest: #16262c;
51+
--color-dark-gray-darker: #1b2b32;
52+
--color-dark-gray-dark: #243238;
53+
--color-dark-gray-default: #48565b;
54+
--color-dark-gray-light: #7e878b;
55+
--color-dark-gray-lighter: #a4aaad;
56+
--color-dark-gray-lightest: #eaebec;
57+
--color-dark-teal-darkest: #083532;
58+
--color-dark-teal-darker: #15847b;
59+
--color-dark-teal-default: #00ad9f;
60+
--color-dark-teal-lighter: #00c7b6;
61+
--color-dark-teal-lightest: #5cebdf;
62+
--color-dark-blue-darkest: #092e49;
63+
--color-dark-blue-darker: #155884;
64+
--color-dark-blue-default: #1083bc;
65+
--color-dark-blue-lighter: #1fb3e0;
66+
--color-dark-blue-lightest: #5cc7eb;
67+
--color-dark-gold-darkest: #472d0b;
68+
--color-dark-gold-darker: #855414;
69+
--color-dark-gold-default: #cc811e;
70+
--color-dark-gold-lighter: #ffad42;
71+
--color-dark-gold-lightest: #ffc170;
72+
--color-dark-red-darkest: #4b061a;
73+
--color-dark-red-darker: #8e0b30;
74+
--color-dark-red-default: #d32254;
75+
--color-dark-red-lighter: #fd5383;
76+
--color-dark-red-lightest: #ff7aa0;
77+
--color-dark-purple-darkest: #401236;
78+
--color-dark-purple-darker: #83166b;
79+
--color-dark-purple-default: #bf36a1;
80+
--color-dark-purple-lighter: #e561cb;
81+
--color-dark-purple-lightest: #e58bd1;
82+
--color-dark-third-party-github: #ffffff;
83+
--color-dark-third-party-gitlab: #e65528;
84+
--color-dark-third-party-bitbucket: #0047b3;
85+
}

0 commit comments

Comments
 (0)