From f0be24cf6aeb6b54c6dd8e0ac42ee7acec64421b Mon Sep 17 00:00:00 2001 From: Tancre Date: Thu, 16 Apr 2020 20:40:20 +0200 Subject: [PATCH] setting places --- main/variations/index.html | 140 +++++++++------------ main/variations/style.css | 247 ++++++++++++++++++------------------- 2 files changed, 178 insertions(+), 209 deletions(-) diff --git a/main/variations/index.html b/main/variations/index.html index d6f2b38..3c43adc 100644 --- a/main/variations/index.html +++ b/main/variations/index.html @@ -9,89 +9,67 @@ -
- -
- - -
-

i

-

l

-

i

-

n

-

χ

-
- + +
+ + +
+ +
+

i

+

l

+

i

+

n

+

χ

+
+ +
+ + + +
+
+ Lab_1 + LimilimupIamamuplunUtusulimNuulimlimUtus-UpnunuLunuuakUpnunu-UtusIulsiUi-AtlilAlim-ApulUnapatsiUpkilalUllillilas-NiiulAlim-UpapUi-ApusaPalat-UnpiAka-pak-Auas-UpapLinunamlunUnpi-Upnunuas-UpnunuLunulIllinlunsapiAlim-PalatNiiul-UpapUpap-PalatAtlil-UpapAapalius-Uias-AtlilLallunillasas-AuPitunaplilmaUpnunu-NiiulAka-UnpiLillalanlukApalsilinlalUnpi-AlillilApul-KualpilAlim-pak-AuAknuupLatlulapatas-Unpias-KualpilUtnusi-ApamAtlumNupillunPalat-Upapas-NilpiPaluluniUi-MulaAmlimlumupTallastutsulNantalLatpankiTasnupankukuLikipanlun +
+ +
+ Katak Temple + äh-AgätschugUtschäwahugäh-UtschugägUgïzhagÄsägäkAhäsawÏhizhutschäkInututschahÄkigäsïgÏkugutschäh-ÏnäsïdÏzhäsinänÄsïzhïdïkäh-UtschawigIzhututschäpUhïnägäsApiguhAhïwäsahUtazizhutschUtschizhïhahIgapïgÄnapïnizhÏdïgutschubUtschïzäkïdAgïzïhAwäsänÄsänämÏwäsuzUhïsäsUtapïwUtschïsïnUsagumAhagädäjUtuzutschunImäzhahutschAgïzänIzhïsutschigItschuhïzäsÄsutizhïhÄputapädÏmïgäsApawusUtschusunAgïmimÄmäsitschanInutschägUpäkuzÏzupazÏtutukubUkugazÏzhukïn +
+ +
+ Castalia + ÏzekoÄozhkizPepekizKiznïzïzKizpaKizmïkësaz AtïzkizHokizPakonïzKukësKihekï Ikiziaz ËzkëezKïäkizEznïz ë KoäAtïz ë NïzkuÄkizkësËzozh EznïzKizï AtïzkizËzkëez NïzkuOku AmexNïzku ë KoäHeku ë EznïzAtïzkiz KoäMokizHizhkizpaaz HekuKizï ë ËzozhKuzmïkës OkuUxme IkiziKumo IkiziPakumexaz OkuËzkëez KoäNïzukosKosmïAtïz KihekïËzozh ë MeoxEizox +
+ +
+ Miskatonic
Virtual
University
(MVU) + UlkiltarkalmKalmurmtarMalilnmalTarurmulUlulilnUrkilnUlpilnIlilnulmnarmnulm TarulTarnilkUrmulpulmtarTarttarilkMulkkalmsalTarmalUlpmulsalalNilkilnTururmMaltarnarmUlkirsalIlkmulnUlpilmalMulnlulmnulm MulnpurUrkirilmulm +
+
- -LimilimupIamamuplunUtusulimNuulimlimUtus-UpnunuLunuuakUpnunu-UtusIulsiUi-AtlilAlim-ApulUnapatsiUpkilalUllillilas-NiiulAlim-UpapUi-ApusaPalat-UnpiAka-pak-Auas-UpapLinunamlunUnpi-Upnunuas-UpnunuLunulIllinlunsapiAlim-PalatNiiul-UpapUpap-PalatAtlil-UpapAapalius-Uias-AtlilLallunillasas-AuPitunaplilmaUpnunu-NiiulAka-UnpiLillalanlukApalsilinlalUnpi-AlillilApul-KualpilAlim-pak-AuAknuupLatlulapatas-Unpias-KualpilUtnusi-ApamAtlumNupillunPalat-Upapas-NilpiPaluluniUi-MulaAmlimlumupTallastutsulNantalLatpankiTasnupankukuLikipanlun - - - - - - - - - - - - - - - äh-AgätschugUtschäwahugäh-UtschugägUgïzhagÄsägäkAhäsawÏhizhutschäkInututschahÄkigäsïgÏkugutschäh-ÏnäsïdÏzhäsinänÄsïzhïdïkäh-UtschawigIzhututschäpUhïnägäsApiguhAhïwäsahUtazizhutschUtschizhïhahIgapïgÄnapïnizhÏdïgutschubUtschïzäkïdAgïzïhAwäsänÄsänämÏwäsuzUhïsäsUtapïwUtschïsïnUsagumAhagädäjUtuzutschunImäzhahutschAgïzänIzhïsutschigItschuhïzäsÄsutizhïhÄputapädÏmïgäsApawusUtschusunAgïmimÄmäsitschanInutschägUpäkuzÏzupazÏtutukubUkugazÏzhukïn - - - - - - - - - - - - - - - -ÏzekoÄozhkizPepekizKiznïzïzKizpaKizmïkësaz AtïzkizHokizPakonïzKukësKihekï Ikiziaz ËzkëezKïäkizEznïz ë KoäAtïz ë NïzkuÄkizkësËzozh EznïzKizï AtïzkizËzkëez NïzkuOku AmexNïzku ë KoäHeku ë EznïzAtïzkiz KoäMokizHizhkizpaaz HekuKizï ë ËzozhKuzmïkës OkuUxme IkiziKumo IkiziPakumexaz OkuËzkëez KoäNïzukosKosmïAtïz KihekïËzozh ë MeoxEizox - - - - - - - -
- Miskatonic
Virtual
University
(MVU) - UlkiltarkalmKalmurmtarMalilnmalTarurmulUlulilnUrkilnUlpilnIlilnulmnarmnulm TarulTarnilkUrmulpulmtarTarttarilkMulkkalmsalTarmalUlpmulsalalNilkilnTururmMaltarnarmUlkirsalIlkmulnUlpilmalMulnlulmnulm MulnpurUrkirilmulm -
-
diff --git a/main/variations/style.css b/main/variations/style.css index 2ff27d3..05ed9fb 100644 --- a/main/variations/style.css +++ b/main/variations/style.css @@ -1,3 +1,5 @@ +/* ----------------------------- GLOBAL ----------------------------- */ + body{ font-family: "Lucida Console", Monaco, monospace; overflow: hidden; background-color: black; @@ -7,88 +9,9 @@ p { font-size: 20px; } a{ text-decoration: none; } -#space-time{ - z-index: 101; - position: relative; - width: 600px; - height: 500px; - top: 1158px; - left: 853px; -} - -#ilinx{ -position: absolute; -width: 106px; -left: 250px; -top: 420px; -} - -.ilinx { - font-size: 35px; - margin-top: -2px; - float:left; - cursor: grab; -} - -#spiral { - width: 300px; - position: absolute; - margin-top: -150px; - margin-left: -150px; - top: 250px; - left: 300px; - } - -.rotating { - -webkit-animation: rotating 3s linear infinite; - -moz-animation: rotating 3s linear infinite; - -ms-animation: rotating 3s linear infinite; - -o-animation: rotating 3s linear infinite; - animation: rotating 3s linear infinite; -} - -#islands{ - -} - -a.island:link{color:white;} -a.island:hover{color: red; - -webkit-animation: breathe 3s linear infinite; - -moz-animation: breathe 3s linear infinite; - -ms-animation: breathe 3s linear infinite; - -o-animation: breathe 3s linear infinite; - animation: breathe 3s linear infinite; -} -a.island:visited{color: white;} - -#lemuria { - position: absolute; - left: 68px; - top:269px; - -} - -#mu { - position: absolute; - left: 189px; - top:76px; - -} - -#hyperborea { - position: absolute; - left: 444px; - top: 151px; - -} +/* ----------------------------- SPACE ----------------------------- */ -#thule{ - position: absolute; - left: 421px; - top:322px; -} - -#sea { +#space { position: relative; width: 2500px; height: 2500px; @@ -100,22 +23,105 @@ a.island:visited{color: white;} background-repeat: repeat;*/ } + /* --------------------- TIME ------------------------ */ + + + #time{ + z-index: 101; + position: relative; + width: 600px; + height: 500px; + top: 1158px; + left: 853px; + } + + #ilinx{ + position: absolute; + width: 106px; + left: 250px; + top: 420px; + } + + .ilinx { + font-size: 35px; + margin-top: -2px; + float:left; + cursor: grab; + } + + #spiral { + width: 300px; + position: absolute; + margin-top: -150px; + margin-left: -150px; + top: 250px; + left: 300px; + } + + .rotating { + -webkit-animation: rotating 3s linear infinite; + -moz-animation: rotating 3s linear infinite; + -ms-animation: rotating 3s linear infinite; + -o-animation: rotating 3s linear infinite; + animation: rotating 3s linear infinite; + } + + a.island:link{color:white;} + a.island:hover{color: red; + -webkit-animation: breathe 3s linear infinite; + -moz-animation: breathe 3s linear infinite; + -ms-animation: breathe 3s linear infinite; + -o-animation: breathe 3s linear infinite; + animation: breathe 3s linear infinite; + } + a.island:visited{color: white;} + + #lemuria { + position: absolute; + left: 68px; + top:269px; + + } + + #mu { + position: absolute; + left: 189px; + top:76px; + + } + + #hyperborea { + position: absolute; + left: 444px; + top: 151px; + + } + + #thule{ + position: absolute; + left: 421px; + top:322px; + } + + +/* ----------------------------- ISLANDS ----------------------------- */ + #iper{ - position: relative; - left: -27px; - top: -47px; + position: absolute; + left: 1340px; + top: 493px; } #m { - position: relative; - left: -632px; - top: -48px; + position: absolute; + left: 0px; + top: 542px; } #thl{ - position: relative; - left: -30px; - top: -38px; + position: absolute; + left: 1280px; + top: 1500px; } #lmr{ @@ -124,15 +130,29 @@ a.island:visited{color: white;} top: 1454px; } -#MVU{ - position: absolute; - text-align: center; - left: 278px; - top: 321px; - cursor: pointer; +/* --------------------- PLACES ------------------------ */ -} +.places{ + position: absolute; + text-align: center; + } + /* -------------- LEMURIA ---------------- */ + + #MVU { left: 278px; top: 321px; } + + /* ---------------- MU ------------------ */ + + #Katak_temple { left: 379px; top: 504px; } + /* ------------ HYPERBOREA -------------- */ + + #Lab_1 { left: 423px; top: 876px; } + + /* -------------- THULE ----------------- */ + + #Castalia { left: 500px; top: 704px; } + +/* ------------------ PLACES STYLE -------------------- */ .inner{ font-size: 15px; background-color: yellow; @@ -149,30 +169,8 @@ color: green; +/* ----------------------------- SVG ----------------------------- */ - - - - - - - - - - - - - - - - - - - - - - -/* SVG */ text { font-family: "Lucida Console", Monaco, monospace; color: black; @@ -222,13 +220,7 @@ path, line { - - - - - - - +/* ----------------------------- ANIMATIONS ----------------------------- */ /* Rotate loop */ @@ -261,7 +253,6 @@ path, line { } } - /* Breathing text */ @-webkit-keyframes breathe /* Safari and Chrome */ {