commit bc474aa23a83785b85ca572b3cef5c3c62d77d11 Author: Alex Date: Wed Apr 22 18:30:49 2020 +0200 Initial commit diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..cfb202b --- /dev/null +++ b/css/main.css @@ -0,0 +1,62 @@ +body { + font-family: 'Open Sans', sans-serif; + font-size: 14px; + margin: 0px; + height: 100%; + background-image: url("../img/bg.jpg"); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + color: #EEEEEE; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} +body div.main { + width: 90%; + min-width: 600px; + padding: 20px; + box-sizing: border-box; + background: rgba(20, 20, 20, 0.9); + display: flex; + flex-direction: row; + border-radius: 10px; +} +body div.main div { + flex: 1; +} +body div.main div.text { + margin-right: 10px; + overflow-y: auto; +} +body div.main div.img { + position: relative; + overflow: hidden; + width: 100%; + height: 100%; +} +body div.main div img { + border-radius: 10px; + position: absolute; + top: 0; + transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1); + animation-name: showcase; + animation-duration: 18s; + animation-iteration-count: infinite; + max-width: 100%; + max-height: 100%; +} +@keyframes showcase { + 0% { + transform: translateX(110%); + } + 6%, + 27% { + transform: translateX(0%); + } + 34%, + 100% { + transform: translateX(-110%); + } +} diff --git a/css/main.less b/css/main.less new file mode 100644 index 0000000..592c399 --- /dev/null +++ b/css/main.less @@ -0,0 +1,64 @@ +@bg: rgba(20,20,20,0.9); // Red Green Blue Alpha (Transparency) +@text-color: #EEEEEE; +@font-size: 14px; + +body { + font-family: 'Open Sans', sans-serif; + font-size: 14px; + margin: 0px; + height: 100%; + background-image: url("../img/bg.jpg"); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + color: @text-color; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + div.main { + width: 90%; + min-width: 600px; + padding: 20px; + box-sizing: border-box; + background: @bg; + display: flex; + flex-direction: row; + border-radius: 10px; + div { + flex: 1; + &.text { + margin-right: 10px; + overflow-y: auto; + } + &.img { + position: relative; + overflow: hidden; + width: 100%; + height: 100%; + } + img { + border-radius: 10px; + position: absolute; + top: 0; + transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1); + animation-name: showcase; + animation-duration: 18s; + animation-iteration-count: infinite; + max-width: 100%; + max-height: 100%; + } + } + } +} +@keyframes showcase { + 0% { + transform: translateX(110%); + } + 6%,27% { + transform: translateX(0%); + } + 34%,100% { + transform: translateX(-110%); + } +} diff --git a/img/1.jpg b/img/1.jpg new file mode 100644 index 0000000..5be912c Binary files /dev/null and b/img/1.jpg differ diff --git a/img/2.jpg b/img/2.jpg new file mode 100644 index 0000000..718a9a6 Binary files /dev/null and b/img/2.jpg differ diff --git a/img/3.jpg b/img/3.jpg new file mode 100644 index 0000000..a5b34d7 Binary files /dev/null and b/img/3.jpg differ diff --git a/img/bg.jpg b/img/bg.jpg new file mode 100644 index 0000000..34dd9ac Binary files /dev/null and b/img/bg.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..a2a5d7e --- /dev/null +++ b/index.html @@ -0,0 +1,34 @@ + + + + + + + + +
+
+

Welcome to cherry's Metrostroi Server!

+

This server does not require driving exams.

+
    +
  • Admins are always right
    • +
  • No griefing, trolling, spamming etc.
    • +
  • Only drive on the right side
    • +
  • Only use trains with active UAVA
    • +
  • Building custom trains is only allowed with admin permission
    • +
  • No advertisements
    • +
  • No insults
    • +
+
+
+ + + +
+
+
+

You are now joining on ## MAPNAME ## running ## GAMEMODE ##.

+

## STATUS ##

+
+ + diff --git a/js/main.js b/js/main.js new file mode 100644 index 0000000..ab61644 --- /dev/null +++ b/js/main.js @@ -0,0 +1,7 @@ +function GameDetails( servername, serverurl, mapname, maxplayers, steamid, gamemode ) { + $( "#map" ).text(mapname); + $( "#gamemode" ).text(gamemode); +} +function SetStatusChanged(status) { + $( "#status" ).text(status); +}