diff --git a/src/static/css/styles-nojs.css b/src/static/css/styles-nojs.css new file mode 100644 index 0000000..1a431b2 --- /dev/null +++ b/src/static/css/styles-nojs.css @@ -0,0 +1,69 @@ +.pageContainer .footer-js { + display: none; +} + +.nojs-warning { + position: absolute !important; + max-width: 400px !important; + text-align: center !important; + padding-top: 24px !important; + animation: blinker 2s ease-in-out infinite; +} + +@keyframes blinker { + 50% { opacity: 0; } +} + +.content-not-available { + display: grid; + position: relative; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + height: calc(100vh - 80px); + overflow: hidden; + color: #fefee1; +} + +.content-not-available .content-not-available-introduction { + width: 100%; + position: absolute; + transition: transform .2s ease; + transform: translateX(0); + text-align: center; +} + +.dropdown-menu-linux { + position: relative; + display: inline-block; +} + +.dropdownbtn { + border: none; + color: #fefee1; + background-color: transparent; + text-shadow: 0 0 1px rgba(22, 25, 35, 0.5); +} + +.dropdown-menu-linux-content { + display: none; + position: absolute; + background-color: rgb(255 179 38 / 80%); + width: 100%; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; +} + +.dropdown-menu-linux-content a { + text-decoration: none; + display: block; +} + +.dropdown-menu-linux-content a:hover { + background-color: #ddd; +} + +.dropdown-menu-linux:hover .dropdown-menu-linux-content { + display: block; +} \ No newline at end of file diff --git a/src/views/includes/footer-nojs.ejs b/src/views/includes/footer-nojs.ejs new file mode 100644 index 0000000..49958c8 --- /dev/null +++ b/src/views/includes/footer-nojs.ejs @@ -0,0 +1,30 @@ + \ No newline at end of file diff --git a/src/views/includes/nav-nojs.ejs b/src/views/includes/nav-nojs.ejs new file mode 100644 index 0000000..e5719b2 --- /dev/null +++ b/src/views/includes/nav-nojs.ejs @@ -0,0 +1,68 @@ +
+ + ⚠ + You're not using Javascript, this version of the website has limited content. + +
+
+
+
+ +
+ BeamMP Logo +
+ +
+
+
+ +
+ + +
+ +
+
+
+
diff --git a/src/views/index.ejs b/src/views/index.ejs index dff0d5f..9845509 100644 --- a/src/views/index.ejs +++ b/src/views/index.ejs @@ -50,32 +50,37 @@ }); }); + - - -
-
-
-
-
-

- BeamMP Bringing Multiplayer to BeamNG.drive!
- With a smooth and enjoyable experience. -

-
-
-
-
- - -
-
-
-
-
-

Stable Servers

- BeamMP allows for stable servers, - with a variety of servers located accross the globe. -
-
-

BeamNG.drive

BeamMP uses the same maps, vehicles & mods - so you don't need to learn anything new! -
-
-

Standalone

BeamMP doesn't modify your original installation, - so you can play either singleplayer or multiplayer. -
-
-

Sync quality

BeamMP updates your vehicle position ~100 times per second, - allowing for a smooth overall experience. -
-
-
+ + + + + +
+
+
+
+

Stable Servers

+ BeamMP allows for stable servers, + with a variety of servers located accross the globe. +
+
+

BeamNG.drive

BeamMP uses the same maps, vehicles & mods + so you don't need to learn anything new! +
+
+

Standalone

BeamMP doesn't modify your original installation, + so you can play either singleplayer or multiplayer. +
+
+

Sync quality

BeamMP updates your vehicle position ~100 times per second, + allowing for a smooth overall experience. +
+
+
-
-
-
-
- -
-
-
-
    -
  • Dedicated servers
    • -
  • The original BeamNG.Drive
    • -
  • Dedicated support team
    • -
  • 24/7 Global Access
    • -
-
-
+
+
+
+
+ +
+
+
+
    +
  • Dedicated servers
    • +
  • The original BeamNG.Drive
    • +
  • Dedicated support team
    • +
  • 24/7 Global Access
    • +
