Skip to content

Commit

Permalink
Added funk pop content
Browse files Browse the repository at this point in the history
  • Loading branch information
@Sp1cyP3pp3r
Sp1cyP3pp3r committed Mar 7, 2024
1 parent 243ee50 commit 9c907ad
Show file tree
Hide file tree
Showing 2 changed files with 159 additions and 87 deletions.
128 changes: 62 additions & 66 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,106 +31,100 @@ <h1>
<main>
<div class="main-container">
<aside class="tab">
<button class="tablinks active" onclick="openTab(event, 'Main')">
СБИШ
</button>
<button class="tablinks" onclick="openTab(event, 'Агония')">
Агония
</button>
<button class="tablinks" onclick="openTab(event, 'Длинный')">
Длинный
<button class="tablinks active" onclick="openTab(event, 'Funk')">
Фанк Поп Тэг Паркур
</button>
<button class="tablinks" onclick="openTab(event, 'Штука')">
Штука
</button>
<button class="tablinks" onclick="openTab(event, 'Сука')">
Сука
</button>
<button class="tablinks" onclick="openTab(event, 'Крюка')">
Крюка
<button class="tablinks" onclick="openTab(event, 'Main')">
СБИШ
</button>
<button class="tablinks" onclick="openTab(event, 'Лорем')">
Lorem
</button>
</aside>
<article id="Main" class="tabcontent tabcontent-display">
<article id="Main" class="tabcontent">
<h1>
Что такое СБИШ?
</h1>
<section>
<img src="https://i.pinimg.com/564x/8d/28/57/8d28576d518d4da23e903d96a14ed622.jpg">
<p>
<b>Сборник Бесконечно Интересных Штук</b> -- это <a href="#">мой</a> блог, в котором я буду выкладывать ну уж <i>очень</i> важны<a href="https://tatera.fandom.com/ru">Татере</a>. Я планирую сделать это место заменой как раз того сайта на фэндоме. (потому что я хочу полную власть над сиэсэсом АХХАХАХАХАХААХАХАХХА)
<b>Сборник Бесконечно Интересных Штук</b> -- это <a href="#">мой</a> блог, в котором я буду выкладывать ну уж <i>очень</i> важные штуки. От своих игрушек, до полной коллекции карточек и полноценных романов о <a href="https://tatera.fandom.com/ru">Татере</a>. Я планирую сделать это пространство заменой как раз того сайта на фэндоме (потому что я хочу полную власть над сиэсэсом АХХАХАХАХАХААХАХАХХА).
</p>
<p>
Так же нужно написать отдельную страницу с биографией, и целую галлерею с моими бесконечно интересными штуками.
</p>
<p>
О! Ещё нужно сделать целую страницу где буду писать концептики для моей следующей игры про паркур по крышам и граффити.
</p>
</section>
</article>
<article id="Агония" class="tabcontent">
<article id="Funk" class="tabcontent tabcontent-display">
<h1>
СПАСИТЕ ПРОШУ НЕТ НЕ НАДО ПРОШУ НЕЕТ НЕЕТ ПОЖАЛУЙСТА НЕ НАДО НЕТ НЕТ НЕТ НЕТ НЕТ НЕТ НЕТ НЕТ
Фанк Поп Трейсинг Тэг Паркур
</h1>
<section>
<img src="https://assets.bigcartel.com/product_images/377765724/IMG_0153.jpg?auto=format&fit=max&h=1000&w=1000">
<p>
<b>Сборник Бесконечно Интересных Штук</b> -- это <a href="#">мой</a> блог, в котором я буду выкладывать ну уж <i>очень</i> важны<a href="https://tatera.fandom.com/ru">Татере</a>. Я планирую сделать это место заменой как раз того сайта на фэндоме. (потому что я хочу полную власть над сиэсэсом АХХАХАХАХАХААХАХАХХА)
В альтернативном таймлайне, в недалёком будущем, есть город посреди пустыни. Часть проекта компании WeDoEvil по источении ресурсов пустыни Хаст. Весь город — огромный бур-насос, из чего оправдывается его вертикальная архитектура.
</p>
<h2>Слои города</h2>
<p>
Так же нужно написать отдельную страницу с биографией, и целую галлерею с моими бесконечно интересными штуками.
Город разделён на три слоя, в каждом живут люди разделённые на классы:
</p>
</section>
</article>
<article id="Длинный" class="tabcontent">
<h1>
СПАСИТЕ ПРОШУ НЕТ НЕ НАДО ПРОШУ НЕЕТ НЕЕТ ПОЖАЛУЙСТА НЕ НАДО НЕТ НЕТ НЕТ НЕТ НЕТ НЕТ НЕТ НЕТ
</h1>
<section>
<ol>
<li>
Нижний слой — слой бедных и рабочих на фабрике. Очень неприятное место.
</li>
<li>
Средний слой — слой среднего класса, застрявшие в рутине. Иногда дым нижнего слоя поднимается и образует непроницаемую пелену.
</li>
<li>
Верхний слой — слой элиты общества, касающийся облаков. Сюда запрещено входить людям слоёв ниже без приглашения.
</li>
</ol>
<h3>
Нижний Слой
</h3>
<img width="200px" class="right" src="https://i.pinimg.com/originals/e4/76/ef/e476eff580e0bd35971ec9335c9db6a6.jpg">
<p>
<b>Сборник Бесконечно Интересных Штук</b> -- это <a href="#">мой</a> блог, в котором я буду выкладывать ну уж <i>очень</i> важны<a href="https://tatera.fandom.com/ru">Татере</a>. Я планирую сделать это место заменой как раз того сайта на фэндоме. (потому что я хочу полную власть над сиэсэсом АХХАХАХАХАХААХАХАХХА)
Основание города, самый просторный и большой слой города по площади. Однако, большой процент этого слоя занимают фабрики, заводы и заброшенные здания, не говоря уже об абсолютно разрушенных природой руин.
</p>
<p>
Так же нужно написать отдельную страницу с биографией, и целую галлерею с моими бесконечно интересными штуками.
Каждый здесь мечтает перебраться на средний слой. Но по сравнению, что они получают здесь и с тем, какие цены на жильё там, это может занять пол жизни. И многие просто либо сдаются, либо уходят в криминал.
</p>
</section>
</article>
<article id="Штука" class="tabcontent">
<p>
<b>Сборник Бесконечно Интересных Штук</b> -- это <a href="#">мой</a> блог, в котором я буду выкладывать ну уж <i>очень</i> важные штуки. От своих игрушек, карточек и прочего до целых романов о <a href="https://tatera.fandom.com/ru">Татере</a>. Я планирую сделать это место заменой как раз того саА)
</p>
<p>
Так же нужно написать отдельную страницу с биографией, и целую галлерею с моими бесконечно интересными штуками.
</p>
</article>
<article id="Лорем" class="tabcontent">
<p>
<b>Сборник Бесконечно Интересных Штук</b> -- это <a href="#">мой</a> блог, в котором я буду выкладывать ну уж <i>очень</i> важные штуки. От своих игрушек, карточек и прочего до целых романов о <a href="https://tatera.fandom.com/ru">Татере</a>. Я планирую сделать это место заменой как раз того саА)
</p>
<p>
Так же нужно написать отдельную страницу с биографией, и целую галлерею с моими бесконечно интересными штуками.
</p>
</article>
<article id="Крюка" class="tabcontent">
<p>
<b>Сборник Бесконечно Интересных Штук</b> -- это <a href="#">мой</a> блог, в котором я буду выкладывать ну уж <i>очень</i> важные штуки. От своих игрушек, карточек и прочего до целых романов о <a href="https://tatera.fandom.com/ru">Татере</a>. Я планирую сделать это место заменой как раз того саА)
</p>
<p>
Так же нужно написать отдельную страницу с биографией, и целую галлерею с моими бесконечно интересными штуками.
</p>
</article>
<article id="Сука" class="tabcontent">
<section>
<p>
<b>Сборник Бесконечно Интересных Штук</b> -- это <a href="#">мой</a> блог, в котором я буду выкладывать ну уж <i>очень</i> важные штуки. От своих игрушек, карточек и прочего до целых романов о <a href="https://tatera.fandom.com/ru">Татере</a>. Я планирую сделать это место заменой как раз того сайта на фэндоме. (потому что я хочу полную власть над сиэсэсом АХХАХАХАХАХААХАХАХХА)
Дети часто выростают беспризорниками и с бандитскими замашками. Устраивают группировки и решают собственные проблемы безаконнья. Они даже пытаются <i>завоевать</i> земли среднего класса, но кроме здешних руин им ещё ничего не получилось взять силой.
</p>
<h1>
Что такое СБИШ?
</h1>
<h3>Средний слой
</h3>
<img width="250px" class="left" src="https://i.imgur.com/GaNizO6.jpeg">
<p>
Так же нужно написать отдельную страницу с биографией, и целую галлерею с моими бесконечно интересными штуками.
Люди из среднего слоя всё ещё работают руками, но занимаются менее грязной работой. А кто-то работает в сфере услуг и компьютерных технологий. Почти у каждого дома есть телевизоры и компьютер.
</p>
<p>
Люди здесь уже не волнуются о выживании так сильно, как люди нижнего слоя. Могут позволить поход в кино или ресторан пару раз за месяц. Люди впринципе довольны своей жизни и мало кто стремится к верхнему слою. А тот кто, всё таки желает попасть туда, вынужден смерится с жестокой реальностью бетона.
</p>
<h3>
Верхний слой
</h3>
<img width="240px" class="right" src="https://www.artofmtg.com/wp-content/uploads/2022/04/Mountain-2-Streets-of-New-Capenna-MtG-Art.jpg">
<p>
Жемчужина по среди пустыни, в гнезде орла. Прекрасное место коррупции и непотизма, достигающего облаков. Самый малый из слоёв, которым руководят 5 семей, чётко разделившие слой на районы между собой.
</p>
<p>
Чтобы оказаться на верхнею слою, нужно либо в нём родится, либо получить приглашение, подписанное тремя из пяти семей. В верхний слой ведут 5 лифтов из среднего слоя, каждый в 5 районов. Чтобы перемещаться между ними, нужно тоже иметь разрешение соответствующей семьи.
</p>
<p>Конечно есть и парочка незаконных путей: через внутренний стержень города — канализацию и системные помещения, а так же по воздуху. Главное чтобы никто не заметил, и не выглядеть подозрительно.
</p>
</section>
</article>
<article id="Лорем" class="tabcontent">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris aliquet malesuada feugiat. Curabitur fermentum bibendum nulla, non dictum ipsum tincidunt non. Quisque convallis pharetra tempor. Donec id pretium leo. Pellentesque luctus massa non elit viverra pellentesque. Cras vitae neque molestie, rhoncus ipsum sit amet, lobortis dui. Fusce in urna sem. Vivamus vehicula dignissim augue et scelerisque. Etiam quam nisi, molestie ac dolor in, tincidunt tincidunt arcu. Praesent sed justo finibus, fringilla velit quis, porta erat. Donec blandit metus ut arcu iaculis iaculis. Cras nec dolor fringilla justo ullamcorper auctor. Aliquam eget pretium velit. Morbi urna justo, pulvinar id lobortis in, aliquet placerat orci.
Etiam nisi turpis, eleifend nec tellus id, efficitur pellentesque dolor. Proin vitae massa a augue sagittis vulputate. Duis vel fringilla magna, sit amet vestibulum enim. Fusce laoreet accumsan nisl eu sagittis. Morbi hendrerit sapien eget efficitur imperdiet. Aenean vitae nisl id est placerat congue a et nisi. Suspendisse vitae quam ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse eu risus lacus. Ut tristique libero eget est dictum, commodo malesuada orci elementum. Proin molestie eu mi in tempus.
In hac habitasse platea dictumst. Cras augue nisl, cursus mattis mattis id, lacinia nec augue. Integer nec augue non metus interdum rhoncus. Proin non imperdiet ante. Sed mollis, justo ac dapibus auctor, tellus mi congue nisl, nec commodo ex justo ut eros. Etiam fringilla porta dolor vitae gravida. Nulla facilisi. Nam dui eros, mattis ut turpis at, eleifend accumsan odio. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed id ultrices erat, vehicula viverra ante. Etiam sit amet dignissim tellus, ac laoreet ligula. Aenean fringilla sodales lorem, ac maximus est hendrerit in.
In hac habitasse platea dictumst. Cras augue nisl, cursus mattis mattis id, lacinia nec augue. Integer nec augue non metus interdum rhoncus. Proin non imperdiet ante. Sed mollis, justo ac dapibus auctor, tellus mi congue nisl, nec commodo ex justo ut eros. Etiam fringilla porta dolor vitae gravida. Nulla facilisi. Nam dui eros, mattis ut turpis at, eleifend accumsan odio. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed id ultrices erat, vehicula viverra ante. Etiam sit amet dignissim tellus, ac laoreet ligula. Aenean fringilla sodales lorem, ac maximus est hendrerit in.
</p>
</article>
</div>
</main>
<footer>
Expand All @@ -149,4 +143,6 @@ <h1>
</a>
</address>
</footer>
</body></html>
</body>

</html>
Loading

0 comments on commit 9c907ad

Please sign in to comment.