Russian Wi-Fi

A parody,

HTML

<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<!-- Осторожно, может содержать следы пародии, юмора и/или сарказма. -->
<div class="top">
    <div class="time">2:28</div>
    <div>WIFI</div>
</div>
<h1>Добро пожаловать на сайт ненависти ко всему русскому!</h1>
<p>Выберите действие:</p>
<button data-m="0">Взорвать АЭС</button>
<button data-m="1">Скачать детское порно</button>
<button data-m="2">Проспонсировать биткойнами</button>
<button data-m="3">Смотреть канал Дождь</button>
<button data-m="4">Врать про Олимпиаду в Сочи</button>
<p>Услуги предоставлены Вашингтонским Фондом Борьбы с Россией и Семейными Ценностями в Тель-Авиве.</p>
<p>Благодарим за внимание!</p>

CSS

* {
    color: inherit;
    font: inherit;
}
html {
    background: #FFF;
    color: #000;
    font: medium sans-serif;
    padding: 4px;
    text-transform: uppercase;
}
body {
    background-image: linear-gradient(to bottom, #F5F5E4 0%, #eee 50%, #F5F5E4 100%);
    border: 2px solid #D3D3D3;
    border-radius: 4px;
    margin: 0 auto;
    padding: 8px;
    max-width: 40ex;
}
button {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: .2em auto;
    width: 100%;
}
p {
    margin: 1em 0;
}
p:last-child {
    margin-bottom: 0;
}
h1 {
    font-weight: bold;
    margin: 0 0 1em 0;
    text-align: center;
}
.top {
    border-bottom: 1px solid #D3D3D3;
    margin-bottom: .5em;
}
.time {
    float: right;
}

JavaScript

var messages = [
    "Команда оперативного реагирования уже выехала. Оставайтесь на связи.",
    "Начинаем забивать Ваш винт!",
    "Ваши вложения невероятно ценны для нас!",
    "Подключаю прямо в мозг!",
    "Методичка была выслана на ваш e-mail!",
];

function show_message(e)
{
    var m = messages[$(this).data("m")];
    $("<div/>").text(m).dialog({modal: true, title: "ВФБРСЦ отвечает"});
}

$("button").button().on("click", show_message);