PurpleI2P/i2pd.i2p
1
0
Fork 0
mirror of https://github.com/PurpleI2P/i2pd.i2p synced 2025-01-30 16:24:25 +00:00
Code Issues Releases Wiki Activity

CSS fixes

Browse Source 
Signed-off-by: R4SAS <r4sas@i2pmail.org>
This commit is contained in:
R4SAS 2022-06-03 04:00:27 +03:00
parent 53a90262c5
commit 7bf7cfcff9
Signed by: r4sas
GPG Key ID: 66F6C87B98EBCFE2
1 changed files with 60 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
index.html
View File

@ -9,6 +9,9 @@
<title>Welcome to I2P</title> <title>Welcome to I2P</title>
<link rel="shortcut icon" href="favicon.ico"> <link rel="shortcut icon" href="favicon.ico">
<style> <style>
.wrapper { display: contents; }
.content { text-align: center; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 800px; }
.spacer { margin: 3em; }
.text1 { font-size: 2em; font-family: Arial; } .text1 { font-size: 2em; font-family: Arial; }
.text2 { font-size: 3em; font-family: Arial; } .text2 { font-size: 3em; font-family: Arial; }
.badge { width: 88px; height: 31px; border-radius: 6px; border: 2px solid #674d8c; } .badge { width: 88px; height: 31px; border-radius: 6px; border: 2px solid #674d8c; }
@ -16,18 +19,28 @@
.badge:active { border: 2px solid #ffffff; } .badge:active { border: 2px solid #ffffff; }
.invis { color: #ffffff; transition: 4s; } .invis { color: #ffffff; transition: 4s; }
.invis:hover { color: #8764b9; transition: 0.4s; } .invis:hover { color: #8764b9; transition: 0.4s; }
.content { text-align: center; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 800px; } @media screen and (max-width: 992px) {
@media screen and (max-width: 920px) { .text1 { font-size: 1.2em; } .text2 { font-size: 1.5em; } .logo { max-width: 150px; } } .wrapper { display: grid }
@keyframes bounce { 0%, 20%, 80%, 100% { transform: translateY(0); transform: translateY(0); } 7% { transform: translateY(-5px); transform: translateY(-5px); } } .content { left: unset; top: 10%; margin: 0 auto; transform: unset; }
.spacer { margin: 1em; }
.text1 { font-size: 1.2em; }
.text2 { font-size: 1.5em; }
.logo { max-width: 150px; }
}
@keyframes bounce {
0%, 20%, 80%, 100% { transform: translateY(0); transform: translateY(0); }
7% { transform: translateY(-5px); transform: translateY(-5px); }
}
</style> </style>
</head> </head>
<body text="#FFFFFF" bgcolor="#8764b9"> <body text="#FFFFFF" bgcolor="#8764b9">
<div class="wrapper">
<div class="content"> <div class="content">
<img class="logo" src="img/mask.png"><br> <img class="logo" src="img/mask.png"><br>
<span class="text1">Your I2Pd Browser is working correctly</span><br> <span class="text1">Your I2Pd Browser is working correctly</span><br>
<span class="text2"><b>Welcome to <span class="invis">Invisible</span> Internet</b></span> <span class="text2"><b>Welcome to <span class="invis">Invisible</span> Internet</b></span>
<br><br><br> <div class="spacer"></div>
<a href="http://pubsub.i2p/" target="_blank" title="Федеративный сервис социальных сетей (Pleroma)"><img src="img/pubsub.jpg" class="badge" alt="pubsub.i2p"></a> <a href="http://pubsub.i2p/" target="_blank" title="Федеративный сервис социальных сетей (Pleroma)"><img src="img/pubsub.jpg" class="badge" alt="pubsub.i2p"></a>
<a href="http://4rum.i2p/" target="_blank" title="Русскоязычный форум"><img src="img/4rum.png" class="badge" alt="4rum.i2p"></a> <a href="http://4rum.i2p/" target="_blank" title="Русскоязычный форум"><img src="img/4rum.png" class="badge" alt="4rum.i2p"></a>
<a href="http://irc.acetone.i2p/web/#ru" target="_blank" title="Веб-морда ILITA IRC"><img src="img/irc-acetone.jpg" class="badge" alt="irc.acetone.i2p"></a> <a href="http://irc.acetone.i2p/web/#ru" target="_blank" title="Веб-морда ILITA IRC"><img src="img/irc-acetone.jpg" class="badge" alt="irc.acetone.i2p"></a>
@ -67,5 +80,6 @@
<a href="http://nigg3rveztrkpzoimq4z46pvbtml27mfhadt7n5bvl3pzzyzefxa.b32.i2p/" target="_blank" title="Наших бьют"><img src="img/mlw.jpg" class="badge" alt="wlm.i2p"></a> <a href="http://nigg3rveztrkpzoimq4z46pvbtml27mfhadt7n5bvl3pzzyzefxa.b32.i2p/" target="_blank" title="Наших бьют"><img src="img/mlw.jpg" class="badge" alt="wlm.i2p"></a>
<a href="http://heaven.i2p/" target="_blank" title="Откровения людям Нового века"><img src="img/door51.png" class="badge" alt="heaven.i2p"></a> <a href="http://heaven.i2p/" target="_blank" title="Откровения людям Нового века"><img src="img/door51.png" class="badge" alt="heaven.i2p"></a>
</div> </div>
</div>
</body> </body>
</html> </html>