-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (120 loc) · 7.34 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
<!doctype html>
<html lang="sv">
<head>
<meta charset="utf-8">
<title>Färgblindhet - den missförstådda oförmågan att se rätt färg</title>
<meta name="description" content="Färgblindhet - den missförstådda oförmågan att se rätt färg">
<meta name="author" content="Christian Söderberg">
<link href="https://fonts.googleapis.com/css?family=Rubik:400,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/main_style.css">
<link rel="icon" type="image/png" sizes="32x32"
href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfjBQYNBzmpE568AAACbklEQVRIx7XVXWgVZBgH8N/ZOWfOWfMD8wPFNDeRJkZYpIUGohcKXviJ1oWIICiBQp8UIZIXrZJACb3wSiMYiAiiiOKNkaTCsIsS55oEOnUqizZnZzvHx4sdl+fozj7S57l73v///379n/flOUdCojSgrB+BJZb8n/nHO++c8UMX+NQDOR8NlV6rWQhNZg6FnrJX5HO35OAFFmkT7vpHuOPdwdKrHBeyPrRHCIeNGJzARhnhZ2PM9Kdw37rB0Ke4KNyzEnwsJxyUHig94Ssh1BsOJjhqt+kDn/8N14Vb3u6tjJaWNNu4gdArHBTCrgKbT/edW+r6tT6W6hCuqOmtjLXNZSHcNK9/gYXahD+8DCqt8otsr6XqVZY+vgpp+4SwQ8o7DukUwm0/OC10WlNKYJJ9pnpVs9CiXqsQ7jtivoT5bgtnS3Xn50KdhM88yC8554L38i5M+l7I+aQv+ixXhZvmesmvQvjLFyY+hpjhstCs9mn0R3sPh1RY64b9Zj3xoG2VFfZKPSnQ0309e37fMLOVe8HrygtQY50R2iwuplc5JmRdknHHZjDHYdcsLEIu1yEcN7KwvEFG+N1c2y2QlMCXQjjqxQJkhZ+ELhsfL07WIHTbouchf1Odaq+4JPxrfdEa3nJD+C1vNbBdCKeMBiu0CHuU+UBWaDC5yG47hbBTgiRe862RMr7RpEqlGVZLq3beSfNMNcEw3WpU53OaSguUq3FGC+X2C6HbVY0aNWrWLYRjRlimXcjJFGRX/r5+NJzV/u5tlcLssknagT5GQ2i3PmWiE+KpzkwaJedrrUVe+C/KpBIlv8/oQ/pZxkOD8fsESI13YQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOS0wNS0wNlQxMzowNzo1NyswMjowMFxel/EAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTktMDUtMDZUMTM6MDc6NTcrMDI6MDAtAy9NAAAAV3pUWHRSYXcgcHJvZmlsZSB0eXBlIGlwdGMAAHic4/IMCHFWKCjKT8vMSeVSAAMjCy5jCxMjE0uTFAMTIESANMNkAyOzVCDL2NTIxMzEHMQHy4BIoEouAOoXEXTyQjWVAAAAAElFTkSuQmCC">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="js/libs/jquery.fullPage.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
</head>
<body>
<div id="fullpage">
<section id="one" class="section one">
<img class="logo" src="img/logo.svg" transform="scale(0.1)">
<a href="#second" class="scroll">
<svg class="arrow" viewBox="0 0 24 24">
<circle style="fill:#FFFFFF;" cx="12" cy="12" r="12" />
<path style="fill:#28451A;" d="M18.483244,9.184036l-1.241089-1.241089c-0.215012-0.214996-0.563599-0.214996-0.778595,0
l-4.074265,4.074265c-0.214996,0.214996-0.563599,0.214996-0.778595,0L7.536436,7.942947
c-0.214996-0.214996-0.563583-0.214996-0.778595,0L5.516768,9.184006c-0.214996,0.214996-0.215012,0.563568-0.000015,0.77858
l6.093933,6.094467c0.215012,0.214996,0.563599,0.214996,0.77861,0l6.093948-6.094467
c0.214996-0.215012,0.214996-0.563553-0.000031-0.778549H18.483244z" />
</svg>
</a>
</section>
<section id="two" class="section two">
<div class="half black">
<div class="content">
<p class="quote">"Jaså, du är färgblind. Ser du allt i svartvitt då?</p>
<p class="quote">Kan du se vad jag har för färg på tröjan?"</p>
</div>
</div>
<div class="half white">
<div class="content">
<p>Som "färgblind" är jag tyvärr alltför bekant med att behöva svara på de här frågorna. Som mycket annat
handlar det om okunnighet och missuppfattningar, vilka jag med den här hemsidan vill försöka reda ut.</p>
<p>Visserligen finns det en mikroskopisk del människor som helt saknar förmåga att se färg, men vi som kallas
färgblinda är över 450 miljoner människor och vi ser faktiskt färg. Med en eller annan defekt. Och vi är
rätt trötta på den här missuppfattningen.</p>
</div>
</div>
</section>
<section id="three" class="section three">
<div class="half green">
<div class="content">
<h3>Vad beror det på?</h3>
<p>8% av alla män och endast 1% av alla kvinnor har någon form av defekt färgseende. Den allra vanligaste
formen av färgblindhet är deuteranomali, dvs röd-grön färgblindhet.</p>
<p>Eftersom genen finns i X-kromosomen betyder detta att anlag för färgblindhet överförs från mammor. Eftersom
genen inte är dominant, så räcker det med att ha en fungerande X-kromosom för att undvika färgblindhet, även
om man bär på anlaget. Det är därför som färgblindhet är mycket vanligare hos män än hos kvinnor, då de
flesta kvinnor med anlag har en fungerande X-kromosom utöver den skadade. Män har däremot endast en
X-kromosom, och om den har anlag för färgblindhet blir man per automatik färgblind.</p>
</div>
</div>
<div class="half red">
<div class="content">
<h3>Hur ögat fungerar</h3>
<p>Färgblindhet, eller defekt färgseende som det mer korrekt heter, finns i ett antal varierande former.
Den absolut vanligaste defekten på färgseendet är röd-grön färgblindhet.</p>
<p>Röd-grön färgblindhet är ärfligt och beror att en gen i X-kromosomen skadar de typer av tappar i ögat som
är känsliga för rött och grönt ljus. Denna skada gör att en färgblind inte kan eller i varierande grad har
svårt att skilja på gröna och röda nyanser.</p>
</div>
<p class="hardtosee">Det här kan röd-grönfärgblinda ha svårt att urskilja.</p>
</div>
</section>
<section id="four" class="section four">
<div class="half">
<div class="content">
<h2>Testa dig själv!</h2>
<p>Det här är en pseudoisokromatisk tavla från Ishiharatestet. Ishiharatestet gör man för att ta reda på om
man är färgblind och i så fall vilken typ av defekt på färgseendet som man har. Testet går ut på att titta
på ett antal olika bilder och urskilja mönstret (vanligtvis ett nummer) bland färgerna i den mosaikliknande
bilden.</p>
<p>Kombinationer av de kritiska färgerna för varje typ av färgblindhet gör att den färgblinde inte kan uttyda
mönstret, eller ser ett annat mönster än vad normalseende personer ser.</p>
<p>I exemplet här bredvid kan du testa hur en person med röd-grön färgblindhet upplever mönstret.</p>
</div>
</div>
<div class="half">
<div class="test">
<div class="circle">
<img class="bottom" src="img/ishihara74.svg">
<img class="middle" src="img/ishihara21.svg">
<img class="top" src="img/ishihara.svg">
</div>
<div class="buttons">
<button class="button left">Normalseende</button>
<button class="button right">Färgblind</button>
</div>
</div>
</div>
</section>
<section id="five" class="section five">
<div class="content">
<h1>Vad kul att du hittade hit!</h1>
<h4>Har du lärt dig något nytt? Eller vill du bara att fler borde lära sig det här?</h4>
<div class="share">
<h3>Sprid ordet!</h3>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://fargblind.christiansoderberg.se/"><i
class="flaticon-facebook"></i></a>
<a
href="https://twitter.com/home?status=Jag%20har%20precis%20l%C3%A4rt%20mig%20lite%20mer%20om%20f%C3%A4rgblindhet.%20Bes%C3%B6k%20https://fargblind.christiansoderberg.se/"><i
class="flaticon-twitter"></i></a>
</div>
</div>
</section>
</div>
<script src="js/global.js"></script>
</body>
</html>