Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
diff --git a/README.md b/README.md
index a0b72ca..25a6fe5 100644
--- a/README.md
+++ b/README.md
@@ -2,10 +2,10 @@
SapplyValues is a clone of the Sapply political compass, made to use 8values' UI.
-# Primo SapplyValues
-Primo SapplyValues is a fork of [SapplyValues (SapplyValues/SapplyValues.github.io)](https://github.com/SapplyValues/SapplyValues.github.io).
+# Primo-SapplyValues
+Primo-SapplyValues is a fork of [SapplyValues/SapplyValues.github.io](https://github.com/SapplyValues/SapplyValues.github.io).
# About the Quiz
-SapplyValues is a political quiz to identify your political quadrant on the political compass.
+This quiz is a political quiz to identify your political quadrant on the political compass.
And this is my version of the quiz, more questions, more accurate.
diff --git a/css/Montserrat-300-400-700_Roboto-400-700.css b/css/Montserrat-300-400-700_Roboto-400-700.css
new file mode 100644
index 0000000..fbba83d
--- /dev/null
+++ b/css/Montserrat-300-400-700_Roboto-400-700.css
@@ -0,0 +1,232 @@
+/* cyrillic-ext */
+@font-face {
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 300;
+ src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gTD_u50.woff2) format('woff2');
+ unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 300;
+ src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3g3D_u50.woff2) format('woff2');
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 300;
+ src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gbD_u50.woff2) format('woff2');
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 300;
+ src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gfD_u50.woff2) format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 300;
+ src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gnD_g.woff2) format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 400;
+ src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
+ unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 400;
+ src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 400;
+ src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 400;
+ src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 400;
+ src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 700;
+ src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gTD_u50.woff2) format('woff2');
+ unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 700;
+ src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2) format('woff2');
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 700;
+ src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gbD_u50.woff2) format('woff2');
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 700;
+ src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.woff2) format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 700;
+ src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 400;
+ src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
+ unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 400;
+ src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 400;
+ src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
+ unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 400;
+ src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
+ unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 400;
+ src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 400;
+ src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 400;
+ src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 700;
+ src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
+ unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 700;
+ src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 700;
+ src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
+ unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 700;
+ src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
+ unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 700;
+ src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 700;
+ src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 700;
+ src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
diff --git a/style.css b/css/style.css
similarity index 86%
rename from style.css
rename to css/style.css
index 01fc9e0..32f9e15 100644
--- a/style.css
+++ b/css/style.css
@@ -1,3 +1,8 @@
+* {
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+}
html {
background-color: #bbbbbb;
padding: 0px;
@@ -5,13 +10,17 @@ html {
body {
width: 80%;
min-height: calc(100vh - 4em);
- margin: 0 auto;
+ margin: 3em auto;
padding: 2em;
background-color: #dddddd;
border-color: #eeeeee;
border-left-style: solid;
border-right-style: solid;
- border-width: 20px;
+ border-width: 10px;
+ border-radius: 50px;
+}
+header, footer, app, section, sections {
+ display: block;
}
p {
color: #444444;
@@ -51,9 +60,9 @@ p.question {
h1 {
color: #222222;
font-family: 'Montserrat', sans-serif;
- font-size: 72pt;
+ font-size: 50pt;
text-align: center;
- line-height: 72pt;
+ line-height: 50pt;
margin-top: 0pt;
margin-bottom: 0pt;
}
@@ -142,6 +151,8 @@ img.center {
padding: 8pt;
width: 50%;
min-width: 500pt;
+ /* min-width: 350px;
+ max-width: 100%; */
text-align: center;
text-decoration: none;
display: block;
@@ -210,8 +221,32 @@ span.weight-300 {
margin: 8pt;
margin-left: auto;
margin-right: auto;
- max-width: 50%;
- min-width: 500pt;
+ max-width: 70%;
+ /* min-width: 500pt; */
+ width: 1850px;
+}
+hr {
+ margin: 30px auto;
+}
+h2 {
+ margin: 20px 0;
+}
+header {
+ margin: auto;
+ text-align: center;
+}
+header p {
+ margin-top: 20px;
+}
+.focus_question {
+ border: 5px solid #ccc;
+ padding: 10px 5px;
+ background-color: #eee;
+ border-radius: 10px;
+}
+.focus_question p.question {
+ background-color: #fff;
+ color: #000;
}
@media screen and (orientation:portrait) {
@@ -220,9 +255,9 @@ span.weight-300 {
border-width: 0px !important;
}
- .title {
+ /* .title {
display: none;
- }
+ } */
#svgHeader {
display: block !important;
diff --git a/feedback.html b/feedback.html
deleted file mode 100644
index c6fa63e..0000000
--- a/feedback.html
+++ /dev/null
@@ -1,271 +0,0 @@
-
-
- SapplyValues Feedback
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- SapplyValues
-
-
-
-All done!
-Did you complete this test in a serious (or at least unironic) manner?
-
-
- Yes, but get me to the results!
- Nah, just get me to the results!
- Do the quiz!
-
-Back
-Back
-
-
-
-
diff --git a/compass.png b/img/compass.png
similarity index 100%
rename from compass.png
rename to img/compass.png
diff --git a/icon.png b/img/icon.png
similarity index 100%
rename from icon.png
rename to img/icon.png
diff --git a/index.html b/index.html
index 998164f..a5d4752 100644
--- a/index.html
+++ b/index.html
@@ -1,58 +1,68 @@
+
+
-
-
- SapplyValues
-
-
+
+
+
+
+
-
- SapplyValues
-
-
-
- Click here to start!
-
- What is SapplyValues?
- SapplyValues is a political compass test that combines the questions of the Sapply test * with the UI of 8values . You will be presented by a statement, and then you will answer with your opinion on the statement, from Strongly Agree to Strongly Disagree , with each answer slightly affecting your scores. At the end of the quiz, your answers will be displayed on a political compass.
- * A few questions have been reworded as I feel some of them were poorly written.
- There are questions in the test.
- Why use this version?
- Both the original and the popular clone version have a number of issues and are very poorly coded. For starters, many users run into NaN errors. This happens when using the keyboard to press enter to go to the next page instead of clicking it. This doesn't apply at all to this version.
- Secondly, the original version does not properly generate an image. It puts an overlay on top of a CSS-defined background image, meaning that if you save the image, it just saves the overlay instead of the whole compass. This is fixed in this version.
- Thirdly, this version supports URL parameters, meaning you can easily share the link to your results and if you lose the image, you can find the results page entry with parameters in your history so you don't have to retake the whole test.
- Finally, the 8values / 9Axes UI is far better (in my opinion anyway). It looks nicer and takes less clicks to answer.
- Your questions / results suck!
- You will have to complain to the original Sapply creator. I did not make this test, I simply changed the UI.
- Privacy notice
- At the end of the test, you will be given the option to fill out information about how you describe yourself politcally. There will be 3 options. The first will take you to a small survey and will record your answers to that along with the results. The second will just record your results. The third will not record anything. All information recorded is totally anonymous, and is being used for a research project by the creator of AltValues .
- Legal notice
- Copyright (C) 2017-2019 8values
- Copyright (C) 2020-2021 SapplyValues
- 8values, 9axes, and SapplyValues are licensed under the Expat/MIT license. You can find a copy of the license here or on the GitHub repo .
-
-
-
+
+
+
+
\ No newline at end of file
diff --git a/instructions.html b/instructions.html
deleted file mode 100644
index 426816d..0000000
--- a/instructions.html
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
-
- SapplyValues Quiz
-
-
-
-
-
-
- SapplyValues
-
-
- Instructions
- You will be presented with a series of statements. For each one, click the button with your opinion on it.
- Proceed (Shuffled)
- Proceed (Unshuffled)
- Go Back
-
\ No newline at end of file
diff --git a/js/index.js b/js/index.js
new file mode 100644
index 0000000..1054c87
--- /dev/null
+++ b/js/index.js
@@ -0,0 +1,5 @@
+const app_details_els = document.querySelectorAll('[app-details]');
+for(let index = 0; index < app_details_els.length; index++) {
+ const element = app_details_els[index];
+ element.innerHTML = App[String(element.getAttribute('app-details'))];
+}
\ No newline at end of file
diff --git a/js/jquery-3.5.1.min.js b/js/jquery-3.5.1.min.js
new file mode 100644
index 0000000..b061403
--- /dev/null
+++ b/js/jquery-3.5.1.min.js
@@ -0,0 +1,2 @@
+/*! jQuery v3.5.1 | (c) JS Foundation and other contributors | jquery.org/license */
+!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.5.1",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e.namespaceURI,n=(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML=" ",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML=" ";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function D(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||j,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,j=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML=" ",y.option=!!ce.lastChild;var ge={thead:[1,""],col:[2,""],tr:[2,""],td:[3,""],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n",""]);var me=/<|?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function qe(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function Le(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function He(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Oe(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var Ut,Xt=[],Vt=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Xt.pop()||S.expando+"_"+Ct.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Vt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Vt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Vt,"$1"+r):!1!==e.jsonp&&(e.url+=(Et.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Xt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((Ut=E.implementation.createHTMLDocument("").body).innerHTML="",2===Ut.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):("number"==typeof f.top&&(f.top+="px"),"number"==typeof f.left&&(f.left+="px"),c.css(f))}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=$e(y.pixelPosition,function(e,t){if(t)return t=Be(e,n),Me.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0 0; i--) {
+ const j = Math.floor(Math.random() * (i + 1));
+ [array[i], array[j]] = [array[j], array[i]];
+ }
+}
+
+
+// Question initialization
+init_question();
+function init_question() {
+ $("#question-text").html(questionsObject[questionsOrder[qn]].question);
+ $("#question-number").html("Question "+(qn + 1)+" of "+(questionsOrder.length));
+ if(jQuery.isEmptyObject(answers)) {
+ $('#back_button').hide();
+ // $('#back_button_off').show();
+ } else {
+ $('#back_button').show();
+ // $('#back_button_off').hide();
+ }
+}
+
+
+// Next question
+function next_question(answer) {
+ if(qn === questionsOrder.length) {
+ return;
+ }
+ answers[questionsOrder[qn]] = answer;
+ qn++;
+ if(qn < questionsOrder.length) {
+ init_question();
+ } else {
+ results();
+ }
+}
+
+
+// Previous question
+function prev_question() {
+ if(jQuery.isEmptyObject(answers)) {
+ $('#back_button').hide();
+ // $('#back_button_off').show();
+ return;
+ }
+ qn--;
+ delete answers[questionsOrder[qn]];
+ init_question();
+}
+
+
+// RESULTS
+function results() {
+ // get from session storage
+ window.sessionStorage.answers = JSON.stringify(answers);
+
+ // Calculate final results
+ pct = percentageCalculation();
+ window.sessionStorage.percentages = JSON.stringify(pct);
+
+ // prepare arguments
+ var args = '?';
+ for(const i in Object.keys(pct)) {
+ effectName = Object.keys(pct)[i];
+ args += `${effectName}=${pct[effectName]}`;
+ var cycle = parseInt(i);
+ if(cycle+1 !== Object.keys(pct).length) {
+ args += '&';
+ }
+ }
+
+ // return
+ location.href = 'results.html' + args;
+}
+
+
+// Calculate percentage
+function percentageCalculation() {
+ // calc max
+ var max = new Object(); // Max possible scores
+ var score = new Object(); // User scores
+ var pct = new Object(); // Percentages/Score
+
+ // prepare
+ for(const id in answers) {
+ for(const effectName in questionsObject[id].effects) {
+ max[effectName] = 0;
+ score[effectName] = 0;
+ }
+ }
+
+ // get max & scores
+ for(const id in answers) {
+ // dismiss "don't know"
+ if(answers[id] !== null) {
+ for (const effectName in questionsObject[id].effects) {
+ max[effectName] += Math.abs(questionsObject[id].effects[effectName]);
+ score[effectName] += answers[id]*questionsObject[id].effects[effectName];
+ }
+ }
+ }
+
+ // calc score
+ for(const i in Object.keys(max)) {
+ effectName = Object.keys(max)[i];
+ if(max[effectName] > 0) {
+ pct[effectName] = (Math.round((score[effectName]*10/max[effectName]) * 100) / 100).toFixed(2);
+ } else {
+ pct[effectName] = 0;
+ }
+ }
+
+ return pct;
+}
+
+
+// close quiz
+function close_quiz() {
+ if(confirm('[?] Are you sure you want to leave the quiz?\n[!] Your progress will be erased from your session storage!')) {
+ location.href = '../index.html';
+ }
+}
\ No newline at end of file
diff --git a/js/results.js b/js/results.js
new file mode 100644
index 0000000..939c652
--- /dev/null
+++ b/js/results.js
@@ -0,0 +1,45 @@
+const urlParams = new URLSearchParams(window.location.search);
+x_axis = parseFloat(urlParams.get("right"));
+y_axis = parseFloat(urlParams.get("auth"));
+z_axis = parseFloat(urlParams.get("prog"));
+
+window.onload = function() {
+ var background = new Image();
+ background.onload = function() {
+ var c = document.createElement("canvas");
+ c.width = 1850;
+ c.height = 1600;
+ var ctx = c.getContext("2d");
+ ctx.fillStyle = "#EEEEEE";
+ ctx.fillRect(0, 0, 1850, 1600);
+ ctx.drawImage(background, 0, 0);
+
+ var dot = c.getContext("2d");
+ dot.beginPath();
+ dot.arc(200 + (1000 * (x_axis+10)/20), 1150 - (1000 * (y_axis + 10)/20), 25, 0, 2 * Math.PI);
+ dot.fillStyle = 'red';
+ dot.fill();
+ dot.stroke();
+
+ var line = c.getContext("2d");
+ line.beginPath();
+ line.moveTo(1500, 1145 - (1000 * (z_axis + 10)/20));
+ line.lineTo(1650, 1145 - (1000 * (z_axis + 10)/20));
+ line.lineWidth = 10;
+ line.strokeStyle = "red";
+ line.stroke();
+
+ ctx.font="50px Montserrat";
+ ctx.textAlign="center";
+ ctx.fillStyle="#222222";
+ ctx.fillText("Left / Right Axis (x): " + x_axis, 725, 1375);
+ ctx.fillText("Auth / Lib Axis (y): " + y_axis, 725, 1450);
+ ctx.fillText("Prog / Con Axis (z): " + z_axis, 725, 1525);
+ ctx.textAlign="right";
+ ctx.font="60px Montserrat";
+ ctx.fillText("Primo-SapplyValues", 1820, 1560);
+
+ document.getElementById("banner").src = c.toDataURL();
+ }
+ background.src = "../img/compass.png";
+};
\ No newline at end of file
diff --git a/pages/blank.html b/pages/blank.html
new file mode 100644
index 0000000..448dc7f
--- /dev/null
+++ b/pages/blank.html
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/pages/instructions.html b/pages/instructions.html
new file mode 100644
index 0000000..47fcbd9
--- /dev/null
+++ b/pages/instructions.html
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Instructions
+ You will be presented with a series of statements. For each one, click the button with your opinion on it.
+ Proceed (Unshuffled) >>
+ Proceed (Shuffled) >>
+ << Go Back
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/pages/quiz.html b/pages/quiz.html
new file mode 100644
index 0000000..596bdde
--- /dev/null
+++ b/pages/quiz.html
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Loading...
+
+ Strongly Agree
+ Agree
+ Neutral / Unsure
+ Disagree
+ Strongly Disagree
+ << Back
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/pages/results.html b/pages/results.html
new file mode 100644
index 0000000..86929a3
--- /dev/null
+++ b/pages/results.html
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Results
+
+ << Go Back
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/questions_feedback.js b/questions_feedback.js
deleted file mode 100644
index a57d8e1..0000000
--- a/questions_feedback.js
+++ /dev/null
@@ -1,482 +0,0 @@
-questions = [
- //Valid questionTypes: customNumber, smallSelection, bigSelection, customText
- {
- "id": 1,
- "question": "How would you classify yourself as?",
- "questionType": "smallSelection",
- "answers":[
- {
- "label": "Authoritarian Left",
- "color": "#990000",
- "effect": "AuthLeft"
- },
- {
- "label": "Authoritarian Right",
- "color": "#003399",
- "effect": "AuthRight"
- },
- {
- "label": "Centrist",
- "color": "#999999",
- "effect": "Centrist"
- },
- {
- "label": "Libertarian Left",
- "color": "#339900",
- "effect": "LibLeft"
- },
- {
- "label": "Libertarian Right",
- "color": "#999900",
- "effect": "LibRight"
- },
- {
- "label": "Unaffiliated / Don't know",
- "color": "#999999",
- "effect": null
- }]
- },
- {
- "id": 2,
- "question": "How would you classify yourself as?",
- "questionType": "smallSelection",
- "answers":[
- {
- "label": "Authoritarian",
- "color": "#6d4cb0",
- "effect": "Auth"
- },
- {
- "label": "Rightist",
- "color": "#4c96af",
- "effect": "Right"
- },
- {
- "label": "Centrist",
- "color": "#999999",
- "effect": "Centrist"
- },
- {
- "label": "Leftist",
- "color": "#af4c4c",
- "effect": "Left"
- },
- {
- "label": "Libertarian",
- "color": "#4caf50",
- "effect": "Lib"
- },
- {
- "label": "Unaffiliated / Don't know",
- "color": "#999999",
- "effect": null
- }]
- },
- {
- "id": 3,
- "question": "How do you view yourself on Culture?",
- "questionType": "smallSelection",
- "answers":[
- {
- "label": "Very Progressive",
- "color": "#1b5e20",
- "effect": 3
- },
- {
- "label": "Progressive",
- "color": "#4caf50",
- "effect": 2
- },
- {
- "label": "Leaning Progressive",
- "color": "#7ae67e",
- "effect": 1
- },
- {
- "label": "Neutral",
- "color": "#a9a9a9",
- "effect": 0
- },
- {
- "label": "Leaning Conservative",
- "color": "#7acbe6",
- "effect": -1
- },
- {
- "label": "Conservative",
- "color": "#4c96af",
- "effect": -2
- },
- {
- "label": "Very Conservative",
- "color": "#1b4e5e",
- "effect": -3
- },
- {
- "label": "Don't Know / Refuse",
- "color": "#a9a9a9",
- "effect": null
- }]
- },
- {
- "id": 4,
- "question": "How do you view yourself on Economics?",
- "questionType": "smallSelection",
- "answers":[
- {
- "label": "Very Right",
- "color": "#5e5e1b",
- "effect": 3
- },
- {
- "label": "Right",
- "color": "#afaf4c",
- "effect": 2
- },
- {
- "label": "Leaning Right",
- "color": "#d1d16d",
- "effect": 1
- },
- {
- "label": "Neutral",
- "color": "#a9a9a9",
- "effect": 0
- },
- {
- "label": "Leaning Left",
- "color": "#e67a7a",
- "effect": -1
- },
- {
- "label": "Left",
- "color": "#af4c4c",
- "effect": -2
- },
- {
- "label": "Very Left",
- "color": "#5e1b1b",
- "effect": -3
- },
- {
- "label": "Don't Know / Refuse",
- "color": "#a9a9a9",
- "effect": null
- }]
- },
- {
- "id": 5,
- "question": "How do you view yourself on Authority?",
- "questionType": "smallSelection",
- "answers":[
- {
- "label": "Very Authoritarian",
- "color": "#321b5e",
- "effect": 3
- },
- {
- "label": "Authoritarian",
- "color": "#6d4cb0",
- "effect": 2
- },
- {
- "label": "Leaning Authoritarian",
- "color": "#9e7ae6",
- "effect": 1
- },
- {
- "label": "Neutral",
- "color": "#a9a9a9",
- "effect": 0
- },
- {
- "label": "Leaning Libertarian",
- "color": "#7ae683",
- "effect": -1
- },
- {
- "label": "Libertarian",
- "color": "#4cb054",
- "effect": -2
- },
- {
- "label": "Very Libertarian",
- "color": "#1b5e21",
- "effect": -3
- },
- {
- "label": "Don't Know / Refuse",
- "color": "#a9a9a9",
- "effect": null
- }]
- },
- {
- "id": 6,
- "question": "What label would you give to your ideology?",
- "questionType": "customText"
- },
- {
- "id": 7,
- "question": "What is your gender?",
- "questionType": "smallSelection",
- "answers":[
- {
- "label": "Male",
- "color": "#003399",
- "effect": "Male"
- },
- {
- "label": "Female",
- "color": "#990000",
- "effect": "Female"
- },
- {
- "label": "Female-to-Male",
- "color": "#7acbe6",
- "effect": "FtM"
- },
- {
- "label": "Male-to-Female",
- "color": "#e67a7a",
- "effect": "FtM"
- },
- {
- "label": "Other",
- "color": "#6d4cb0",
- "effect": "Other"
- },
- {
- "label": "Refuse to Answer",
- "color": "#999999",
- "effect": null
- }]
- },
- {
- "id": 8,
- "question": "How old are you? (13-99)",
- "questionType": "customNumber",
- "range":[13,99]
- },
- {
- "id": 9,
- "question": "Which religion do you adhere to?",
- "questionType": "smallSelection",
- "answers":[
- {
- "label": "Agnostic",
- "color": "#4c96af",
- "effect": "Agnostic"
- },
- {
- "label": "Atheist",
- "color": "#4c96af",
- "effect": "Atheist"
- },
- {
- "label": "Christianity",
- "color": "#afaf4c",
- "effect": "Christian"
- },
- {
- "label": "Islam",
- "color": "#4caf50",
- "effect": "Islam"
- },
- {
- "label": "Buddhism",
- "color": "#afaf4c",
- "effect": "Buddhist"
- },
- {
- "label": "Paganism",
- "color": "#af4c4c",
- "effect": "Pagan"
- },
- {
- "label": "Other",
- "color": "#6d4cb0",
- "effect": "Other"
- },
- {
- "label": "Don't know / Refuse",
- "color": "#999999",
- "effect": null
- }]
- },
- {
- "id": 10,
- "question": "Which region of the world do you live in?",
- "questionType": "bigSelection",
- "answers": {"AF":"Afghanistan","AX":"\u00c5land Islands","AL":"Albania","DZ":"Algeria","AS":"American Samoa","AD":"Andorra","AO":"Angola","AI":"Anguilla","AQ":"Antarctica","AG":"Antigua & Barbuda","AR":"Argentina","AM":"Armenia","AW":"Aruba","AU":"Australia","AT":"Austria","AZ":"Azerbaijan","BS":"Bahamas","BH":"Bahrain","BD":"Bangladesh","BB":"Barbados","BY":"Belarus","BE":"Belgium","BZ":"Belize","BJ":"Benin","BM":"Bermuda","BT":"Bhutan","BO":"Bolivia","BA":"Bosnia & Herzegovina","BW":"Botswana","BV":"Bouvet Island","BR":"Brazil","IO":"British Indian Ocean Territory","VG":"British Virgin Islands","BN":"Brunei","BG":"Bulgaria","BF":"Burkina Faso","BI":"Burundi","KH":"Cambodia","CM":"Cameroon","CA":"Canada","CV":"Cape Verde","BQ":"Caribbean Netherlands","KY":"Cayman Islands","CF":"Central African Republic","TD":"Chad","CL":"Chile","CN":"China","CX":"Christmas Island","CC":"Cocos (Keeling) Islands","CO":"Colombia","KM":"Comoros","CG":"Congo - Brazzaville","CD":"Congo - Kinshasa","CK":"Cook Islands","CR":"Costa Rica","CI":"C\u00f4te d\u2019Ivoire","HR":"Croatia","CU":"Cuba","CW":"Cura\u00e7ao","CY":"Cyprus","CZ":"Czechia","DK":"Denmark","DJ":"Djibouti","DM":"Dominica","DO":"Dominican Republic","EC":"Ecuador","EG":"Egypt","SV":"El Salvador","GQ":"Equatorial Guinea","ER":"Eritrea","EE":"Estonia","SZ":"Eswatini","ET":"Ethiopia","FK":"Falkland Islands","FO":"Faroe Islands","FJ":"Fiji","FI":"Finland","FR":"France","GF":"French Guiana","PF":"French Polynesia","TF":"French Southern Territories","GA":"Gabon","GM":"Gambia","GE":"Georgia","DE":"Germany","GH":"Ghana","GI":"Gibraltar","GR":"Greece","GL":"Greenland","GD":"Grenada","GP":"Guadeloupe","GU":"Guam","GT":"Guatemala","GG":"Guernsey","GN":"Guinea","GW":"Guinea-Bissau","GY":"Guyana","HT":"Haiti","HM":"Heard & McDonald Islands","HN":"Honduras","HK":"Hong Kong SAR China","HU":"Hungary","IS":"Iceland","IN":"India","ID":"Indonesia","IR":"Iran","IQ":"Iraq","IE":"Ireland","IM":"Isle of Man","IL":"Israel","IT":"Italy","JM":"Jamaica","JP":"Japan","JE":"Jersey","JO":"Jordan","KZ":"Kazakhstan","KE":"Kenya","KI":"Kiribati","KW":"Kuwait","KG":"Kyrgyzstan","LA":"Laos","LV":"Latvia","LB":"Lebanon","LS":"Lesotho","LR":"Liberia","LY":"Libya","LI":"Liechtenstein","LT":"Lithuania","LU":"Luxembourg","MO":"Macao SAR China","MG":"Madagascar","MW":"Malawi","MY":"Malaysia","MV":"Maldives","ML":"Mali","MT":"Malta","MH":"Marshall Islands","MQ":"Martinique","MR":"Mauritania","MU":"Mauritius","YT":"Mayotte","MX":"Mexico","FM":"Micronesia","MD":"Moldova","MC":"Monaco","MN":"Mongolia","ME":"Montenegro","MS":"Montserrat","MA":"Morocco","MZ":"Mozambique","MM":"Myanmar (Burma)","NA":"Namibia","NR":"Nauru","NP":"Nepal","NL":"Netherlands","NC":"New Caledonia","NZ":"New Zealand","NI":"Nicaragua","NE":"Niger","NG":"Nigeria","NU":"Niue","NF":"Norfolk Island","KP":"North Korea","MK":"North Macedonia","MP":"Northern Mariana Islands","NO":"Norway","OM":"Oman","PK":"Pakistan","PW":"Palau","PS":"Palestinian Territories","PA":"Panama","PG":"Papua New Guinea","PY":"Paraguay","PE":"Peru","PH":"Philippines","PN":"Pitcairn Islands","PL":"Poland","PT":"Portugal","PR":"Puerto Rico","QA":"Qatar","RE":"R\u00e9union","RO":"Romania","RU":"Russia","RW":"Rwanda","WS":"Samoa","SM":"San Marino","ST":"S\u00e3o Tom\u00e9 & Pr\u00edncipe","SA":"Saudi Arabia","SN":"Senegal","RS":"Serbia","SC":"Seychelles","SL":"Sierra Leone","SG":"Singapore","SX":"Sint Maarten","SK":"Slovakia","SI":"Slovenia","SB":"Solomon Islands","SO":"Somalia","ZA":"South Africa","GS":"South Georgia & South Sandwich Islands","KR":"South Korea","SS":"South Sudan","ES":"Spain","LK":"Sri Lanka","BL":"St. Barth\u00e9lemy","SH":"St. Helena","KN":"St. Kitts & Nevis","LC":"St. Lucia","MF":"St. Martin","PM":"St. Pierre & Miquelon","VC":"St. Vincent & Grenadines","SD":"Sudan","SR":"Suriname","SJ":"Svalbard & Jan Mayen","SE":"Sweden","CH":"Switzerland","SY":"Syria","TW":"Taiwan","TJ":"Tajikistan","TZ":"Tanzania","TH":"Thailand","TL":"Timor-Leste","TG":"Togo","TK":"Tokelau","TO":"Tonga","TT":"Trinidad & Tobago","TN":"Tunisia","TR":"Turkey","TM":"Turkmenistan","TC":"Turks & Caicos Islands","TV":"Tuvalu","UM":"U.S. Outlying Islands","VI":"U.S. Virgin Islands","UG":"Uganda","UA":"Ukraine","AE":"United Arab Emirates","GB":"United Kingdom","US":"United States","UY":"Uruguay","UZ":"Uzbekistan","VU":"Vanuatu","VA":"Vatican City","VE":"Venezuela","VN":"Vietnam","WF":"Wallis & Futuna","EH":"Western Sahara","YE":"Yemen","ZM":"Zambia","ZW":"Zimbabwe"}
- },
- {
- "id": 11,
- "question": "Do you focus on the sciences/STEM or humanities?",
- "questionType": "smallSelection",
- "answers":[
- {
- "label": "Sciences",
- "color": "#4c96af",
- "effect": 2
- },
- {
- "label": "Leaning Sciences",
- "color": "#7acbe6",
- "effect": 1
- },
- {
- "label": "Both",
- "color": "#a9a9a9",
- "effect": 0
- },
- {
- "label": "Leaning Humanities",
- "color": "#e67a7a",
- "effect": -1
- },
- {
- "label": "Humanities",
- "color": "#af4c4c",
- "effect": -2
- },
- {
- "label": "Don't Know / Refuse",
- "color": "#a9a9a9",
- "effect": null
- }]
- },
- {
- "id": 12,
- "question": "What best describes your status?",
- "questionType": "smallSelection",
- "answers":[
- {
- "label": "Unemployed Student",
- "color": "#4c96af",
- "effect": "Student"
- },
- {
- "label": "Employed Student",
- "color": "#6d4cb0",
- "effect": "StudentWorker"
- },
- {
- "label": "Private Sector Worker",
- "color": "#afaf4c",
- "effect": "Private"
- },
- {
- "label": "Public Sector Worker",
- "color": "#4caf50",
- "effect": "Public"
- },
- {
- "label": "Not in Employment, Education or Training",
- "color": "#af4c4c",
- "effect": "NEET"
- },
- {
- "label": "Refuse to Answer",
- "color": "#999999",
- "effect": null
- }]
- },
- {
- "id": 13,
- "question": "What is your highest level of education?",
- "questionType": "smallSelection",
- "answers":[
- {
- "label": "Primary School or Less",
- "color": "#af4c4c",
- "effect": "Primary"
- },
- {
- "label": "High-School / College",
- "color": "#4c96af",
- "effect": "Middle"
- },
- {
- "label": "Vocational / Trade School",
- "color": "#4caf50",
- "effect": "Trade"
- },
- {
- "label": "Bachelor's degree",
- "color": "#d1d16d",
- "effect": "Bachelor"
- },
- {
- "label": "Master's degree",
- "color": "#afaf4c",
- "effect": "Master"
- },
- {
- "label": "Doctoral degree",
- "color": "#5e5e1b",
- "effect": "Doctor"
- },
- {
- "label": "Refuse to Answer",
- "color": "#999999",
- "effect": null
- }]
- },
- {
- "id": 14,
- "question": "What kind of environment do you live in?",
- "questionType": "smallSelection",
- "answers":[
- {
- "label": "Bigger City",
- "color": "#6d4cb0",
- "effect": "City"
- },
- {
- "label": "Small city or a Town",
- "color": "#4c96af",
- "effect": "Town"
- },
- {
- "label": "Village",
- "color": "#d1d16d",
- "effect": "Village"
- },
- {
- "label": "Isolated (e.g Forest Home)",
- "color": "#4caf50",
- "effect": "Isolated"
- },
- {
- "label": "Refuse to Answer",
- "color": "#999999",
- "effect": null
- }]
- },
- {
- "id": 15,
- "question": "How physically active are you?",
- "questionType": "smallSelection",
- "answers":[
- {
- "label": "I work out (on a regular basis)",
- "color": "#4caf50",
- "effect": "Regular"
- },
- {
- "label": "I'm active, but don't actively work out",
- "color": "#4c96af",
- "effect": "Occasional"
- },
- {
- "label": "I go outside only out of necessity",
- "color": "#d1d16d",
- "effect": "Rare"
- },
- {
- "label": "Refuse to Answer",
- "color": "#999999",
- "effect": null
- }]
- },
-]
diff --git a/quiz.html b/quiz.html
deleted file mode 100644
index 7b0d4d9..0000000
--- a/quiz.html
+++ /dev/null
@@ -1,190 +0,0 @@
-
-
- SapplyValues Quiz
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- SapplyValues
-
-
-Loading...
-
-Strongly Agree
-Agree
-Neutral / Unsure
-Disagree
-Strongly Disagree
-Back
-Back
-
-
-
-
diff --git a/results.html b/results.html
deleted file mode 100644
index 4e01ff8..0000000
--- a/results.html
+++ /dev/null
@@ -1,76 +0,0 @@
-
-
-
- SapplyValues Results
-
-
-
-
-
-
-
- SapplyValues
-
-
-
- Results
-
-
-
- Hint: you can download this image directly. No need to screenshot!
- Back
-
-
-
-
-