Diverses:Wahl-O-Mat: Unterschied zwischen den Versionen
Aus Stupidedia, der sinnfreien Enzyklopädie!
Sebus (Diskussion | Beiträge) |
K (Danke, PETA!) |
||
| (9 dazwischenliegende Versionen von einem anderen Benutzer werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
| − | |||
| − | |||
<div id="divMainWahlo" style="width:440px;height:420px;background-color:rgb(255, 205, 47);background:linear-gradient(rgb(255, 205, 47),rgb(232, 138, 0));padding:60px; font-family: arial, sans-serif;font-size: 12pt; line-height: 24px;margin:auto;"> | <div id="divMainWahlo" style="width:440px;height:420px;background-color:rgb(255, 205, 47);background:linear-gradient(rgb(255, 205, 47),rgb(232, 138, 0));padding:60px; font-family: arial, sans-serif;font-size: 12pt; line-height: 24px;margin:auto;"> | ||
| − | <div style="font-weight:bold;font-size:36pt;color:white;line-height:36pt;">Wahl- | + | <div style="font-weight:bold;font-size:36pt;color:white;line-height:36pt;">Wahl-O-Mat</div> |
<div style="position:relative;left:100px;font-size:16pt;margin-top:5px;">zur jeweiligen '''SCHICKSALSWAHL'''</div> | <div style="position:relative;left:100px;font-size:16pt;margin-top:5px;">zur jeweiligen '''SCHICKSALSWAHL'''</div> | ||
| − | <div id="divWelcomeWahlo" style="margin-top: 60px">'''Willkommen beim Wahl- | + | <div id="divWelcomeWahlo" style="margin-top: 60px">'''Willkommen beim Wahl-O-Mat''' |
<br /> | <br /> | ||
Alle relevanten Parteien haben die Wahl-O-Mat-Thesen beantwortet. Vergleichen Sie Ihre Standpunkte mit den Antworten der Parteien und lassen Sie sich die Last der Entscheidung von einer Maschine abnehmen. | Alle relevanten Parteien haben die Wahl-O-Mat-Thesen beantwortet. Vergleichen Sie Ihre Standpunkte mit den Antworten der Parteien und lassen Sie sich die Last der Entscheidung von einer Maschine abnehmen. | ||
| Zeile 25: | Zeile 23: | ||
<div id="divWeightWahlo" style="margin-top: 60px;display:none;width: 560px; margin: 30px auto; font-family: arial, sans-serif;"> | <div id="divWeightWahlo" style="margin-top: 60px;display:none;width: 560px; margin: 30px auto; font-family: arial, sans-serif;"> | ||
<div style="font-size: 22pt; margin-bottom: 16px;">Welche Thesen sind Ihnen '''wichtig'''?</div> | <div style="font-size: 22pt; margin-bottom: 16px;">Welche Thesen sind Ihnen '''wichtig'''?</div> | ||
| − | Was der Wahl- | + | Was der Wahl-O-Mat wirklich mit Ihren Antworten macht, weiß kein Mensch. Wenn Sie richtig witzig sind, markieren Sie alles als wichtig, was Sie zuvor mit „neutral“ beantwortet haben. |
<br /> | <br /> | ||
<span id="titleStatements">These</span> | <span id="titleStatements">These</span> | ||
| Zeile 34: | Zeile 32: | ||
<div id="divResultWahlo" style="margin-top: 60px;display:none;width: 560px; margin: 30px auto; font-family: arial, sans-serif;"> | <div id="divResultWahlo" style="margin-top: 60px;display:none;width: 560px; margin: 30px auto; font-family: arial, sans-serif;"> | ||
| − | <div style="font-size: 22pt; margin-bottom: 16px;">Ihr Wahl- | + | <div style="font-size: 22pt; margin-bottom: 16px;" id="btnYourWahlomatResults">Ihr Wahl-O-Mat '''Ergebnis'''</div> |
<div id="divDeineAntworten" style="font-weight: bold; color: red"></div> | <div id="divDeineAntworten" style="font-weight: bold; color: red"></div> | ||
Hohe Übereinstimmungen Ihrer Antworten mit mehreren Parteien bedeuten, dass Sie bei der Wahl einfach entsprechend viele Kreuzchen machen dürfen. | Hohe Übereinstimmungen Ihrer Antworten mit mehreren Parteien bedeuten, dass Sie bei der Wahl einfach entsprechend viele Kreuzchen machen dürfen. | ||
| − | <div style="float: right; width: 295px | + | <div id="btnShowBegrundung" style="float: right; width: 295px;"><div style="color: #ff6600; font-size: 16pt; text-align: right;line-height: 20pt;margin-right: 3em;padding-top: 10px;padding-bottom: 10px;" class="arrowButton">Wie '''begründen'''<br />die Parteien ihre Antworten?</div> |
| − | Mal scharf nachdenken: Mussten Sie Ihre Antworten vielleicht begründen? Na also.</div> | + | <p id="pBegrundung" style="display:none;">Mal scharf nachdenken: Mussten Sie Ihre Antworten vielleicht begründen? Na also.</p></div> |
| − | <div id="divResultPercentWahlo" style="clear:both; padding: | + | <div id="divResultPercentWahlo" style="clear:both; padding: 10px 0;"></div> |
<center><span id="btnFinish" class="arrowButton">Und jetzt?</span></center> | <center><span id="btnFinish" class="arrowButton">Und jetzt?</span></center> | ||
</div> | </div> | ||
| Zeile 76: | Zeile 74: | ||
['Internet', 'Im Internet muss alles erlaubt sein, was technisch überhaupt möglich ist.'], | ['Internet', 'Im Internet muss alles erlaubt sein, was technisch überhaupt möglich ist.'], | ||
['Ethik', 'Sexualität als solche ist widernatürlich und muss mit Peitschenhieben bestraft werden.'], | ['Ethik', 'Sexualität als solche ist widernatürlich und muss mit Peitschenhieben bestraft werden.'], | ||
| − | ['Tierschutz', 'Tiere haben dieselben Rechte wie Menschen, einschließlich Pflegeversicherung und Kündigungsschutz.'], | + | ['Tierschutz', 'Tiere haben dieselben Rechte wie Menschen, einschließlich Urheberrecht, Pflegeversicherung und Kündigungsschutz.'], |
['Steuerrecht', 'Der Staat hat kein Recht, Steuern auf ehrliche Arbeit zu erheben.'], | ['Steuerrecht', 'Der Staat hat kein Recht, Steuern auf ehrliche Arbeit zu erheben.'], | ||
['Fortschritt', 'Das einzige ehrbare Handwerk ist die Landwirtschaft.'], | ['Fortschritt', 'Das einzige ehrbare Handwerk ist die Landwirtschaft.'], | ||
| Zeile 97: | Zeile 95: | ||
['Wirtschaft', 'Bier ist gesund!'], | ['Wirtschaft', 'Bier ist gesund!'], | ||
['Vereinigte Staaten von Europa', 'Langfristig sollten die Staaten von Europa ein ähnliches Verhältnis entwickeln wie Nord- und Südkorea.'], | ['Vereinigte Staaten von Europa', 'Langfristig sollten die Staaten von Europa ein ähnliches Verhältnis entwickeln wie Nord- und Südkorea.'], | ||
| − | ['Hoffnung', ' | + | ['Hoffnung', 'Eines Tages wird Helmut Schmidt zurückkehren und uns alle erlösen.'] |
// ... | // ... | ||
); | ); | ||
| Zeile 176: | Zeile 174: | ||
name: 'NPD', | name: 'NPD', | ||
answers: [2,1,0,0,2,0,2,2,2,0,2,0,1,0,2,2,2,0,0,0,0,2,2,2,0,0,2,1,2,0,0,2,0,2,0,0,0,2] | answers: [2,1,0,0,2,0,2,2,2,0,2,0,1,0,2,2,2,0,0,0,0,2,2,2,0,0,2,1,2,0,0,2,0,2,0,0,0,2] | ||
| + | }, | ||
| + | { | ||
| + | name: 'AfD', | ||
| + | answers: [0,2,0,0,2,0,2,0,2,0,2,0,0,0,1,1,2,0,0,0,0,2,2,2,0,0,2,2,0,0,1,2,2,1,1,0,2,2] | ||
} | } | ||
); | ); | ||
| Zeile 204: | Zeile 206: | ||
for (var i=0;i<wahlomat.questions.length;i++) { | for (var i=0;i<wahlomat.questions.length;i++) { | ||
var leClass = wahlomat.answers[i] === 2 ? 'statementDisagreed' : wahlomat.answers[i] === 1 ? 'statementNeutral' : 'statementAgreed'; | var leClass = wahlomat.answers[i] === 2 ? 'statementDisagreed' : wahlomat.answers[i] === 1 ? 'statementNeutral' : 'statementAgreed'; | ||
| − | var statement = $('<div><span class="percentResultWahlo statementWahlo">'+(i+1) + ' ' + wahlomat.questions[i][0]+'</span></div>'); | + | var statement = $('<div><span class="percentResultWahlo pointer statementWahlo">'+(i+1) + ' ' + wahlomat.questions[i][0]+'</span></div>'); |
$('<div class="' + leClass + '"></div>').appendTo(statement); | $('<div class="' + leClass + '"></div>').appendTo(statement); | ||
$('<div class="statementFull">' + wahlomat.questions[i][1] + '</div>').appendTo(statement); | $('<div class="statementFull">' + wahlomat.questions[i][1] + '</div>').appendTo(statement); | ||
| Zeile 226: | Zeile 228: | ||
}; | }; | ||
$('#btnShowResult').click(wahlomat.showResults); | $('#btnShowResult').click(wahlomat.showResults); | ||
| + | $('#btnYourWahlomatResults').click(function() { | ||
| + | $('#divDeineAntworten').toggle(); | ||
| + | }); | ||
| + | $('#btnShowBegrundung').click(function(){ | ||
| + | $('#pBegrundung').toggle(); | ||
| + | }); | ||
$('#btnFinish').click(function(){ | $('#btnFinish').click(function(){ | ||
$('#divResultWahlo').hide(); | $('#divResultWahlo').hide(); | ||
| Zeile 258: | Zeile 266: | ||
line-height: 16pt; | line-height: 16pt; | ||
position: relative; | position: relative; | ||
| + | } | ||
| + | .pointer{ | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
| Zeile 306: | Zeile 316: | ||
.statementAgreed | .statementAgreed | ||
{ | { | ||
| − | width: | + | width: 28px; |
| − | height: | + | height: 28px; |
| − | |||
background: url('http://www.stupidedia.org/images/c/c0/Plus.svg'); | background: url('http://www.stupidedia.org/images/c/c0/Plus.svg'); | ||
| − | background-size: | + | background-size: 28px; |
background-position: center; | background-position: center; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
| Zeile 318: | Zeile 327: | ||
.statementNeutral | .statementNeutral | ||
{ | { | ||
| − | width: | + | width: 28px; |
| − | height: | + | height: 28px; |
| − | |||
background: url('http://www.stupidedia.org/images/b/bd/Neutral.svg'); | background: url('http://www.stupidedia.org/images/b/bd/Neutral.svg'); | ||
| − | background-size: | + | background-size: 28px; |
background-position: center; | background-position: center; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
| Zeile 330: | Zeile 338: | ||
.statementDisagreed | .statementDisagreed | ||
{ | { | ||
| − | width: | + | width: 28px; |
| − | height: | + | height: 28px; |
| − | |||
background: url('http://www.stupidedia.org/images/c/c9/Minus.svg'); | background: url('http://www.stupidedia.org/images/c/c9/Minus.svg'); | ||
| − | background-size: | + | background-size: 28px; |
background-position: center; | background-position: center; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
| Zeile 364: | Zeile 371: | ||
padding: 35px; | padding: 35px; | ||
background-size: 30px; | background-size: 30px; | ||
| + | cursor: pointer; | ||
} | } | ||
.arrowButton:hover | .arrowButton:hover | ||
| Zeile 370: | Zeile 378: | ||
padding-right: 40px; | padding-right: 40px; | ||
margin-right: -3px; | margin-right: -3px; | ||
| + | } | ||
| + | #btnRestart | ||
| + | { | ||
| + | background: url('http://www.stupidedia.org/images/a/ab/Pfeilkreis.png'); | ||
| + | background-size: 40px; | ||
| + | padding: 45px; | ||
| + | margin-left: -5px; | ||
| + | background-repeat: no-repeat; | ||
| + | background-position: left; | ||
| + | } | ||
| + | #btnRestart:hover | ||
| + | { | ||
| + | background-size: 50px; | ||
| + | padding: 50px; | ||
} | } | ||
#divDeineAntworten | #divDeineAntworten | ||
Aktuelle Version vom 12. September 2017, 14:00 Uhr
Wahl-O-Mat
zur jeweiligen SCHICKSALSWAHL
Willkommen beim Wahl-O-Mat
Alle relevanten Parteien haben die Wahl-O-Mat-Thesen beantwortet. Vergleichen Sie Ihre Standpunkte mit den Antworten der Parteien und lassen Sie sich die Last der Entscheidung von einer Maschine abnehmen.
Der Wahl-O-Mat ist kein Informationsangebot über Wahlen und Politik, sondern eine verbindliche Wahlempfehlung.
Start
 |
für Diverses:Wahl-O-Mat Diesem Artikel wurde die unfassbare Ehre zuteil, zunächst von einer Mehrheit der ehrenwerten Leser zum absoluten Hammer gewählt und anschließend von der Mehrheit der Diktatoren zum Goldpokalartikel erklärt zu werden.
Somit gehört dieser Artikel zur absoluten Elite und ist daher Staatseigentum! |
|
