-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
91 lines (91 loc) · 5.03 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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="The Responsible IT lectureship works on methods and techniques for developers, designers, product owners and users, so
that from their roles they can contribute to digital products that are reliable, safe, fair and have people's trust."
/>
<link rel="stylesheet" href="./css/style.css" />
<script async src="./js/loadPreferences.js"></script>
<title>Responsible IT</title>
</head>
<body>
<a href="#main" class="skip-to-content-link">Skip to main content</a>
<header class="main-header">
<div class="header-container width-container">
<a class="header-logo-link" href="./index.html"
><img class="header-logo" src="./img/logo.svg" alt="Hogeschool van Amsterdam logo"
/></a>
<button class="nav-button menu-button" aria-label="open or close main navigation">Menu</button>
<nav class="header-nav">
<ul>
<li class="header-nav-item"><a class="header-nav-link" href="./pages/components.html">Components</a></li>
<li class="header-nav-item"><a class="header-nav-link" href="./pages/test-pages.html">Articles</a></li>
<li class="header-nav-item">
<button class="menu-button accessibility-button" aria-label="open or close accessibility controls menu">
Accessibility Controls
</button>
<menu class="accessibility-dropdown">
<li>
<button class="accessibility-toggle">Increase font <span aria-hidden="true">+</span></button>
</li>
<li>
<button class="accessibility-toggle">Decrease font<span aria-hidden="true">-</span></button>
</li>
<li>
<button class="accessibility-toggle">
Dark theme<span class="accessibility-toggle-checkbox" aria-hidden="true"></span>
</button>
</li>
<li>
<button class="accessibility-toggle">
Grayscale<span class="accessibility-toggle-checkbox" aria-hidden="true"></span>
</button>
</li>
<li>
<button class="accessibility-toggle">
High contrast<span class="accessibility-toggle-checkbox" aria-hidden="true"></span>
</button>
</li>
<li class="dropdown-item">
<button class="accessibility-toggle">
Hide artwork<span class="accessibility-toggle-checkbox" aria-hidden="true"></span>
</button>
</li>
<li class="dropdown-item">
<button class="accessibility-toggle">
Reduce Motion<span class="accessibility-toggle-checkbox" aria-hidden="true"></span>
</button>
</li>
</menu>
</li>
</ul>
</nav>
</div>
</header>
<div class="hero-big">
<img class="hero-img" src="./img/hero-img/art.jpeg" alt="AI generated art" />
<div class="hero-content column-middle width-container">
<h1 class="heading-xl">Responsible IT</h1>
<p>
The Responsible IT lectureship works on methods and techniques for developers, designers, product owners and users, so
that from their roles they can contribute to digital products that are reliable, safe, fair and have people's trust.
</p>
</div>
</div>
<div class="width-container">
<main id="main"></main>
</div>
<footer class="main-footer">
<div class="footer-container width-container">
<span class="text-small">© Copyright 2022 Responsible IT - Hogeschool van Amsterdam</span>
<img class="footer-image" src="./img/hva-footer.svg" alt="Creating Tomorrow" />
</div>
</footer>
<script src="./js/main.js"></script>
</body>
</html>