XXII ВЕК. 2100 ГОД.

Светлое будущее. Именно такими плакатами вас встречает один из крупнейших городов будущего. Вы въезжаете в город, оставляя за спиной выжженные пустынные поля, и первым что видите – высотные дома, крыши которых утопают в зелено сизых облаках. Солнце чуть печет, пробиваясь сквозь тучи, наполняя светлые улицы желтоватым светом. Воздух тут с привкусом гари, и футуристические дома, тоже похожи на обгоревшие головешки различных форм, но неизменно из темных цветов. Над головой чуть шелестит наземный метрополитен, длинные поезда, как и раньше, мчатся вперед, увозя вместе с собой тучи людей. Светлое будущее, вовсе не такое светлое каким бы хотелось его видеть. Редкие деревья нагоняют легкую тоску, которая путается в их слишком ярких листьях, среди темноты города они кажутся ядовитыми. Череда взрывов емкостей с радиоактивными отходами нескольких из крупнейших АЭС привел к необратимым последствиям. Случайность. Именно это стало причиной изменения климата. Случайность убила более миллиарда человек, что сократило население земли на ее большую часть, оставив многие города полностью опустошенными и безжизненными. Сейчас на их месте гуляет разве что ветер, петляя между разбитых окон и разграбленных стен. Люди создали свой мир заново, находя земли не тронутые радиацией, воссоздавая тот мир к которому они привыкли. Но мир отличался от того что было до, он не мог повернуть время вспять, как не смогли это сделать и люди. Но была найдена альтернатива, которая начиналась именно с этого, с создания старого мира, мира который закончился сорок лет назад, мира в котором никто еще не знал о том, что их ждет. Виртуальный мир, это та же реальность, только все в ней иллюзионное. Оно существует лишь в прописанных кодах и пикселях изображений. В этом мире нет времени, нет радиации, неизлечимых болезней. Этот мир полностью подходит для того мира, старого, который никогда не вернется в реальности. «-Я хочу создать мир. - Губы чуть бледные, и на них играет безумная улыбка. - Мир в котором мы будем жить параллельно этой чертовой реальности. - Человек, что ненавидит этот мир, прописывает последние строки игрового кода, завершая его. Он создал то о чем мечтал, место в котором даже он, безумный человек, сможет найти свое счастье, место в котором он не будет лишь неизвестным программистом, мир где он станет творцом всего, где он сам создаст самого себя только лучше.» Первая игра старого мира, вышла около двадцати лет назад, это была недоработанная версия, но уже тогда она быстро набрала свою популярность. Первые игроки опасливо относились к такой игре. Смысл которой заключался в том что бы жить, жить виртуальной реальностью. Она регистрировались на серверах, опасливо выбирая свой образ, и переходя на первую в их жизни локацию. Игра не могла не стать популярной, она была создана для того что бы стать второй основной жизнью каждого человека. Вторая версия игры вышла спустя пять лет, и она значительно отличалась от первой. Технологии кодирования менялись каждый год, создавались новые возможности, которые доводили до идеала новый мир. Графика игры стала в разы лучше, да и новые технологии, при использовании электромагнитных импульсов начали считывать всю информацию о внешности нового персонажа. Грубо говоря каждый человек мог создать самого себя, и улучшить, убрать лишний вес, веснушки, создать идеального себя в идеальном мире. «- Я так одинок. - Программист уже около часа повторял эти слова глядя в пустоту. Человек и правда был одинок, даже в своем идеальном мире. Он создал себя с нуля, сделал себя идеальным, заменил свою настоящую жизнь виртуальной, жил только там, отвлекаясь разве что на редкие выползки на кухню и в магазин. Но это так и не сделало его счастливым. - Я так одинок. - Вновь повторяет он, и на секунду его губы растягиваются в совершенно безумной улыбке. - Я создам новый мир, мир в котором я не буду одинок.» Третья версия игры была полностью переработанной и вышла она спустя еще  пять лет после второй. Графика улучшилась вновь, как и остальные показатели игры. Теперь нельзя было отличить графику от реального мира, он был идентичен. Дождь, ветер, эмоции, секс и даже смерть тут можно было пережить совершенно реально, последнее правда переносилось еще и в реальный мир, но это было скорее небольшим дополнением. Грубо говоря игра стала действительно миром, миром настоящим, пусть и прописанным из кодов и пикселей. Но главным отличием было наличие маленького квеста, этакой игры в игре, которая могла сделать программиста не одиноким. Игра заключается в том, что будучи уже в игре, вы можете добровольно участвовать в маленьком представлении. Вы заполняете анкету на квест, и получаете свою собственную роль, исходя из вашего характера, всего роли две. Король и королева. И потом вам так же рандомно выбирают вашего второго участника игры. Так создается пара. Главной задачей которой, заключается в том что они должны полюбить друг друга, не смотря на противоположности характера и прочие факторы. Полюбить и не проиграть, вернее не произнести «я сдаюсь». Вместе с этим, были созданы четыре новые локации, в которых пара может начать свою новую виртуальную жизнь. Эти локации были созданы не только для квеста, любой игрок может так же начать жизнь в одной из новых локаций. Код: <link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'><style type="text/css"> #slider { text-align: center; width:450px; height:450px;} label, #active, img { -moz-user-select:none;-webkit-user-select:none; } .catch { display: block; height: 0; overflow: hidden; } #slider { margin: 0 auto; } #slider input {display: none;} #slidercr { font-family: oswald; font-size:10px; text-transform:uppercase; } #slidercr a {color:#206876;} #slide1:checked ~ #slides .inner { margin-left:0; } #slide2:checked ~ #slides .inner { margin-left:-100%; } #slide3:checked ~ #slides .inner { margin-left:-200%; } #slide4:checked ~ #slides .inner { margin-left:-300%; } #slide5:checked ~ #slides .inner { margin-left:-400%; } #controller {width:450px; height:450px; overflow:hidden; } #overflow {width: 100%;overflow: hidden;} article img {width: 450px; height:450px;} #slides .inner {width: 500%;line-height: 0;} #slides article { width: 20%;float: left;} #controls {margin-top: -50%; margin-left:16%; margin-right:0%; margin-bottom:0%; width: 68%;height: 50px;} #controls label { display: none;width: 50px; height: 50px;opacity: 0.3;} #active {margin: 27% 0 0;text-align: center;} #active label {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; width: 10px; height: 10px; background: #bbb; } #active label:hover { background: #ccc; border-color: #0e0e0e!important; } #controls label:hover { opacity: 0.8; } #slide1:checked ~ #controls label:nth-child(2), #slide2:checked ~ #controls label:nth-child(3), #slide3:checked ~ #controls label:nth-child(4), #slide4:checked ~ #controls label:nth-child(5), #slide5:checked ~ #controls label:nth-child(1) { background: url('http://csscience.com/responsiveslidercss3/next.png') no-repeat; float: right; margin: 0 -70px 0 0; display: block;} #slide1:checked ~ #controls label:nth-child(5), #slide2:checked ~ #controls label:nth-child(1), #slide3:checked ~ #controls label:nth-child(2), #slide4:checked ~ #controls label:nth-child(3), #slide5:checked ~ #controls label:nth-child(4) { background: url('http://csscience.com/responsiveslidercss3/prev.png') no-repeat; float: left; margin: 0 0 0 -70px; display: block; } #slide1:checked ~ #active label:nth-child(1), #slide2:checked ~ #active label:nth-child(2), #slide3:checked ~ #active label:nth-child(3), #slide4:checked ~ #active label:nth-child(4), #slide5:checked ~ #active label:nth-child(5) { background: #0e0e0e; border-color: #0e0e0e !important; } /* Info Box */ .info {line-height: 20px; margin: 0 0 -150%; position: absolute; padding: 30px 30px; opacity: 0; color: #000; align:center; height:450px;} .firstslide {line-height: 20px; margin: 0 0 -150%; position: absolute; padding: 30px 30px; opacity: 0; color: #000; text-align: justify; height:450px;} .fstxt { margin-top:360px 0 0 50px; background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); color:#191919; font-size:38px; font-family:oswald; text-align:center; padding:15px; text-transform:uppercase; letter-spacing:2px;} .ntxt { margin-top:360px 0 0 50px; background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); color:#191919; font-size:38px; font-family:oswald; text-align:center; padding:15px; text-transform:uppercase; letter-spacing:2px;} .ctxt { background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); width:350px; padding: 5px 25px 25px 25px; text-align:justify; font-family:georgia; font-size:11px; text-transform:lowercase; line-height:95%; height:315px; overflow:auto;} #slides { box-shadow: 1px 1px 4px #666;} .ctxt b { font-weight:bold; color:#565070; text-transform:uppercase; font-family:oswald;} #slides .inner {-webkit-transform: translateZ(0);-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); } #slider { -webkit-transform: translateZ(0);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} #controls label{ -webkit-transform: translateZ(0); -webkit-transition: opacity 0.2s ease-out;-moz-transition: opacity 0.2s ease-out;-o-transition: opacity 0.2s ease-out;transition: opacity 0.2s ease-out;} #slide1:checked ~ #slides article:nth-child(1) .firstslide, #slide2:checked ~ #slides article:nth-child(2) .info, #slide3:checked ~ #slides article:nth-child(3) .info, #slide4:checked ~ #slides article:nth-child(4) .info, #slide5:checked ~ #slides article:nth-child(5) .info { opacity: 1; -webkit-transition: all 1s ease-out 0.6s;-moz-transition: all 1s ease-out 0.6s;-o-transition: all 1s ease-out 0.6s; transition: all 1s ease-out 0.6s;} .info, #controls, #slides, #active, #active label, .info h3, .desktop, .tablet, .mobile { -webkit-transform: translateZ(0); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }</style> <div class="controller"><article id=slider> <input checked type=radio name=slider id=slide1 /> <input type=radio name=slider id=slide2 /> <input type=radio name=slider id=slide3 /> <input type=radio name=slider id=slide4 /> <input type=radio name=slider id=slide5 /> <div id=slides> <div id=overflow> <div class=inner> <article><div class=firstslide><div class="fstxt">mafia groups<br> <small><small><small><small><small><small><small><small>для просмотра нажмите на стрелку в конце картинки</small></small></small></small></small></small></small></small></div></div> <img src=https://forumstatic.ru/files/0014/43/7f/99389.jpg></article> <article><div class=info><div class="ntxt">Pestilence</div> <div class="ctxt"> <table layout=fixed width=100%> <tr> <td width=100% bgcolor=#8b0005; color: white;><center>Чума | ПЕРВЫЙ ВСАДНИК АПОКАЛИПСИСА <br> <color=white>Врачи с нами, как дети с игрушками - им интересно что у нас внутри.</color> </center></td> </tr> </table> Каждая каста отвечает за свои определенные обязанности. Чума – группировка, которая специализируется на медицине. Именно эта группировка создает новые вакцины, устраняет возможные болезни, делает все что бы люди меньше кашляли. Однако так же, чума специализируется на созданиях новых психотропных наркотиков, за которые можно получить солидные суммы денег от остальных каст.<br><br></div></div> <img src=https://forumstatic.ru/files/0014/43/7f/90668.jpg></article> <article><div class=info><div class="ntxt"> WAR</div> <div class="ctxt"> <table layout=fixed width=100%> <tr> <td width=100% bgcolor=#8b0005; color: white;><center>война | второй ВСАДНИК АПОКАЛИПСИСА <br> <color=white>jhhghgjh</color> </center></td> </tr> </table> </div></div> <img src=https://forumstatic.ru/files/0014/43/7f/99389.jpg></article> <article><div class=info><div class="ntxt">Death</div> <div class="ctxt"><b>f</b>irst letter goes into the bold tags and the rest of your writing goes here!<br><br> i'm totally open to any sort of plot really, whether it's a drunken night at a winning after party or something else! </div></div> <img src=https://forumstatic.ru/files/0014/43/7f/90668.jpg></article> <article><div class=info><div class="ntxt">FAMINE</div> <div class="ctxt" style="text-align:center;"> <b>first last</b> - relationship<br> <b>first last</b> - relationship<br> <b>first last</b> - relationship<br> </div></div> <img src=https://forumstatic.ru/files/0014/43/7f/99389.jpg></article> </div> </div> </div> <div id=controls> <label for=slide1></label> <label for=slide2></label> <label for=slide3></label> <label for=slide4></label> <label for=slide5></label> </div> </article></div>