cleaning footer

help/index.html

@@ -117,9 +117,9 @@
 	</div>
 
 	<div id="footer">
-		<p>PolitiScale is an initiative of <a href="https://www.radicalisees-sur-internet.fr">“Radicalisé·e·s sur Internet”</a> which is freely inspired by <a href="https://8values.github.io/">8values</a>.</p>
-
-		<p>Interested by translating PolitiScales? Please visit our <a href="https://crowdin.com/project/politiscales">Crowdin project</a>.</p>
+		<p>
+			This quiz is a slightly modified version of <a href="https://www.politiscales.net/">PolitiScales</a>, which is based on <a href="https://8values.github.io/">8values</a>.
+		</p>
 	</div>
 
 </body>

index.html

@@ -44,9 +44,9 @@
 	</div>
 
 	<div id="footer">
-		<p>PolitiScale is an initiative of <a href="https://www.radicalisees-sur-internet.fr">“Radicalisé·e·s sur Internet”</a> which is freely inspired by <a href="https://8values.github.io/">8values</a>.</p>
-
-		<p>Interested by translating PolitiScales? Please visit our <a href="https://crowdin.com/project/politiscales">Crowdin project</a>.</p>
+		<p>
+			This quiz is a slightly modified version of <a href="https://www.politiscales.net/">PolitiScales</a>, which is based on <a href="https://8values.github.io/">8values</a>.
+		</p>
 	</div>
 
 </body>

questions.md

@@ -1,6 +1,6 @@
 # PolitiScales Questions
 
-### Constructionism/Essentialism
+### Constructivism/Essentialism
 The **Constructivists** consider that people build themselves from their environment (notably social) and that the characteristics that make them who they are, are acquired.
 
 On the contrary, the **Essentialists** consider that an individual is by nature how he/she is and that his/her characteristics which make this person who she/he is, are innate.

quiz.js

@@ -1,7 +1,7 @@
 "use strict";
 
 var questions = [
-  // Constructionism/Essentialism
+  // Constructivism/Essentialism
   {
     question: "“One is not born, but rather becomes, a woman.”",
     answer: 0,

quiz/index.html

@@ -47,9 +47,9 @@
 	</div>
 
 	<div id="footer">
-		<p>PolitiScale is an initiative of <a href="http://www.radicalisees-sur-internet.fr">“Radicalisé·e·s sur Internet”</a> which is freely inspired by <a href="https://8values.github.io/">8values</a>.</p>
-
-		<p>Interested by translating PolitiScales? Please visit our <a href="https://crowdin.com/project/politiscales">Crowdin project</a>.</p>
+		<p>
+			This quiz is a slightly modified version of <a href="https://www.politiscales.net/">PolitiScales</a>, which is based on <a href="https://8values.github.io/">8values</a>.
+		</p>
 	</div>
 
 <script src="/quiz.js"></script>

results/index.html

@@ -364,14 +364,14 @@
 			<div class="navButtons">
 				<a class="button" href="/quiz">Restart the test</a>
 			</div>
+		</div>
 	</div>
-</div>
-
-<div id="footer">
-<p>PolitiScale is an initiative of <a href="http://www.radicalisees-sur-internet.fr">“Radicalisé·e·s sur Internet”</a> which is freely inspired by <a href="https://8values.github.io/">8values</a>.</p>
 
-<p>Interested by translating PolitiScales? Please visit our <a href="https://crowdin.com/project/politiscales">Crowdin project</a>.</p>
-</div>
+	<div id="footer">
+		<p>
+			This quiz is a slightly modified version of <a href="https://www.politiscales.net/">PolitiScales</a>, which is based on <a href="https://8values.github.io/">8values</a>.
+		</p>
+	</div>
 
 <script type="application/javascript" src="/flags.js"></script>
 <script type="application/javascript" src="/results.js"></script>

style.css

@@ -1,3 +1,7 @@
+* {
+  box-sizing: border-box;
+}
+
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial,
@@ -22,12 +26,8 @@ body {
   text-decoration: none;
 }
 
-#mainFrame {
-
-}
-
 #content {
-  padding: 3em 1em 1em;
+  padding: 2em 1em 1em;
 }
 
 #footer {
@@ -226,20 +226,21 @@ h3 {
 
 .navButtons {
   margin: 0 auto 1em;
+  text-align: center;
   max-width: 400px;
 }
 
 .buttonQuestion,
 .button {
   text-align: center;
-  width: 100%;
   margin: 0.5em 0;
-  padding: 0.5em 0;
+  padding: 0.5em 1.5em;
   display: inline-block;
   border: none;
   border-radius: 3px;
   text-decoration: none;
   font-size: 18px;
+
 }
 .button:hover {
   background-color: white;
@@ -251,8 +252,11 @@ h3 {
   color: white;
 }
 
-.buttonQuestion {
+.buttonQuestion,
+#back_button,
+#back_button_off {
   color: white;
+  width: 100%;
 }
 
 .buttonLink {
@@ -288,7 +292,7 @@ h3 {
 }
 #slogan {
   margin: 1em 0;
-  font-size: 4vmin;
+  font-size: calc(14px + 2vmin);
 }
 .urlToCopyContainer {
   width: 100%;
@@ -299,16 +303,12 @@ h3 {
   background-color: white;
   display: inline-block;
   padding: 0.5em;
-  margin: 1em;
+  margin: 1em 0 0;
   z-index: 6;
   border-radius: 3px;
   word-break: break-all;
 }
 
-* {
-  box-sizing: border-box;
-}
-
 .scale {
   font-family: Segoe UI, sans-serif;
   display: flex;