cleaning up dead code

help/index.html

@@ -10,9 +10,6 @@
 	<meta name="description" content="Welcome to the PolitiScale, the online political test. You will be confronted to a series of affirmations and for each of them you will have to click on the button which corresponds the most to your opinion." />
 	<link rel="stylesheet" href="/style.css" type="text/css" media="screen" />
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-	<meta name="twitter:card" content="summary" />
-	<meta name="twitter:site" content="@PolitiScales" />
-	<meta name="twitter:creator" content="@PolitiScales" />
 	<meta property="og:url" content="https://dbhq.github.io/" />
 	<meta property="og:title" content="PolitiScales" />
 	<meta property="og:locale" content="en_US" />

index.html

@@ -10,9 +10,6 @@
 	<meta name="description" content="Welcome to the PolitiScale, the online political test. You will be confronted to a series of affirmations and for each of them you will have to click on the button which corresponds the most to your opinion." />
 	<link rel="stylesheet" href="/style.css" type="text/css" media="screen" />
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-	<meta name="twitter:card" content="summary" />
-	<meta name="twitter:site" content="@PolitiScales" />
-	<meta name="twitter:creator" content="@PolitiScales" />
 	<meta property="og:url" content="https://dbhq.github.io/" />
 	<meta property="og:title" content="PolitiScales" />
 	<meta property="og:locale" content="en_US" />

quiz/index.html

@@ -10,9 +10,6 @@
 	<meta name="description" content="Welcome to the PolitiScale, the online political test. You will be confronted to a series of affirmations and for each of them you will have to click on the button which corresponds the most to your opinion." />
 	<link rel="stylesheet" href="/style.css" type="text/css" media="screen" />
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-	<meta name="twitter:card" content="summary" />
-	<meta name="twitter:site" content="@PolitiScales" />
-	<meta name="twitter:creator" content="@PolitiScales" />
 	<meta property="og:url" content="https://dbhq.github.io/" />
 	<meta property="og:title" content="PolitiScales" />
 	<meta property="og:locale" content="en_US" />

results/index.html

@@ -10,9 +10,6 @@
 	<meta name="description" content="Welcome to the PolitiScale, the online political test. You will be confronted to a series of affirmations and for each of them you will have to click on the button which corresponds the most to your opinion." />
 	<link rel="stylesheet" href="/style.css" type="text/css" media="screen" />
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-	<meta name="twitter:card" content="summary" />
-	<meta name="twitter:site" content="@PolitiScales" />
-	<meta name="twitter:creator" content="@PolitiScales" />
 	<meta property="og:url" content="https://dbhq.github.io/" />
 	<meta property="og:title" content="PolitiScales" />
 	<meta property="og:locale" content="en_US" />
@@ -33,13 +30,12 @@
 
 			<h2>Results</h2>
 
-			<p class="simpleText ltr">The result of your PolitiScale is decomposed in 8 axes. Each axis indicates your positioning compared with two opposed ideologies. Some particular characteristics, displayed at the end of the page can also complete your result. For further information on the different axis <a href="/help">Look at the help page</a>.</p>
+			<p class="simpleText">The result of your PolitiScale is decomposed in 8 axes. Each axis indicates your positioning compared with two opposed ideologies. Some particular characteristics, displayed at the end of the page can also complete your result. For further information on the different axis <a href="/help">Look at the help page</a>.</p>
 
 			<div class="generatedResultsDecorations">
 				<canvas id="generatedResults" width="800" height="1200"></canvas>
 			</div>
 
-			<div class="shareText">Share your result with this link, or using a sharing button:</div>
 			<div id="urlToCopyContainer" class="urlToCopyContainer">
 				<div id="urlToCopy" class="urlToCopy"></div>
 			</div>

style.css

@@ -63,23 +63,6 @@ h3 {
   margin: 1em auto 2em;
 }
 
-.ltr {
-  text-align: left;
-}
-.rtl {
-  text-align: right;
-}
-
-.shareText {
-  margin-top: 5vmin;
-  margin-bottom: 5vmin;
-  text-align: center;
-  text-justify: inter-word;
-  font-size: 2vmin;
-  padding-left: 2vmin;
-  padding-right: 2vmin;
-}
-
 .columnContainer {
   position: relative;
 }
@@ -101,48 +84,6 @@ h3 {
   }
 }
 
-.axisEnd {
-  display: inline-block;
-  width: 15vmin;
-  height: 15vmin;
-  vertical-align: middle;
-  z-index: 3;
-  position: relative;
-}
-.axisEnd > img {
-  width: 100%;
-  position: relative;
-  left: 5vmin;
-}
-.axisEndLeft > img {
-  left: 2vmin;
-}
-.axisEndRight > img {
-  left: -2vmin;
-}
-.axisProgress {
-  display: inline-block;
-  width: calc(100% - 30vmin);
-  height: 15vmin;
-  vertical-align: middle;
-}
-.axisSubProgress {
-  display: inline-block;
-  height: 5vmin;
-  margin-top: 5vmin;
-  color: white;
-  font-size: 3.2vmin;
-  box-shadow: 0vmin 0vmin 0.4vmin #222222;
-  z-index: 2;
-  position: relative;
-}
-.axisSubProgress span {
-  display: inline-block;
-  vertical-align: middle;
-  padding-left: 1.1vmin;
-  padding-right: 1.1vmin;
-}
-
 .questionBox {
   max-width: 640px;
   min-height: 5em;
@@ -161,6 +102,9 @@ h3 {
 .descText {
   width: calc(100% - 30vmin);
 }
+.descText p {
+  margin: 0 0 1em;
+}
 .descTextMono {
   align-self: center;
 }