diff --git a/assets/css/redirecting.css b/assets/css/redirecting.css new file mode 100644 index 0000000..4bbd7eb --- /dev/null +++ b/assets/css/redirecting.css @@ -0,0 +1,156 @@ +*, +*::before, +*::after { + margin: 0; + padding: 0; + box-sizing: inherit; +} + +html { + box-sizing: border-box; +} + +body { + margin: auto; + font-family: -apple-system, BlinkMacSystemFont, sans-serif; + overflow: auto; + background: linear-gradient(315deg, rgb(101, 0, 94) 3%, rgb(60, 132, 206) 38%, rgb(48, 238, 226) 68%, rgb(255, 25, 25) 98%); + animation: gradient 15s ease infinite; + background-size: 400% 400%; + background-attachment: fixed; +} + +@keyframes gradient { + 0% { + background-position: 0% 0%; + } + 50% { + background-position: 100% 100%; + } + 100% { + background-position: 0% 0%; + } +} +.wave { + background: rgba(255, 255, 255, 0.25); + border-radius: 1000% 1000% 0 0; + position: fixed; + width: 200%; + height: 12em; + animation: wave 10s -3s linear infinite; + transform: translate3d(0, 0, 0); + opacity: 0.8; + bottom: 0; + left: 0; + z-index: -1; +} + +.wave:nth-of-type(2) { + bottom: -1.25em; + animation: wave 18s linear reverse infinite; + opacity: 0.8; +} + +.wave:nth-of-type(3) { + bottom: -2.5em; + animation: wave 20s -1s reverse infinite; + opacity: 0.9; +} + +@keyframes wave { + 2% { + transform: translateX(1); + } + 25% { + transform: translateX(-25%); + } + 50% { + transform: translateX(-50%); + } + 75% { + transform: translateX(-25%); + } + 100% { + transform: translateX(1); + } +} +.container { + margin: auto auto; + height: 90vh; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.tittle, +.subtitle { + margin-bottom: 40px; + color: #44b9ff; + letter-spacing: 4px; + text-transform: uppercase; +} + +.square-container { + list-style-type: none; + display: flex; + position: relative; +} + +.square { + margin: 4px; + width: 30px; + height: 30px; + border-radius: 7px; + animation: rotating 2.5s ease infinite; +} + +.square1 { + background: #736efe; + animation-delay: 0.2s; +} + +.square2 { + background: #5999ff; + animation-delay: 0.4s; +} + +.square3 { + background: #44b9ff; + animation-delay: 0.6s; +} + +.square4 { + background: #31d8ff; + animation-delay: 0.8s; +} + +.square5 { + background: #18ffff; + animation-delay: 1s; +} + +@keyframes rotating { + 0% { + transform: rotate(0) scale(1); + } + 50% { + transform: rotate(90deg) scale(0.6); + } + 100% { + transform: rotate(90deg) scale(1); + } +} +footer { + margin: auto auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + margin-bottom: 10px; + color: #31d8ff; +} + +footer a { + color: #736efe; +}/*# sourceMappingURL=redirecting.css.map */ \ No newline at end of file diff --git a/assets/css/redirecting.css.map b/assets/css/redirecting.css.map new file mode 100644 index 0000000..0d4cedb --- /dev/null +++ b/assets/css/redirecting.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["redirecting.scss","redirecting.css"],"names":[],"mappings":"AAMA;;;EAGI,SAAA;EACA,UAAA;EACA,mBAAA;ACLJ;;ADQA;EACI,sBAAA;ACLJ;;ADQA;EACI,YAAA;EACA,0DAAA;EACA,cAAA;EACA,2HAAA;EACA,qCAAA;EACA,0BAAA;EACA,4BAAA;ACLJ;;ADQA;EACI;IACI,0BAAA;ECLN;EDOE;IACI,8BAAA;ECLN;EDOE;IACI,0BAAA;ECLN;AACF;ADQA;EACI,qCAAA;EACA,8BAAA;EACA,eAAA;EACA,WAAA;EACA,YAAA;EACA,uCAAA;EACA,+BAAA;EACA,YAAA;EACA,SAAA;EACA,OAAA;EACA,WAAA;ACNJ;;ADSA;EACI,eAAA;EACA,2CAAA;EACA,YAAA;ACNJ;;ADSA;EACI,cAAA;EACA,wCAAA;EACA,YAAA;ACNJ;;ADSA;EACI;IACI,wBAAA;ECNN;EDSE;IACI,2BAAA;ECPN;EDUE;IACI,2BAAA;ECRN;EDWE;IACI,2BAAA;ECTN;EDYE;IACI,wBAAA;ECVN;AACF;ADaA;EACI,iBAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,mBAAA;ACXJ;;ADcA;;EAEI,mBAAA;EACA,cAAA;EACA,mBAAA;EACA,yBAAA;ACXJ;;ADcA;EACI,qBAAA;EACA,aAAA;EACA,kBAAA;ACXJ;;ADcA;EACI,WAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,sCAAA;ACXJ;;ADcA;EACI,mBAxHa;EAyHb,qBAAA;ACXJ;;ADaA;EACI,mBA3Ha;EA4Hb,qBAAA;ACVJ;;ADYA;EACI,mBA9Ha;EA+Hb,qBAAA;ACTJ;;ADWA;EACI,mBAjIa;EAkIb,qBAAA;ACRJ;;ADUA;EACI,mBApIa;EAqIb,mBAAA;ACPJ;;ADUA;EACI;IACI,6BAAA;ECPN;EDSE;IACI,mCAAA;ECPN;EDSE;IACI,iCAAA;ECPN;AACF;ADUA;EACI,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,mBAAA;EACA,mBAAA;EACA,cA5Ja;ACoJjB;;ADWA;EACI,cAnKa;AC2JjB","file":"redirecting.css"} \ No newline at end of file diff --git a/assets/css/redirecting.scss b/assets/css/redirecting.scss new file mode 100644 index 0000000..6982291 --- /dev/null +++ b/assets/css/redirecting.scss @@ -0,0 +1,165 @@ +$color-primary1: #736efe; +$color-primary2: #5999ff; +$color-primary3: #44b9ff; +$color-primary4: #31d8ff; +$color-primary5: #18ffff; + +*, +*::before, +*::after { + margin: 0; + padding: 0; + box-sizing: inherit; +} + +html { + box-sizing: border-box; +} + +body { + margin: auto; + font-family: -apple-system, BlinkMacSystemFont, sans-serif; + overflow: auto; + background: linear-gradient(315deg, rgba(101, 0, 94, 1) 3%, rgba(60, 132, 206, 1) 38%, rgba(48, 238, 226, 1) 68%, rgba(255, 25, 25, 1) 98%); + animation: gradient 15s ease infinite; + background-size: 400% 400%; + background-attachment: fixed; +} + +@keyframes gradient { + 0% { + background-position: 0% 0%; + } + 50% { + background-position: 100% 100%; + } + 100% { + background-position: 0% 0%; + } +} + +.wave { + background: rgb(255 255 255 / 25%); + border-radius: 1000% 1000% 0 0; + position: fixed; + width: 200%; + height: 12em; + animation: wave 10s -3s linear infinite; + transform: translate3d(0, 0, 0); + opacity: 0.8; + bottom: 0; + left: 0; + z-index: -1; +} + +.wave:nth-of-type(2) { + bottom: -1.25em; + animation: wave 18s linear reverse infinite; + opacity: 0.8; +} + +.wave:nth-of-type(3) { + bottom: -2.5em; + animation: wave 20s -1s reverse infinite; + opacity: 0.9; +} + +@keyframes wave { + 2% { + transform: translateX(1); + } + + 25% { + transform: translateX(-25%); + } + + 50% { + transform: translateX(-50%); + } + + 75% { + transform: translateX(-25%); + } + + 100% { + transform: translateX(1); + } +} + +.container { + margin: auto auto; + height: 90vh; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.tittle, +.subtitle { + margin-bottom: 40px; + color: #44b9ff; + letter-spacing: 4px; + text-transform: uppercase; +} + +.square-container { + list-style-type: none; + display: flex; + position: relative; +} + +.square { + margin: 4px; + width: 30px; + height: 30px; + border-radius: 7px; + animation: rotating 2.5s ease infinite; +} + +.square1 { + background: $color-primary1; + animation-delay: 0.2s; +} +.square2 { + background: $color-primary2; + animation-delay: 0.4s; +} +.square3 { + background: $color-primary3; + animation-delay: 0.6s; +} +.square4 { + background: $color-primary4; + animation-delay: 0.8s; +} +.square5 { + background: $color-primary5; + animation-delay: 1s; +} + +@keyframes rotating { + 0% { + transform: rotate(0) scale(1); + } + 50% { + transform: rotate(90deg) scale(0.6); + } + 100% { + transform: rotate(90deg) scale(1); + } +} + +footer { + margin: auto auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + margin-bottom: 10px; + color: $color-primary4; +} + +footer a { + color: $color-primary1; +} diff --git a/en/index.html b/en/index.html index 45ee896..2462131 100644 --- a/en/index.html +++ b/en/index.html @@ -1343,7 +1343,7 @@