LibreHacker/switching
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

начинаем облегчение дизайна, галерея убирается, в планах переписать меню

Browse source
This commit is contained in:
tolstoevsky 2020-03-10 15:26:42 +03:00
parent 0acba2785c
commit 936b615c74
No known key found for this signature in database
GPG key ID: EDD59F3A654C596C
17 changed files with 42 additions and 96 deletions
Download patch file Download diff file Expand all files Collapse all files

82
im.html
View file

@ -8,9 +8,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/base.css">
<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>
@ -36,14 +34,13 @@
<h2>Децентрализованные мессенджеры</h2>
<p>Способы быстро списаться и созвониться с нужным человеком</p>
<div class="imgblock">
<div class="imgblock">
<img src="images/chatsecure_messenger.png" width=40% style="float:left; margin:1%;"
onclick="openModal();currentSlide(1)" class="hover-shadow cursor"/>
<img src="images/movim.png" width=40% style="float:left; margin:1%;"
onclick="openModal();currentSlide(2)" class="hover-shadow cursor"/>
<img src="images/conversations.png" width=40% style="float:left; margin:1%;"
onclick="openModal();currentSlide(3)" class="hover-shadow cursor"/>
</div>
<picture>
<source srcset="images/conversations.png" media="(max-width: 700px)">
<source srcset="images/movim.png">
<img src="images/movim.png" width=45% max-width=100% alt="Jabber">
</picture>
<p>
<h3>XMPP (он же Jabber) - на замену WhatsApp и Telegram</h3>
<span>
@ -94,12 +91,11 @@
</div>
<div class="imgblock">
<div class="imgblock">
<img src="images/jitsi2.png" width=35% style="float:left; margin:1%;"
onclick="openModal();currentSlide(4)" class="hover-shadow cursor"/>
<img src="images/jami.jpg" width=35% style="float:left; margin:1%;"
onclick="openModal();currentSlide(5)" class="hover-shadow cursor"/>
</div>
<picture>
<source srcset="images/jitsi2.png" media="(max-width: 700px)">
<source srcset="images/jitsi.png">
<img src="images/jitsi.png" width=45% max-width=100% alt="Jitsi">
</picture>
<h3>Jitsi Meet и Jami - на замену Skype</h3>
<span>
Свободные открытые приложения для чатов и видеозвонков, разрабатываемые командами добровольцев.
@ -139,60 +135,6 @@
</div>
<div id="myModal" class="modal">
<span class="close cursor" onclick="closeModal()">&times;</span>
<div class="modal-content">
<div class="mySlides">
<div class="numbertext">chatsecure</div>
<img src="images/chatsecure_messenger.png" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">Movim</div>
<img src="images/movim.png" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">Converstions</div>
<img src="images/conversations.png" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">Jitsi</div>
<img src="images/jitsi2.png" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">Jami</div>
<img src="images/jami.jpg" 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/chatsecure_messenger.png" style="width:100%" onclick="currentSlide(1)" alt="ChatSecure">
</div>
<div class="column">
<img class="demo cursor" src="images/movim.png" style="width:100%" onclick="currentSlide(2)" alt="Movim">
</div>
<div class="column">
<img class="demo cursor" src="images/conversations.png" style="width:100%" onclick="currentSlide(3)" alt="Conversations">
</div>
<div class="column">
<img class="demo cursor" src="images/jitsi2.png" style="width:100%" onclick="currentSlide(4)" alt="Jitsi">
</div>
<div class="column">
<img class="demo cursor" src="images/jami.jpg" style="width:100%" onclick="currentSlide(5)" alt="Jami">
</div>
</div>
</div>
</div>
</body>
</html>