@ -9,6 +9,9 @@
@@ -9,6 +9,9 @@
< title > Welcome to I2P< / title >
< link rel = "shortcut icon" href = "favicon.ico" >
< 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; }
.text2 { font-size: 3em; font-family: Arial; }
.badge { width: 88px; height: 31px; border-radius: 6px; border: 2px solid #674d8c; }
@ -16,18 +19,28 @@
@@ -16,18 +19,28 @@
.badge:active { border: 2px solid #ffffff; }
.invis { color: #ffffff; transition: 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: 920px) { .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); } }
@media screen and (max-width: 992px) {
.wrapper { display: grid }
.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 >
< / head >
< body text = "#FFFFFF" bgcolor = "#8764b9" >
< div class = "wrapper" >
< div class = "content" >
< img class = "logo" src = "img/mask.png" > < 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 >
< 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://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 >
@ -67,5 +80,6 @@
@@ -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://heaven.i2p/" target = "_blank" title = "Откровения людям Нового века" > < img src = "img/door51.png" class = "badge" alt = "heaven.i2p" > < / a >
< / div >
< / div >
< / body >
< / html >