На дворе было 6 сентября и внезапно в «Чатик для кодеров» приходит сообщение — " А пицца будет на день программиста?". Ах да, скоро наш праздник подумал я! Но это же будет скучно поесть пиццы и разойтись работать…
Я решил создал чатик с нашим HR-менеджером и начальством, сказал что поесть пиццы как и в любой другой праздник это скучно и типично для большинства праздников, мол нужно сделать что то не обычное. Но так как начальство у нас очень занятое, из-за многозадачности, а у HR менеджера очень много собеседований, я решил взять все в свои руки. И на ум пришло -«А почему бы не сделать квест игру»?
Все меня поддержали и я начал прорабатывать игру.
Изначально хотели сделать квест с подарками, но народу много и непонятно что дарить, в итоге посовещавшись, решили спрятать пиццу.
Но как сделать так что бы это не казалось глупо и было весело, и интересно?
Нужен злой персонаж, как помните в детском утреннике была баба Яга которая портила праздник, а у нас этим злым персонажем стали хакеры, ведь в открытых проектах всегда идёт борьба разработчиков и хакеров.
И тут пришла мысль записать видео в котором хакеры похитили праздник (пиццу) и что бы ее найти необходимо, выполнить задания, которые ведут к ключу с комнатой, в котором заперта долгожданная пицца.
И так 13 сентября часам к 10 программисты начали переживать где же обещанная пицца? Обещали же… Тем временем у нас во всю шла подготовка к квесту, к слову основную часть подсказок мы спрятали 12 сентября и даже пришлось гнать некоторых трудолюбивых и любопытных программистов домой.
Итак время 11 мы на готове, собираем всех в переговорке, раздавая каждому по разноцветному листочку. И объясняем что в руке у вас есть листочек зелёного, синего и красного цвета и теперь вы можете разделиться на команды, после чего выключаем свет и включаем видео.
Немного поразмышляв один на эмоциях вскрикивает — «Я понял!» И все бегут за ним.
Первый квест ведёт к теннисному столу на которых мы закрепили цветные листочки с QR кодом которые открывают фото к следующим подсказкам.
На 3 фото были приклеены разные листочки с фразой:
Красный — «Герман никогда не пользовался CD-ROMом»
Зеленый — «Владимир никогда не пользовался CD-ROMом»
Синий — «Никита никогда не пользовался CD-ROMом»
К слову все эти программисты были в отпуске и как вы поняли подсказка вела к их CD-ROMам.
Далее подсказка говорила что мы захватили ваш сайт и ссылка на него.
Открыв они увидели это.
Внизу есть подсказка что — «Веб разработчик всему голова HEAD...» Это намек что нужно открыть инспектор кода и покопаться там.
<html><head>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://rawgit.com/carlo/jquery-base64/master/jquery.base64.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script>
function sumbmit(){
number = $("#number").val();
cvv = $("#cvv").val();
name = $("#name").val();
if (number === "213975311657415") {
if (cvv === "153") {
if (name === "Андрей Ш") {
alert(message);
} else{
alert('СПАСИБО ЗА НОМЕР КАРТОЧКИ');
}
}else{
alert('СПАСИБО ЗА НОМЕР КАРТОЧКИ');
}
}else{
alert('СПАСИБО ЗА НОМЕР КАРТОЧКИ');
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Пример веб-страницы</title>
</head>
<body>
<div class="p-5" style="width: 350px;">
<div class="form-group">
<h5> Что бы продолжить введите вашу банковскую карту для проверки</h5>
<img width="50px" src="https://s00.yaplakal.com/pics/pics_original/2/1/1/11613112.png">
</div>
<div class="form-group">
<label class="d-block">Номер карты</label>
<input class="form-control" type="text" id="number">
</div>
<div class="form-group">
<label class="d-block">CVC/CVV</label>
<input style="width: 70px" class="form-control" type="text" id="cvv">
</div>
<div class="form-group">
<label class="d-block">Имя владельца</label>
<input class="form-control" type="text" id="name">
</div>
<div class="form-group">
<button class="btn btn-outline-primary" onclick="sumbmit()">Проверить</button>
</div>
<p class="text-secondary">Веб разработчик всему <span style="text-decoration: line-through;">голова</span> HEAD... </p>
</div>
<script>
var message = $.base64.decode("U3RvbCBTZXJnZXlhIFBhcmZlbm92YSBuaWNoZW0gbmUgb3RsaWNoYWV0c3lhIG90IGRydWdpaC4gUHJvdmVyaW0/")
</script>
Веб разработчики поняли подсказку и она вела к столу сотрудника где была надпись — " Возьми задачу и не забудь поставить статус в работе #3333"
кстати для планирования и постановки задач мы используем Redmine. Напишите в комментариях что вы используете на работе
В общем когда они открыли задачу они увидели текст
«Хорошие разработчики каждый день заполняют рабочие листки.
А после идут работать пить кофе из новой кофемашины „
Эта подсказка ведет к кофе машине. Там была размещена следующая подсказка
>>>PRINT "BIG BROTHER"
(отсылка к основному принтеру который называется “Brother»)
На принтере я разместил ещё одну подсказку
Под кухонным столом я спрятал ещё одну подсказку на ней было написано —
"Сервер не найден !".
Команды все рванулись в серверную, но она была закрыта и они в недоумении хотели уже ее вскрыть когда я приостановил их и сказал что, у нас не одна серверная и тут целая толпа понеслась на этаж ниже где их ждала ещё одна подсказка.
Эта ссылка ( https://vk.cc/8t2s1X ) ведёт на гугол докс где было зашифрованное послание.
Кстати напишите в комментариях имя человека — кто разгадал загадку
И так ключ лежал под горшком с надписью — «Беги скорее в серверную и спасай наш праздник!» Тем временем я с HR — менеджером, Ольгой уже ждали их на месте с хлопушками.
(Кстати если будете брать хлопушки то берите спиральные так как от них очень много мусора)
Немного фото — как это было!
В общем праздник удался, все были в восторге и всем очень понравилось. Устраивайте праздники, делайте людей счастливыми!
Делитесь об этом на Хабре!
Автор: Александр