-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
152 lines (139 loc) · 4.87 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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE HTML>
<html>
<head>
<title>Ethics and Gender Issues</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body>
<!-- Header -->
<header id="header" class="alt">
<div class="logo"><a href="index.html">AI und Gender<span></span></a></div>
<a href="#menu">Menu</a>
</header>
<!-- Nav -->
<nav id="menu" style="width: auto;">
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="ai-strategy.html">AI-Strategie der EU und Gender Bias</a></li>
<li><a href="sexist-ai.html">Sexistische und rassistische AI </a></li>
<li><a href="gender-ai.html">Warum Sind Alex und Siri weiblich?</a></li>
<li><a href="more.html">More...</a></li>
</ul>
</nav>
<!-- Banner -->
<section class="banner full">
<article>
<img src="images/slide01.jpg" alt="" />
<div class="inner">
<header>
<h2>AI-Strategie der EU</h2>
</header>
</div>
</article>
<article>
<img src="images/slide02.jpg" alt="" />
<div class="inner">
<header>
<h2>Gender und AI</h2>
</header>
</div>
</article>
<article>
<img src="images/slide03.jpg" alt="" />
<div class="inner">
<header>
<h2> Alexa und Siri
</h2>
</header>
</div>
</article>
</section>
<!-- One -->
<section id="one" class="wrapper card-main style2">
<div class="inner">
<div class="grid-style">
<div>
<div class="box">
<div class="image fit">
<img src="images/pic01.jpg" alt="" />
</div>
<div class="content">
<header class="align-center">
<h2>AI-Strategie der EU und Gender Bias</h2>
</header>
<p > Vielfach finden sich in der populären Fachpresse Fragen wie „Ist Künstliche Intelligenz frauenfeindlich?“ oder „Männer entwickeln Dinge, die für Männer gut sind“. In der Tat können – wie auch die EU-Kommission in ihrer ...</p>
<footer class="align-center">
<a href="ai-strategy.html" class="button alt">Learn More</a>
</footer>
</div>
</div>
</div>
<div>
<div class="box">
<div class="image fit">
<img src="images/pic02.jpg" alt="" />
</div>
<div class="content">
<header class="align-center">
<h2>Sexistische und rassistische AI</h2>
</header>
<p> Mehrfach hat man in Medien bereits davon gelesen, dass die AI in manchen Fällen sexistisch handelt. Doch woran liegt das? Im Jahr 2016 hatte Microsoft versucht einen Chatbot auf dem Kurznachrichtendienst...</p>
<footer class="align-center">
<a href="sexist-ai.html" class="button alt">Learn More</a>
</footer>
</div>
</div>
</div>
<div>
<div class="box">
<div class="image fit">
<img src="images/pic03.jpg" alt="" />
</div>
<div class="content">
<header class="align-center">
<h2>Warum Sind Alex und Siri weiblich?</h2>
</header>
<p>
Mann solde sich vieleicht erst einamal ansehn was AI Systeme wie Siri und Alexa eigentlich für uns sind. Die meisten Artikel gehen intuitiv vom vergleich "Sekretärin" aus was vermutlich schon eher daran liegt dass ...
</p>
<footer class="align-center">
<a href="gender-ai.html" class="button alt">Learn More</a>
</footer>
</div>
</div>
</div>
<div>
<div class="box">
<div class="image fit">
<img src="images/pic04.jpg" alt="" />
</div>
<div class="content">
<header class="align-center">
<h2>More...</h2>
</header>
<p> Cras aliquet urna ut sapien tincidunt, quis malesuada elit facilisis. Vestibulum sit amet tortor velit. Nam elementum nibh a libero pharetra elementum. Maecenas feugiat ex purus, quis volutpat lacus placerat malesuada...</p>
<footer class="align-center">
<a href="more.html" class="button alt">Learn More</a>
</footer>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="copyright">
<p style="margin-left: 80%;font-size: .8em;">Design: <a style="margin-left: 2%" href="http://templated.co">TEMPLATED</a></p>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>