+
+
-
-
-
-
- -

FAQ.

-
-

The server list is not showing up!

-

Try restarting BeamMP as this can sometimes happen, if this fails to fix your issue please create a topic on our forum or visit the support channel on our discord

-

How do I open a ticket in case something doesn’t work or I have questions?

-

Please check the #how-to-use channel in Discord and on our forum. Please give an accurate description of what you’ve done so the support team will help you in a fast and effective way.

-

Help! Im getting error codes

-

Please head over to our forum and see if anyone has had the issue before. It is likely that someone else has at some point and therefore there will also probably be a solution posted with it too in the replies. Altervatively visit our discord where the larger portion of community is currently based.

-

Does this work with pirated versions of BeamNG.drive?

-

We don’t know if it works with pirated versions of BeamNG.drive, but we will not provide any support to non legit copies of the game. Nor will we change to support it.

-

How do I host a server?

-

The server files required for hosting your own server can be found at the top of this page below the client download. You will also require a authentication key which can be found from keymaster. Further information around the setup can be found on our wiki.

-

Can I use mods?

-

Mods are supported, These are installed on the server. See our wiki for more infomation.

-
-
-
- -
+
+
+
+
+
+ +

FAQ.

+
+

The server list is not showing up!

+

Try restarting BeamMP as this can sometimes happen, if this fails to fix your issue please create a topic on our forum or visit the support channel on our discord

+

How do I open a ticket in case something doesn’t work or I have questions?

+

Please check the #how-to-use channel in Discord and on our forum. Please give an accurate description of what you’ve done so the support team will help you in a fast and effective way.

+

Help! Im getting error codes

+

Please head over to our forum and see if anyone has had the issue before. It is likely that someone else has at some point and therefore there will also probably be a solution posted with it too in the replies. Altervatively visit our discord where the larger portion of community is currently based.

+

Does this work with pirated versions of BeamNG.drive?

+

We don’t know if it works with pirated versions of BeamNG.drive, but we will not provide any support to non legit copies of the game. Nor will we change to support it.

+

How do I host a server?

+

The server files required for hosting your own server can be found at the top of this page below the client download. You will also require a authentication key which can be found from keymaster. Further information around the setup can be found on our wiki.

+

Can I use mods?

+

Mods are supported, These are installed on the server. See our wiki for more infomation.

+
+
+
+ +
+ +
+ <%- include('includes/footer.ejs') %> +
+ + + + + diff --git a/src/views/servers.ejs b/src/views/servers.ejs index b92e6a2..89d158d 100644 --- a/src/views/servers.ejs +++ b/src/views/servers.ejs @@ -20,49 +20,70 @@ gtag('config', 'UA-160071688-1'); + - - -
-
-

Server List

-
-
BeamMP Server List
-
-
- - - - - - - - - - - - - - - - - - - -
LocationServer NameMapPlayers
LocationServer NameMapPlayers
-
-
-
-
- <%- include('includes/footer.ejs') %> -
- - - - - +
+ + +
+
+

Server List

+
+
BeamMP Server List
+
+
+ + + + + + + + + + + + + + + + + + + +
LocationServer NameMapPlayers
LocationServer NameMapPlayers
+
+
+
+
+ <%- include('includes/footer.ejs') %> +
+ + + + + +
+ + diff --git a/src/views/stats.ejs b/src/views/stats.ejs index 13b9d92..6fbdadf 100644 --- a/src/views/stats.ejs +++ b/src/views/stats.ejs @@ -25,168 +25,192 @@ gtag('config', 'UA-160071688-1'); + - -
-
-
-
-

BeamMP Statistics

-
-
-
-
-
Highest Recorded Players
-

-
-
-
-
-
-
-
Highest Recorded Servers
-

-
-
-
-
-
-
-
Todays Average Players
-

-
-
-
-
- -
-
- -
- - - - - - + + + + + + //const socket = io('./stats'); + +
+ + +