резиновость, новые скриншоты

This commit is contained in:
tolstoevsky 2020-03-11 10:34:15 +03:00
parent 936b615c74
commit 5dc852edf2
No known key found for this signature in database
GPG key ID: EDD59F3A654C596C
8 changed files with 45 additions and 209 deletions

View file

@ -10,7 +10,6 @@
<link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" href="css/popup.css">
<link rel="stylesheet" href="css/btn.css">
<script src="js/popup.js"></script>
<script src="js/menu.js"></script>
</head>
<body>
@ -35,7 +34,7 @@
<div class="textblock">
<h2>Устав сообщества</h2>
<p>
<img src="images/book.png" align="right" style="margin: 0px 0px 0px 10px;">
<img src="images/book.png" align="right" style="margin: 0px 0px 0px 10px;" alt="устав">
Свободные сообщества не регулируются жёсткими правиламии и пользвательскими соглашениями,
тем не менее существует рекомендуемый к соблюдению Устав, следуя положениям которого,
@ -63,7 +62,7 @@
<div class="textblock">
<h2>База знаний</h2>
<p>
<img src="images/know.png" align="right" style="margin: 0px 0px 0px 10px;">
<img src="images/know.png" align="right" style="margin: 0px 0px 0px 10px;" alt="база знаний">
Сообщество не было бы сообществом, если бы не свободный обмен знаниями.
Организуются группы по интересам в соцсетях, создаются тематические Вики — любой способ,
которым вы можете помочь окружащим, доступен, любая помощь приветствуется. Вот примеры информационных
@ -98,9 +97,9 @@
<p>
<div class="imgblock">
<img src="images/thumb1.png" width=15% style="float:left; margin:1%;" onclick="openModal();currentSlide(1)" class="hover-shadow cursor"/>
<img src="images/thumb2.png" width=15% style="float:left; margin:1%;" onclick="openModal();currentSlide(2)" class="hover-shadow cursor"/>
<img src="images/transport.png" width=15% style="float:left; margin:1%;" onclick="openModal();currentSlide(3)" class="hover-shadow cursor"/>
<img src="images/thumb1.png" width=15% max-width=100% style="float:left;">
<img src="images/thumb2.png" width=15% max-width=100% style="float:left; margin:1%;">
<img src="images/transport.png" width=15% max-width=100% style="float:left; margin:1%;" >
Вы можете помочь распространению информации о свободных альтернативах централизованным сервисам,
дав ссылку на этот сайт, либо распечатав и распространив листовки
(не исключаем, что одна из них и привела вас сюда). Вливайтесь в ряды просветителей,
@ -115,44 +114,6 @@
</div>
</div>
<!-- gallery images block -->
<div id="myModal" class="modal">
<span class="close cursor" onclick="closeModal()">&times;</span>
<div class="modal-content">
<div class="mySlides">
<div class="numbertext">1 / 3</div>
<img src="images/thumb1.png" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">2 / 3</div>
<img src="images/thumb2.png" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">3 / 3</div>
<img src="images/transport.png" style="width:100%">
</div>
<a class="prev" onclick="plusSlides(-1)">&#10094;</a>
<a class="next" onclick="plusSlides(1)">&#10095;</a>
<div class="caption-container">
<p id="caption"></p>
</div>
<div class="column">
<img class="demo cursor" src="images/thumb1.png" style="width:100%" onclick="currentSlide(1)" alt="Пример листовки">
</div>
<div class="column">
<img class="demo cursor" src="images/thumb2.png" style="width:100%" onclick="currentSlide(2)" alt="Пример листовки">
</div>
<div class="column">
<img class="demo cursor" src="images/transport.png" style="width:100%" onclick="currentSlide(3)" alt="Для расклейки в транспорте и на стенах">
</div>
</div>
</div>
</body>
</html>