Compare commits
10 Commits
9d15059965
...
4b6995a59d
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
4b6995a59d | ||
|
|
c646e5c38d | ||
|
|
dff85309e8 | ||
|
a23b9ab6b9
|
|||
|
35968e62c1
|
|||
|
|
7c5f33504c | ||
|
|
6111fd9584 | ||
|
|
f6f1791f67 | ||
|
|
50bb75bdab | ||
|
|
c8d1972bd7 |
26
README
@@ -1,25 +1,13 @@
|
||||
This is the PMT version of J. Hobbs' HTML5-bingo.
|
||||
Geared towards the swiss PMT initiative.
|
||||
# bs-bingo
|
||||
|
||||
Original Readme:
|
||||
## What is it?
|
||||
|
||||
HTML5-bingo
|
||||
by J. Hobbs June 2012
|
||||
---
|
||||
It's a bullshit bingo.
|
||||
|
||||
WHAT IT IS:
|
||||
## How to deploy?
|
||||
|
||||
* A bingo board
|
||||
* Randomizes content on each load
|
||||
* Reads square data from the data.js file
|
||||
* Uses data attributes to check for win condition
|
||||
* Uses CSS transitions for all animation
|
||||
* Uses Media Queries for optimized mobile experience
|
||||
* Uses "Hide Address Bar" (via @scottjehl) to hide mobile URL bar
|
||||
* Uses HTML5 audio for UI feedback
|
||||
* Uses jquery.tappable.js to improve UI performance on mobile
|
||||
Use the `docker-compose` file. I don't care if you don't like it. Fuck off.
|
||||
|
||||
HOW TO USE:
|
||||
|
||||
All data is kept in the "data.js" file. Customize the .json in the data.js file to change the language on the board.
|
||||
## Why?
|
||||
|
||||
Because.
|
||||
|
||||
@@ -13,9 +13,9 @@
|
||||
body {
|
||||
background-color: #000000;
|
||||
background-image: url('../img/police.background.png');
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
font-family: "BodoniSvtyTwoOSITCTT-Bold", "Georgia", serif;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
@@ -29,21 +29,21 @@ body {
|
||||
}
|
||||
|
||||
#header, #footer {
|
||||
text-align: center;
|
||||
display: block;
|
||||
float: left;
|
||||
width: 600px;
|
||||
color: #FFFFFF;
|
||||
opacity: 1;
|
||||
background-color: none;
|
||||
background-color: none;
|
||||
font-size: 2.0em;
|
||||
font-weight: bold;
|
||||
padding: 8px 20px 8px 20px;
|
||||
text-shadow: 0px 2px 0px #000000;
|
||||
text-shadow: 0px 2px 0px #000000;
|
||||
transition-property: background-color;
|
||||
}
|
||||
|
||||
#footer {
|
||||
text-align: center;
|
||||
font-size: 1em;
|
||||
padding: 3px 20px;
|
||||
margin-bottom: 80px;
|
||||
@@ -90,7 +90,7 @@ body {
|
||||
.text {
|
||||
font-family: "HelveticaNeue-CondensedBold", "Helvetica Neue", Arial, sans-serif;
|
||||
vertical-align: middle;
|
||||
font-size: 1.0em;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
|
||||
BIN
img/android-chrome-192x192.png
Normal file
|
After Width: | Height: | Size: 9.7 KiB |
BIN
img/android-chrome-512x512.png
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
img/apple-touch-icon.png
Normal file
|
After Width: | Height: | Size: 8.5 KiB |
BIN
img/favicon-16x16.png
Normal file
|
After Width: | Height: | Size: 595 B |
BIN
img/favicon-32x32.png
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
img/favicon.ico
Normal file
|
After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 153 KiB After Width: | Height: | Size: 80 KiB |
1
img/site.webmanifest
Normal file
@@ -0,0 +1 @@
|
||||
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
|
||||
23
index.html
@@ -1,37 +1,24 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>PMT-Bingo</title>
|
||||
|
||||
<title>Puzzle Bullshit Bingo</title>
|
||||
<meta name="viewport" width=device-width">
|
||||
|
||||
<link href="css/style.css" rel="stylesheet" type="text/css">
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
|
||||
<link rel="manifest" href="img/site.webmanifest">
|
||||
<script src="js/jquery.js" type="text/javascript"></script>
|
||||
|
||||
<script src="js/jquery.tappable.js" type="text/javascript"></script>
|
||||
|
||||
<script src="js/data.js" type="text/javascript"></script>
|
||||
|
||||
<script src="js/script.js" type="text/javascript"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id="container">
|
||||
|
||||
<div id="header"></div>
|
||||
|
||||
<div id="board"></div>
|
||||
|
||||
<div id="footer"></div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
129
js/data.js
@@ -1,53 +1,96 @@
|
||||
var headerText = "Polizeiterror-Bingo";
|
||||
var headerText = "Puzzle Bingo";
|
||||
|
||||
var footerText = "<a href='https://github.com/id101010/HTML5-bingo/' target='_blank'>This versions is code available on github</a><br/><a href='https://github.com/jeffehobbs/HTML5-bingo/' target='_blank'>Original code</a>";
|
||||
var footerText = "<a href='https://github.com/id101010/HTML5-bingo/' target='_blank'>This versions is code available on github</a><br/><a href='https://www.youtube.com/watch?v=HIcSWuKMwOw' target='_blank'>Original code</a>";
|
||||
|
||||
var winText = "Gratulation, du wirst verhaftet.";
|
||||
var winText = "Gratulation, du erhälst (k)einen Bonus!";
|
||||
|
||||
var clickSnd = new Audio("audio/click.mp3");
|
||||
|
||||
var winSnd = new Audio("audio/win.mp3");
|
||||
|
||||
var JSONBingo = {"squares": [
|
||||
{"square": "Attentäter polizeibekannt"},
|
||||
{"square": "Attentäter bereits überwacht"},
|
||||
{"square": "Attentäter auf Terrorliste"},
|
||||
{"square": "Pass am Tatort gefunden"},
|
||||
{"square": "Geheimdienst- Connection"},
|
||||
{"square": "Schärfere Gesetze!"},
|
||||
{"square": "Vorratsdaten- speicherung"},
|
||||
{"square": "Syrien!"},
|
||||
{"square": "Immigration!"},
|
||||
{"square": "Killerspiele"},
|
||||
{"square": "Fußschuss"},
|
||||
{"square": "Total glaubwürdige Herleitung"},
|
||||
{"square": "Keine Herleitung der Fahndungserfolge"},
|
||||
{"square": "PR-Gelegenheit genutzt"},
|
||||
{"square": "Tatwaffe aus staatlichen Beständen"},
|
||||
{"square": "In letzter Sekunde verhindert"},
|
||||
{"square": "Datenschutz ist Terroristenschutz"},
|
||||
{"square": "Privacy ist Schuld!"},
|
||||
{"square": "Details würden die Bevölkerung verunsichern"},
|
||||
{"square": "Aus Mangel an Beweisen freigelassen"},
|
||||
{"square": "Verschlüsselung verhindert Strafverfolgung"},
|
||||
{"square": "Terroristen haben verschlüsselt"},
|
||||
{"square": "War doch nicht verschlüsselt"},
|
||||
{"square": "Snowden ist Schuld!"},
|
||||
{"square": "Mehr Befugnisse für die Dienste"},
|
||||
{"square": "Mehr Befugnisse für die Polizei"},
|
||||
{"square": "Pflegte Kontakte zu bekannten Terroristen"},
|
||||
{"square": "Enthauptung"},
|
||||
{"square": "Salafisten"},
|
||||
{"square": "Grenzen zu!"},
|
||||
{"square": "\"Wir brauchen mehr Überwachung!\""},
|
||||
{"square": "Schützenverein"},
|
||||
{"square": "SVP"},
|
||||
{"square": "Geheimdienst- Quellen"},
|
||||
{"square": "Terrorwarnung aus nur einer Quelle"},
|
||||
{"square": "Bloß ein verwirrter Einzeltäter"},
|
||||
{"square": "Koran"},
|
||||
{"square": "Fahne gefunden"},
|
||||
{"square": "\"Chemische Substanzen\""},
|
||||
{"square": "(mehr) Datenbanken (zusammen- führen)"},
|
||||
{"square":"Verrechnbare Pensen"},
|
||||
{"square":"Unterstuetzende Pensen"},
|
||||
{"square":"Kapitalisten Arschloecher!"},
|
||||
{"square":"Schwierige Situation"},
|
||||
{"square":"Verrechenbarkeit"},
|
||||
{"square":"aktuelle Situation"},
|
||||
{"square":"kein Bonus"},
|
||||
{"square":"Lohnband"},
|
||||
{"square":"Stufenwechsel"},
|
||||
{"square":"Teurungsausgleich"},
|
||||
{"square":"Ruby"},
|
||||
{"square":"Members Coach"},
|
||||
{"square":"Division Owner"},
|
||||
{"square":"Wertschaetzung"},
|
||||
{"square":"Gesamtzufriedenheit"},
|
||||
{"square":"Fringe Benefits"},
|
||||
{"square":"Java"},
|
||||
{"square":"Generelle Lohnerhoehung"},
|
||||
{"square":"Finanzen"},
|
||||
{"square":"Lohnmodell"},
|
||||
{"square":"Stundenansaetze erhoehen"},
|
||||
{"square":"Massnahmenpaket"},
|
||||
{"square":"Swisscom"},
|
||||
{"square":"MOBI"},
|
||||
{"square":"BLS"},
|
||||
{"square":"SBB"},
|
||||
{"square":"Unverrechenbare Pensen"},
|
||||
{"square":"Kundenauftraege"},
|
||||
{"square":"Leistungsprozente"},
|
||||
{"square":"Apfelvideo"},
|
||||
{"square":"Apfelbaum"},
|
||||
{"square":"Apfel"},
|
||||
{"square":"Sales-Aktivitaet"},
|
||||
{"square":"Ueberzeit abbauen"},
|
||||
{"square":"bewusst verbuchen"},
|
||||
{"square":"interne Projekte"},
|
||||
{"square":"spannende Technologien"},
|
||||
{"square":"Weihnachtsessen"},
|
||||
{"square":"Mainachtsessen"},
|
||||
{"square":"Minimum"},
|
||||
{"square":"schweren Herzens"},
|
||||
{"square":"Auftraege aquirieren"},
|
||||
{"square":"keine einfache Zeit"},
|
||||
{"square":"Kuendigungen"},
|
||||
{"square":"Entschuldigen"},
|
||||
{"square":"Austritte"},
|
||||
{"square":"Eintritte"},
|
||||
{"square":"Geburten"},
|
||||
{"square":"Gratifikationen"},
|
||||
{"square":"Pensionskasse"},
|
||||
{"square":"besondere Leistungen"},
|
||||
{"square":"Ueberflieger*innen"},
|
||||
{"square":"Subscriptions"},
|
||||
{"square":"Infrastruktur"},
|
||||
{"square":"Belpstrasse 37"},
|
||||
{"square":"Personalmarketing"},
|
||||
{"square":"Hitobito"},
|
||||
{"square":"Racoon"},
|
||||
{"square":"Harpoon"},
|
||||
{"square":"Lagoon"},
|
||||
{"square":"Acrevis"},
|
||||
{"square":"Swissflirt"},
|
||||
{"square":"Kundenprojekte"},
|
||||
{"square":"Finanzen"},
|
||||
{"square":"Membersumfrage"},
|
||||
{"square":"Absolute Verrechenbarkeit"},
|
||||
{"square":"Divisionsrentabilitaet"},
|
||||
{"square":"Hyperscaler"},
|
||||
{"square":"Lockerung"},
|
||||
{"square":"Massnahmen"},
|
||||
{"square":"Entscheid"},
|
||||
{"square":"Pizza"},
|
||||
{"square":"Apero"},
|
||||
{"square":"Infoanlass"},
|
||||
{"square":"Bingo"},
|
||||
{"square":"Contribution"},
|
||||
{"square":"Operations"},
|
||||
{"square":"New Tech"},
|
||||
{"square":"Agile Teams"},
|
||||
{"square":"OKR"},
|
||||
{"square":"Bonus"},
|
||||
{"square":"Tim"},
|
||||
{"square":"Lars"},
|
||||
]
|
||||
};
|
||||
|
||||
@@ -12,7 +12,7 @@ $(document).ready(function() {
|
||||
for (i=0; i<24; i++) {
|
||||
|
||||
if (i==12) {
|
||||
$('#board').append("<div data-value='1' class='selected freesquare' id='sqfree'><div class='text'><br/>Karin Keller-Sutter Joker</div></div>");
|
||||
$('#board').append("<div data-value='1' class='selected freesquare' id='sqfree'><div class='text'><br/>Turnaround Joker</div></div>");
|
||||
$('#board').append("<div data-value='0' class='square' id='sq12'><div class='text'><br/>"+JSONBingo.squares[i].square+"</div></div>");
|
||||
} else {
|
||||
$('#board').append("<div data-value='0' class='square' id='sq"+i+"'><div class='text'><br/>"+JSONBingo.squares[i].square+"</div></div>");
|
||||
|
||||