diff --git a/gemp-lotr/gemp-lotr-async/src/main/web/index.html b/gemp-lotr/gemp-lotr-async/src/main/web/index.html index 94dd7d833..6289b9adf 100644 --- a/gemp-lotr/gemp-lotr-async/src/main/web/index.html +++ b/gemp-lotr/gemp-lotr-async/src/main/web/index.html @@ -1,245 +1,286 @@ + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> - Gemp-LotR + Gemp-LotR - + .centerContainer { + margin: 0; + height: 100%; + width: 100%; + display: flex; + flex-direction: column; + gap: 2px; + margin-top: 150px; + } + + .banner { + display: block; + text-align: center; + background-color: #222222CC; + width: 105vw; + left: -2.5vw; + padding: 10px; + color: #D98E04; + font-size: 500%; + margin: -5px 0 0 0; + } + + .content { + display: flex; + flex-direction: column; + gap: 2px; + align-items: stretch; + } + + .login { + margin: 10px; + padding: 10px; + font-size: 125%; + display:grid; + grid-row-gap: 10px; + } + + .status, .error { + margin: 0; + margin-left: auto; + margin-right: auto; + } + + .status { + color:#ffffff; + overflow:visible + } + + .error { + color: #ff0000 + } + + .interaction { + margin: 0; + margin-left: auto; + margin-right: auto; + color: #ffffff; + } + + .info { + text-align: center; + background-color: #222222CC; + margin-bottom: 150px; + width: 100vw; + margin-left: calc(-50vw + 50%); + color: #FFFFFF; + } + + .sw-shoutout { + margin: auto; + display: flex; + align-items: center; + justify-content: center; + } - - - + input { + font-size: 90%; + } + + .ui-button-text-only .ui-button-text { + font-size: 70%; + padding: .2em .5em; + } + + a { + color: #BF6B04; + } + + a:visited { + color: #A63F03; + } - - - - - - + - - - - - - - - + + + - - - - - + + + + + + - - - - - - - - - - + + + + + + + + - + + + + - var comm = new GempLotrCommunication("/gemp-lotr-server", function () { - alert("Unable to contact the server"); - }); + + + + + + + + + + - function register() { - var login = $("#login").val(); - var password = $("#password").val(); - var password2 = $("#password2").val(); - if (password != password2) { - $(".error").html("Password and Password repeated are different! Try again"); - } else { - comm.register(login, password, function () { - location.href = "/gemp-lotr/hall.html"; - }, - { - "0": function () { - alert("Unable to connect to server, either server is down or there is a problem" + - " with your internet connection"); - }, - "400": function () { - $(".error").html("Login is invalid. Login must be between 2-10 characters long, and contain only
" + - " english letters, numbers or _ (underscore) and - (dash) characters."); - }, - "409": function () { - $(".error").html("User with this login already exists in the system. Try a different one."); - }, - "503": function () { - $(".error").html("Server is down for maintenance. Please come at a later time."); - } - }); - } + + var loginButton = $("
Login
").button(); + loginButton.click(login); + + $("#password").keypress(function (e) { + if (e.which == 13) { + login(); + e.preventDefault(); + return false; + } + }); + + $(".interaction").append(loginButton); + } + + $(document).ready( + function () { + comm.getStatus( + function (html) { + $(".status").append(html); + }); + loginScreen(); + }); + -
-
- -
-
-
-
-
-
+
+
+

GEMP: Play the Lord of the Rings TCG

+
+ +
+

The Lord of the Rings TCG was published by Decipher, Inc from 2001-2007. GEMP is a platform for playing this excellent game for free in your browser. Maintained by the unofficial Player's Council.

+ +
+ +

(Also check out the Star Wars CCG GEMP ran by the Star Wars Players Committee.)

+ +
+
+
+