menu
This commit is contained in:
Tolstoevsky
commit
8e347f7eff
65
css/base.css
65
css/base.css
@ -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,54 +15,54 @@
|
|||||||
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 {
|
||||||
padding: 2% 2% 2% 2%;
|
padding: 2% 2% 2% 2%;
|
||||||
margin: 3% 3% 3% 3%;
|
margin: 3% 3% 3% 3%;
|
||||||
}
|
}
|
||||||
|
|
||||||
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
10
css/menu.css
@ -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
15
im.html
@ -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
4
js/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -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
10
social.html
@ -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>
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user