18 Commits

Author SHA1 Message Date
Yannik Daellenbach
35331f6bd1 Add yannik to contributors 2023-03-30 16:01:52 +02:00
Yannik Daellenbach
340f6d5fb2 Add more sh*t 2023-03-30 16:00:42 +02:00
ee7230fd02 update readme 2023-03-29 17:20:04 +02:00
ad5b26786a Merge pull request 'added some insights' (#2) from donlongschlong/eineinehaa into master
Reviewed-on: #2
2023-03-29 15:13:31 +00:00
Lukas Grimm
ff110a1a07 added some insights 2023-03-29 17:10:34 +02:00
id101010
b78c0ac907 update readme 2023-03-29 17:00:19 +02:00
id101010
1dae066a1e add docker shizzle 2023-03-29 16:53:47 +02:00
id101010
fbf74ae7c6 fix readme 2023-03-29 16:51:56 +02:00
id101010
4b6995a59d update readme 2023-03-29 16:47:52 +02:00
id101010
c646e5c38d update 2023-03-29 16:35:17 +02:00
id101010
dff85309e8 weihnachtsahlass 2022 2022-12-15 18:18:46 +01:00
a23b9ab6b9 add favicon 2021-05-22 16:09:04 +02:00
35968e62c1 more stuff 2021-05-22 15:51:33 +02:00
Aaron
7c5f33504c more stuff 2021-05-22 01:41:52 +02:00
Aaron
6111fd9584 ascii++ 2021-05-21 17:07:20 +02:00
Aaron
f6f1791f67 fix double entry 2021-05-21 17:06:17 +02:00
Aaron
50bb75bdab data++ 2021-05-21 17:04:06 +02:00
Aaron
c8d1972bd7 data++ 2021-05-21 16:54:13 +02:00
15 changed files with 164 additions and 94 deletions

25
README
View File

@@ -1,25 +0,0 @@
This is the PMT version of J. Hobbs' HTML5-bingo.
Geared towards the swiss PMT initiative.
Original Readme:
HTML5-bingo
by J. Hobbs June 2012
---
WHAT IT IS:
* 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
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.

31
README.md Normal file
View File

@@ -0,0 +1,31 @@
# bs-bingo
## What is it?
It's a bullshit bingo.
## How to deploy?
Use the `docker-compose` file. I don't care if you don't like it. Fuck off.
## Why?
Because.
## I'm too stupid to find out where to edit the data
Good for you.
## Here is a chat message containing xyz additions!
Fuck off, this is a public repository, create a PR like normal people do.
## Hey, your HTML/JS is shit.
Yes.
## Authors
- aaron
- ombre
- yannik

View File

@@ -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;
}

23
docker-compose.yml Normal file
View File

@@ -0,0 +1,23 @@
version: '3'
networks:
web:
external: true
internal:
external: false
services:
nginx:
restart: always
image: nginx:latest
container_name: bsbingo
volumes:
- /mnt/docker/bs_bingo/HTML5-bingo:/usr/share/nginx/html
labels:
- traefik.http.routers.bingo.rule=Host(`bingo.0x29a.ch`)
- traefik.http.routers.bingo.tls=true
- traefik.http.routers.bingo.tls.certresolver=lets-encrypt
- traefik.port=80
networks:
- web
- internal

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

BIN
img/apple-touch-icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.5 KiB

BIN
img/favicon-16x16.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 595 B

BIN
img/favicon-32x32.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
img/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 153 KiB

After

Width:  |  Height:  |  Size: 80 KiB

1
img/site.webmanifest Normal file
View 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"}

View File

@@ -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>

View File

@@ -1,53 +1,106 @@
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 some weird-ass git server</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&auml;lst (k)einen Teuerungsausgleich!";
var clickSnd = new Audio("audio/click.mp3");
var winSnd = new Audio("audio/win.mp3");
var JSONBingo = {"squares": [
{"square": "Attent&auml;ter polizeibekannt"},
{"square": "Attent&auml;ter bereits &uuml;berwacht"},
{"square": "Attent&auml;ter auf Terrorliste"},
{"square": "Pass am Tatort gefunden"},
{"square": "Geheimdienst- Connection"},
{"square": "Sch&auml;rfere Gesetze!"},
{"square": "Vorratsdaten- speicherung"},
{"square": "Syrien!"},
{"square": "Immigration!"},
{"square": "Killerspiele"},
{"square": "Fu&szlig;schuss"},
{"square": "Total glaubw&uuml;rdige Herleitung"},
{"square": "Keine Herleitung der Fahndungserfolge"},
{"square": "PR-Gelegenheit genutzt"},
{"square": "Tatwaffe aus staatlichen Best&auml;nden"},
{"square": "In letzter Sekunde verhindert"},
{"square": "Datenschutz ist Terroristenschutz"},
{"square": "Privacy ist Schuld!"},
{"square": "Details w&uuml;rden die Bev&ouml;lkerung verunsichern"},
{"square": "Aus Mangel an Beweisen freigelassen"},
{"square": "Verschl&uuml;sselung verhindert Strafverfolgung"},
{"square": "Terroristen haben verschl&uuml;sselt"},
{"square": "War doch nicht verschl&uuml;sselt"},
{"square": "Snowden ist Schuld!"},
{"square": "Mehr Befugnisse f&uuml;r die Dienste"},
{"square": "Mehr Befugnisse f&uuml;r die Polizei"},
{"square": "Pflegte Kontakte zu bekannten Terroristen"},
{"square": "Enthauptung"},
{"square": "Salafisten"},
{"square": "Grenzen zu!"},
{"square": "\"Wir brauchen mehr &Uuml;berwachung!\""},
{"square": "Sch&uuml;tzenverein"},
{"square": "SVP"},
{"square": "Geheimdienst- Quellen"},
{"square": "Terrorwarnung aus nur einer Quelle"},
{"square": "Blo&szlig; ein verwirrter Einzelt&auml;ter"},
{"square": "Koran"},
{"square": "Fahne gefunden"},
{"square": "\"Chemische Substanzen\""},
{"square": "(mehr) Datenbanken (zusammen- f&uuml;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-Zvieri"},
{"square":"Apfel"},
{"square":"Sales-Aktivitaet"},
{"square":"Sales Engineer"},
{"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"},
{"square":"cryptopus"},
{"square":"frontend"},
{"square":"security"},
{"square":"datenschutz"},
{"square":"Audit"},
{"square":"Vertrauen"},
{"square":"Marktopportunitäten"},
{"square":"Gute Auslastung"},
]
};

View File

@@ -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>");