-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
68 lines (63 loc) · 3.18 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>a11y.rocks</title>
<style>
body {
background-color: #222;
color: #FFF;
margin: 0;
padding: 0;
font-family: BlinkMacSystemFont, -apple-system, Roboto, 'Helvetica Neue', Helvetica, sans-serif;
}
.main-content {
display: flex;
height: 100vh;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
padding: 0 30px;
}
h1 a {
font-size: 40px;
text-decoration: none;
color: #ffeb00;
}
p {
text-transform: uppercase;
margin-top: 0;
}
.twitter {
display: inline-block;
width: 30px;
height: 30px;
margin-top: 30px;
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
</style>
</head>
<body>
<main class="main-content">
<h1>
<a href="https://github.com/a11yrocks" target="_blank" rel="noopener noreferrer">
a11y.rocks
</a>
</h1>
<p>Web must be a hospitable place for everyone</p>
<a class="twitter" href="https://twitter.com/a11yrocks" target="_blank" rel="noopener noreferrer">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" viewBox="0 0 100 100" version="1.1" x="0px" y="0px"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><path d="M34.4060938,85.5994107 C66.9551562,84.7884615 84.7301562,57.708902 84.7301562,34.1774194 C84.7301562,33.3929901 84.7132812,32.6127481 84.678125,31.8380893 C88.2359375,29.2893921 91.3254687,26.1042184 93.7667187,22.4793734 C90.5,23.9170285 86.99,24.8884926 83.305625,25.3253722 C87.0659375,23.0879342 89.954375,19.5454404 91.3142187,15.323201 C87.794375,17.3945409 83.89625,18.8991935 79.7478125,19.7101427 C76.4234375,16.1969603 71.69,14 66.4517187,14 C56.3914062,14 48.2351563,22.0955335 48.2351563,32.0809553 C48.2351563,33.4976737 48.396875,34.876706 48.7076562,36.1999069 C33.5679687,35.4461849 20.1467188,28.248139 11.1621875,17.310794 C9.59421875,19.9809243 8.695625,23.0865385 8.695625,26.4001241 C8.695625,32.671371 11.9117188,38.2056452 16.7998438,41.4480459 C13.8129688,41.3545285 11.0046875,40.5407878 8.54796875,39.1868797 C8.5465625,39.2622519 8.5465625,39.3390199 8.5465625,39.4143921 C8.5465625,48.1743176 14.8254688,55.4812345 23.1589063,57.1422146 C21.6303125,57.555366 20.0215625,57.7772953 18.359375,57.7772953 C17.1865625,57.7772953 16.0446875,57.6628412 14.9323438,57.4520782 C17.25125,64.6347705 23.9773437,69.8619727 31.949375,70.0085298 C25.7140625,74.8574752 17.8601563,77.748139 9.32703125,77.748139 C7.863125,77.748139 6.41890625,77.6629963 5,77.4968983 L5,77.5066687 C12.7779688,82.4519231 21.965,85.3998139 31.8382813,85.5994107 L34.4060938,85.5994107" fill="#FFFFFF" sketch:type="MSShapeGroup"></path></g></svg>
<span class="visually-hidden">Follow us on Twitter</span>
</a>
</main>
</body>
</html>