А как ты отметил день программиста?

в 12:19, , рубрики: день программиста, Занимательные задачки, квест, квест игра, киберспорт, Лайфхаки для гиков

На дворе было 6 сентября и внезапно в «Чатик для кодеров» приходит сообщение — " А пицца будет на день программиста?". Ах да, скоро наш праздник подумал я! Но это же будет скучно поесть пиццы и разойтись работать…

Я решил создал чатик с нашим HR-менеджером и начальством, сказал что поесть пиццы как и в любой другой праздник это скучно и типично для большинства праздников, мол нужно сделать что то не обычное. Но так как начальство у нас очень занятое, из-за многозадачности, а у HR менеджера очень много собеседований, я решил взять все в свои руки. И на ум пришло -«А почему бы не сделать квест игру»?

Все меня поддержали и я начал прорабатывать игру.
Изначально хотели сделать квест с подарками, но народу много и непонятно что дарить, в итоге посовещавшись, решили спрятать пиццу.

Но как сделать так что бы это не казалось глупо и было весело, и интересно?
Нужен злой персонаж, как помните в детском утреннике была баба Яга которая портила праздник, а у нас этим злым персонажем стали хакеры, ведь в открытых проектах всегда идёт борьба разработчиков и хакеров.

И тут пришла мысль записать видео в котором хакеры похитили праздник (пиццу) и что бы ее найти необходимо, выполнить задания, которые ведут к ключу с комнатой, в котором заперта долгожданная пицца.

И так 13 сентября часам к 10 программисты начали переживать где же обещанная пицца? Обещали же… Тем временем у нас во всю шла подготовка к квесту, к слову основную часть подсказок мы спрятали 12 сентября и даже пришлось гнать некоторых трудолюбивых и любопытных программистов домой.

Итак время 11 мы на готове, собираем всех в переговорке, раздавая каждому по разноцветному листочку. И объясняем что в руке у вас есть листочек зелёного, синего и красного цвета и теперь вы можете разделиться на команды, после чего выключаем свет и включаем видео.

Немного поразмышляв один на эмоциях вскрикивает — «Я понял!» И все бегут за ним.
Первый квест ведёт к теннисному столу на которых мы закрепили цветные листочки с QR кодом которые открывают фото к следующим подсказкам.

А как ты отметил день программиста? - 1
На 3 фото были приклеены разные листочки с фразой:
Красный — «Герман никогда не пользовался CD-ROMом»
Зеленый — «Владимир никогда не пользовался CD-ROMом»
Синий — «Никита никогда не пользовался CD-ROMом»

К слову все эти программисты были в отпуске и как вы поняли подсказка вела к их CD-ROMам.
Далее подсказка говорила что мы захватили ваш сайт и ссылка на него.
Открыв они увидели это.

А как ты отметил день программиста? - 2
Внизу есть подсказка что — «Веб разработчик всему голова 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»)

На принтере я разместил ещё одну подсказку

А как ты отметил день программиста? - 3
Под кухонным столом я спрятал ещё одну подсказку на ней было написано —
"Сервер не найден !".

Команды все рванулись в серверную, но она была закрыта и они в недоумении хотели уже ее вскрыть когда я приостановил их и сказал что, у нас не одна серверная и тут целая толпа понеслась на этаж ниже где их ждала ещё одна подсказка.

А как ты отметил день программиста? - 4
Эта ссылка ( https://vk.cc/8t2s1X ) ведёт на гугол докс где было зашифрованное послание.

Кстати напишите в комментариях имя человека — кто разгадал загадку

И так ключ лежал под горшком с надписью — «Беги скорее в серверную и спасай наш праздник!» Тем временем я с HR — менеджером, Ольгой уже ждали их на месте с хлопушками.
(Кстати если будете брать хлопушки то берите спиральные так как от них очень много мусора)

Немного фото — как это было!
А как ты отметил день программиста? - 5
А как ты отметил день программиста? - 6

В общем праздник удался, все были в восторге и всем очень понравилось. Устраивайте праздники, делайте людей счастливыми!

Делитесь об этом на Хабре!

Автор: Александр

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js