forked from LeftValues/leftvalues.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
88 lines (81 loc) · 7.61 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
<!DOCTYPE html>
<html>
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<title>FemScale - Online Feminist Test</title>
<meta name="description" content="Free online tool for measuring your attitudes towards feminist perspecitives!">
<meta name="keyword" content="feminism test, feminist, FPS-2, feminist perspective scale">
<meta property="og:site_name" content="Feminist Perspective Scale Online">
<meta property="og:title" content="FemScale - Online Feminist Test">
<meta property="og:description" content="Free online tool for measuring your attitudes towards feminist perspecitives!">
<meta property="og:type" content="website">
<meta property="og:url" content="https://femscale.github.io/index.html">
<meta property="og:image" content="https://femscale.github.io/favicon/icon-512x512.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="https://femscale.github.io/index.html">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
<link href='reset.css' rel='stylesheet' type='text/css'>
<link href='style.css' rel='stylesheet' type='text/css'>
<link rel="icon" type="image/png" href="favicon/icon-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="favicon/icon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="favicon/icon-192x192.png">
<link rel="apple-touch-icon" type="image/png" href="favicon/apple-touch-icon-180x180.png">
</head>
<body>
<!--GitHub Corner-->
<a href="https://github.com/femscale/femscale.github.io" class="github-corner" aria-label="View source on Github">
<svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
<h1 class="top">FemScale</h1>
<select id="langPicker"></select>
<hr>
<button data-i18n="index_b_start" class="button start" onclick="location.href='instructions.html';">Click here to start!</button>
<img src="womensmarch_voa.jpg" class="center" alt="Photo of Women's March in Washington, 2017. Credit: B. Allen. VOA" />
<div class="index_wrapper">
<div class="section-wrapper">
<h2 data-i18n="index_h2_whatis">What is FemScale?</h2>
<div class="text-wrapper">
<p data-i18n="index_p_whatis"><a href='https://femscale.github.io/'>FemScale</a> is an online quiz designed to measure and analyse your attitudes towards women. This project aims to educate those who are interested in feminism. femscale is based on FPS-2 by <a href="https://doi.org/10.1111/j.1471-6402.1998.tb00158.x">Henley et al. (1998)</a>, with inspiration from <a href='https://8values.github.io/'>8values</a>, <a href='https://leftvalues.github.io/'>LeftValues</a> and <a href='https://rightvaluestest.github.io'>RightValues</a>. You will be presented with a statement, and then you will answer how much you agree with it. Questions will be presented in random order. Answer honestly! There are <b><u><span id='numOfQuestions'></span></u></b> questions (it will take you around 10 minutes to answer them all). <b>We do not collect your data!</b></p>
</div>
</div>
<div class="section-wrapper">
<h2 data-i18n="index_h2_perspectives">The six perspectives</h2>
<div class="text-wrapper">
<p data-i18n="index_p_perspectives"><a href='results.html?a=100.00&b=100.00&c=100.00&d=100.00&e=100.00&f=100.00'>Here is an example of the result!</a><br/>Your answers will be analysed based on the following six perspectives: <b>Conservativism</b>; <b>Liberal</b>, <b>Radical</b>, <b>Socialist</b>, and <b>Cultural Feminism</b>; and <b>Womanism</b>. You will also get a FemScore, which indicates how much of a feminist you are. See <a href='additional_info.html'>Additional Info</a> for more information.</p>
</div>
</div>
</div>
<div class="index_wrapper">
<div class="section-wrapper">
<h2 data-i18n="index_h2_notice">Notice</h2>
<div class="text-wrapper">
<p><span data-i18n="notice_important">All questions are copyrighted by Henley (1989, 1997). <b>We are not affiliated, associated, authorized, endorsed by, or in any way officially connected with the copyright holder</b>. We use this Scale solely to educate those who are interested in feminism and its values.<br/><br/>The following notice is by Henley, the original creator of FPS-2:</span><span data-i18n="notice_before"></p>
<p data-i18n="notice_quote" class="quote">
"The Feminist Perspectives Scale, Copyright 1989, 1997 by Nancy M. Henley. Permission is given for its use, or use of any part of it, without charge, for research and educational purposes only. This scale is expressly not to be used for personnel screening (business, military, academic, or any other type). Anyone with knowledge of its use for such screening is urged to contact N. M. Henley, Psychology Department, UCLA, Los Angeles, CA 90024-1563, giving date, user, and any other pertinent information known. This notice must appear on all copies of the scale reproduced."</p>
</div>
</div>
</div>
<div class="index_wrapper">
<div class="section-wrapper">
<h2 data-i18n="index_h2_info">For more information:</h2>
<div class="text-wrapper">
<p data-i18n="index_p_info">Please read our <a href='additional_info.html'>Additional Info</a> page for information on licences, full credits etc.</p>
</div>
</div>
</div>
<HR>
<button data-i18n="index_b_start" class="button start" onclick="location.href='instructions.html';">Click here to start!</button>
<!-- This is the script for the page itself -->
<script type="application/javascript" src="questions.js"></script>
<script type="application/javascript" src="i18n.js"></script>
<script type="text/javascript">
loadTranslation().then(() => {
document.getElementById("numOfQuestions").innerHTML = Object.size(questions)
})
</script>
</body>
</html>