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

menu

Browse Source
This commit is contained in:
Tolstoevsky 2020-02-21 12:21:07 +03:00
commit 8e347f7eff
No known key found for this signature in database
GPG Key ID: EDD59F3A654C596C
6 changed files with 56 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
css/base.css
View File

@ -1,17 +1,12 @@
@font-face {
font-family: 'exo2';
src:url('../fonts/exo2.ttf');
}
.textblock { .textblock {
background-color:#1f2833; background-color:#1f2833;
border-radius:2px; border-radius:2px;
border: 1px solid #667; border: 1px solid #667;
display:inline-block; display:inline-block;
width: auto; width: auto;
color: #c5c6c7; color: #c5c6c7;
padding: 2% 2% 2% 2%; padding: 2% 2% 2% 2%;
margin: 1% 1% 1% 1%; margin: 1% 1% 1% 1%;
} }
@ -20,12 +15,12 @@
border-radius:2px; border-radius:2px;
border:1px solid #667; border:1px solid #667;
display:inline-block; display:inline-block;
width: 90%; width: 90%;
height: 90%; height: 90%;
color: #c5c6c7; color: #c5c6c7;
padding: 2% 2% 2% 2%; padding: 2% 2% 2% 2%;
margin: 3% 3% 3% 3%; margin: 3% 3% 3% 3%;
text-align: justify; text-align: justify;
} }
.imgblock img { .imgblock img {
@ -34,40 +29,40 @@
} }
body { body {
font: 100%/160% exo2; font: 100%/160% exo2;
width: 900px; width: 900px;
max-width: 96%; max-width: 96%;
margin: 0 auto; margin: 0 auto;
background-color:#0b0c10; background-color:#0b0c10;
} }
p { p {
margin: 0 0 20px; margin: 0 0 20px;
} }
a { a {
color: #45a29e; color: #45a29e;
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover {
color: #66fcf1; color: #66fcf1;
} }
h1, h2, h3 { h1, h2, h3 {
color: #eee; color: #eee;
line-height: 120%; line-height: 120%;
margin: 20px 0 10px; margin: 20px 0 10px;
} }
h1 { h1 {
font-size: 1.7em; font-size: 1.7em;
color: #bbb; color: #bbb;
} }
h2 { h2 {
font-size: 1.4em; font-size: 1.4em;
} }
h3 { h3 {
font-size: 1.1em; font-size: 1.1em;
} }
h1, h2, h3 { h1, h2, h3 {
color: #999; color: #999;
line-height: 120%; line-height: 120%;
@ -76,5 +71,3 @@ h1, h2, h3 {
} }

10
css/menu.css
View File

@ -1,6 +1,6 @@
.topnav { .topnav {
overflow: hidden; overflow: hidden;
background-color: #333; background-color: #1f2833;
} }
.topnav a { .topnav a {
@ -28,8 +28,8 @@
border: 1px solid #888; border: 1px solid #888;
border-radius: 2px; border-radius: 2px;
outline: none; outline: none;
color: #bbb; color: #c5c6c7;
background-color: #335; background-color: #1e2832;
padding: 16px 16px; padding: 16px 16px;
font-family: inherit; font-family: inherit;
display: flex; display: flex;
@ -41,8 +41,8 @@
min-width: 160px; min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1; z-index: 1;
color: #bbb; color: #c5c6c7
background-color: #335; background-color: #1e2832;
border: 1px solid #888; border: 1px solid #888;
border-radius: 2px; border-radius: 2px;
} }

15
im.html
View File

@ -36,12 +36,14 @@
<h2>Децентрализованные мессенджеры</h2> <h2>Децентрализованные мессенджеры</h2>
<p>Способы быстро списаться и созвониться с нужным человеком</p> <p>Способы быстро списаться и созвониться с нужным человеком</p>
<div class="imgblock"> <div class="imgblock">
<img src="images/chatsecure_messenger.png" width=40% style="float:left; margin:3%;" <div class="imgblock">
<img src="images/chatsecure_messenger.png" width=40% style="float:left; margin:1%;"
onclick="openModal();currentSlide(1)" class="hover-shadow cursor"/> onclick="openModal();currentSlide(1)" class="hover-shadow cursor"/>
<img src="images/movim.png" width=40% style="float:left; margin:3%;" <img src="images/movim.png" width=40% style="float:left; margin:1%;"
onclick="openModal();currentSlide(2)" class="hover-shadow cursor"/> onclick="openModal();currentSlide(2)" class="hover-shadow cursor"/>
<img src="images/conversations.jpg" width=40% style="float:left; margin:3%;" <img src="images/conversations.jpg" width=40% style="float:left; margin:1%;"
onclick="openModal();currentSlide(3)" class="hover-shadow cursor"/> onclick="openModal();currentSlide(3)" class="hover-shadow cursor"/>
</div>
<p> <p>
<h3>XMPP (он же Jabber) - на замену WhatsApp и Telegram</h3> <h3>XMPP (он же Jabber) - на замену WhatsApp и Telegram</h3>
<span> <span>
@ -92,11 +94,12 @@
</div> </div>
<div class="imgblock"> <div class="imgblock">
<div class="imgblock">
<img src="images/jitsi2.png" width=20% style="float:left; margin:1%;" <img src="images/jitsi2.png" width=35% style="float:left; margin:1%;"
onclick="openModal();currentSlide(4)" class="hover-shadow cursor"/> onclick="openModal();currentSlide(4)" class="hover-shadow cursor"/>
<img src="images/jami.jpg" width=20% style="float:left; margin:1%;" <img src="images/jami.jpg" width=35% style="float:left; margin:1%;"
onclick="openModal();currentSlide(5)" class="hover-shadow cursor"/> onclick="openModal();currentSlide(5)" class="hover-shadow cursor"/>
</div>
<h3>Jitsi Meet и Jami - на замену Skype</h3> <h3>Jitsi Meet и Jami - на замену Skype</h3>
<span> <span>
Свободные открытые приложения для чатов и видеозвонков, разрабатываемые командами добровольцев. Свободные открытые приложения для чатов и видеозвонков, разрабатываемые командами добровольцев.

4
js/jquery.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

8
mail.html
View File

@ -37,7 +37,7 @@
<p>Старейший инструмент сетевого общения, распределённый по своей природе. Но даже его затронула монополизация. </p> <p>Старейший инструмент сетевого общения, распределённый по своей природе. Но даже его затронула монополизация. </p>
<div class="imgblock"> <div class="imgblock">
<img src="images/tutanota.png" width=50% style="float:left; margin:1%;" <img src="images/tutanota.png" width=45% style="float:left; margin:1%;"
onclick="openModal();currentSlide(1)" class="hover-shadow cursor"/> onclick="openModal();currentSlide(1)" class="hover-shadow cursor"/>
<h3>Tutanota</h3> <h3>Tutanota</h3>
<span> <span>
@ -55,7 +55,7 @@
</div> </div>
</div> </div>
<div class="imgblock"> <div class="imgblock">
<img src="images/posteo.jpg" width=50% style="float:left; margin:1%;" <img src="images/posteo.jpg" width=95% style="float:left; margin:1%;"
onclick="openModal();currentSlide(2)" class="hover-shadow cursor"/> onclick="openModal();currentSlide(2)" class="hover-shadow cursor"/>
<h3>Posteo</h3> <h3>Posteo</h3>
<span> <span>
@ -72,7 +72,7 @@
</div> </div>
</div> </div>
<div class="imgblock"> <div class="imgblock">
<img src="images/cockmail.png" width=50% style="float:left; margin:1%;" <img src="images/cockmail.png" width=95% style="float:left; margin:1%;"
onclick="openModal();currentSlide(3)" class="hover-shadow cursor"/> onclick="openModal();currentSlide(3)" class="hover-shadow cursor"/>
<h3>Cockmail</h3> <h3>Cockmail</h3>
@ -89,7 +89,7 @@
</div> </div>
</div> </div>
<div class="imgblock"> <div class="imgblock">
<img src="images/thexyz.png" width=50% style="float:left; margin:1%;" <img src="images/thexyz.png" width=95% style="float:left; margin:1%;"
onclick="openModal();currentSlide(4)" class="hover-shadow cursor"/> onclick="openModal();currentSlide(4)" class="hover-shadow cursor"/>
<h3>TheXYZ</h3> <h3>TheXYZ</h3>
<span> <span>

10
social.html
View File

@ -37,12 +37,12 @@
<p>Ключевой инструмент взаимодействия в современной Сети. Познакомьтесь с альтернативами</p> <p>Ключевой инструмент взаимодействия в современной Сети. Познакомьтесь с альтернативами</p>
<div class="imgblock"> <div class="imgblock">
<img src="images/mastodon.png" width=50% style="float:left; margin:1%;" <img src="images/mastodon.png" width=40% style="float:none; margin:1%;"
onclick="openModal();currentSlide(1)" class="hover-shadow cursor"/> onclick="openModal();currentSlide(1)" class="hover-shadow cursor"/>
<img src="images/mastodon2.png" width=50% style="float:left; margin:1%;" <img src="images/mastodon3.png" width=40% style="float:none; margin:1%;"
onclick="openModal();currentSlide(2)" class="hover-shadow cursor"/>
<img src="images/mastodon3.png" width=50% style="float:left; margin:1%;"
onclick="openModal();currentSlide(3)" class="hover-shadow cursor"/> onclick="openModal();currentSlide(3)" class="hover-shadow cursor"/>
<img src="images/mastodon2.png" width=80% style="float:none; margin:1%;"
onclick="openModal();currentSlide(2)" class="hover-shadow cursor"/>
<h3>#вместотвиттера Mastodon</h3> <h3>#вместотвиттера Mastodon</h3>
<span> <span>
<span>На данный момент — самая популярная из этичных социальных сетей с миллионами пользователей. <span>На данный момент — самая популярная из этичных социальных сетей с миллионами пользователей.
@ -86,7 +86,7 @@
</div> </div>
</div> </div>
<div class="imgblock"> <div class="imgblock">
<img src="images/frendica.png" width=50% style="float:left; margin:1%;" <img src="images/frendica.png" width=80% style="display:flex; margin:1%;"
onclick="openModal();currentSlide(4)" class="hover-shadow cursor"/> onclick="openModal();currentSlide(4)" class="hover-shadow cursor"/>
<h3>#вместоВК Friendica</h3> <h3>#вместоВК Friendica</h3>