From 3d846464ab6b26cb7a124eb4a110d018712a17d8 Mon Sep 17 00:00:00 2001 From: Christian Weiske Date: Sun, 4 Jun 2023 06:05:40 +0200 Subject: [PATCH] Fix indentation and close tags in html templates and css --- templates/activate-code.phtml | 56 ++++---- templates/activate-profile.phtml | 229 ++++++++++++++++--------------- templates/activate-success.phtml | 48 ++++--- www/css/css.css | 155 ++++++++++++++------- 4 files changed, 272 insertions(+), 216 deletions(-) diff --git a/templates/activate-code.phtml b/templates/activate-code.phtml index cb7a738..eb435c5 100644 --- a/templates/activate-code.phtml +++ b/templates/activate-code.phtml @@ -1,40 +1,36 @@ - - - GameStick activation: Code - - - -

Game Stick

-
+ + + GameStick activation: Code + + + +

Game Stick

+
-
+
-

Welcome

+

Welcome

-
-
- -

Almost there, just few more steps and you will have activated your GameStick.

-

Please enter the code displayed on your TV screen below.

- -
+
-
- -
- -
-

-
- +

Almost there, just few more steps and you will have activated your GameStick.

+

Please enter the code displayed on your TV screen below.

- - -
+
+
+ + +
+

+
+ - + +
+
+ + - diff --git a/templates/activate-profile.phtml b/templates/activate-profile.phtml index 370ab69..ad2620a 100644 --- a/templates/activate-profile.phtml +++ b/templates/activate-profile.phtml @@ -1,129 +1,132 @@ - - - GameStick activation: Profile - - - -

Game Stick

-
- -
-

PlayJam GameStick activation: Profile

-
- -
-

Create your own unique PlayTag and choose a profile image to personalise your account

- -

- Also you can sign yourself as a Founder. -

-
- - - -
- Errors: -
    - + + + GameStick activation: Profile + + + +

    Game Stick

    +
    + +
    +

    PlayJam GameStick activation: Profile

    +
    + +
    +

    Create your own unique PlayTag and choose a profile image to personalise your account

    + +

    + Also you can sign yourself as a Founder. +

    + + + + +
    + Errors: +
      +
      • - -
    -
    - - -
    - - -
    - -
    - -
    + +
+
+ + +
+ + +
-
-
- - -
-
-
- - - - - - - -
-
- -

-
+
+ +
+
+
+ + +
+
- $smallImagePath): ?> -
-
+
+
+ - - Avatar <?= htmlspecialchars($key) ?> + /> -
- + 12+ + + +
- -
+
+ +
+
+
+ + + $smallImagePath): ?> +
+
+ +
+ + +
+ + +
+ - +
- - -
-
- + + diff --git a/templates/activate-success.phtml b/templates/activate-success.phtml index 3378f86..57c9355 100644 --- a/templates/activate-success.phtml +++ b/templates/activate-success.phtml @@ -1,28 +1,26 @@ - - - - GameStick activation: Success - - - - -

Game Stick

-
+ + + GameStick activation: Success + + + +

Game Stick

+
+
-
- -
-
-
-

PlayJam GameStick activation complete

-
-

- Your profile has been updated. - You can continue with your GameStick setup. -

-
+
+
+
+

PlayJam GameStick activation complete

+
+

+ Your profile has been updated. + You can continue with your GameStick setup. +

+
+
- - - +
+ + diff --git a/www/css/css.css b/www/css/css.css index 58c0e0e..d162f74 100644 --- a/www/css/css.css +++ b/www/css/css.css @@ -1,56 +1,115 @@ - .error { - color: red; +.error { + color: red; +} +input[type="radio"]:checked+label { + display:none; } -input[type="radio"]:checked+label { display:none; } - - body {font-size:12px; - color:#fff; - background:url(/img/web_background_24.png) no-repeat rgb(146,155,155); background-size:100%; - overflow:auto; - font-family:Avenir,Arial,sans-serif;} - .register_bar{width:100%; margin-bottom:5%; } - .prawy{ - width: 48%;float:right; -} -#avatary{width:100%;display:flex;flex-wrap: wrap; } - - -#content{} -.succes{ - clear:left;display: flex; align-content: center;flex-wrap: wrap; - align-items: center; - justify-content: center; -} -.button{ - color: white; - font-size: 16px; - width: 200px; - background-color: grey; - height: 40px; - position: absolute; - right: 0; - margin-top:20px; -} -.button:hover{ - background-color: #f652c3; -} -.page h2{margin-bottom:5px; font-size:24px; font-weight:normal;} -#gs{ margin: auto; - width: 75%; -padding: 10px;margin-top:10%;/* font-size:16px; */} -#page_1 p{margin:30px 0;font-size:18px;text-align:left;line-height:40px;} -#logo a{width:137px; height:67px; background:url(/web/20150908165227im_/https://www.gamestick.tv/img/logo.png) no-repeat 0 0; position:absolute; top:52px; left:21px; display:block; text-indent:-9999em;} -#logo_small a{width:176px; height:24px; background:url(/img/logo_2.png) no-repeat 0 0; position:absolute; top:45px; left:21px; display:block; text-indent:-9999em;} +body { + font-size: 12px; + color: #fff; + background: url(/img/web_background_24.png) no-repeat rgb(146,155,155); + background-size: 100%; + overflow: auto; + font-family: Avenir, Arial, sans-serif; +} +.register_bar { + width: 100%; + margin-bottom: 5%; +} +.prawy { + width: 48%; + float: right; +} +#avatary{ + width: 100%; + display: flex; + flex-wrap: wrap; +} +.succes { + clear:left; + display: flex; + align-content: center; + flex-wrap: wrap; + align-items: center; + justify-content: center; +} +.button { + color: white; + font-size: 16px; + width: 200px; + background-color: grey; + height: 40px; + position: absolute; + right: 0; + margin-top:20px; +} +.button:hover { + background-color: #f652c3; +} +.page h2 { + margin-bottom: 5px; + font-size: 24px; + font-weight: normal; +} +#gs { + margin: auto; + width: 75%; + padding: 10px; + margin-top: 10%; + /* font-size:16px; */ +} +#page_1 p { + margin: 30px 0; + font-size: 18px; + text-align: left; + line-height: 40px; +} +#logo a { + width: 137px; + height: 67px; + background: url(/web/20150908165227im_/https://www.gamestick.tv/img/logo.png) no-repeat 0 0; + position: absolute; + top: 52px; + left: 21px; + display: block; + text-indent: -9999em; +} +#logo_small a { + width: 176px; + height: 24px; + background: url(/img/logo_2.png) no-repeat 0 0; + position: absolute; + top: 45px; + left: 21px; + display: block; + text-indent: -9999em; +} -#code_form{text-align:center;background:#f652c3;height:66px;margin: auto; - width: 80%; +#code_form{ + text-align: center; + background: #f652c3; + height: 66px; + margin: auto; + width: 80%; + padding: 10px; + margin-top: 10%; +} - padding: 10px;margin-top:10%;} - #code_form input{margin: auto; +#code_form input { width: 90%; + height: 36px; - padding: 10px;margin-top:10%; height:36px; padding:4px 4px; margin:9px; font-size:34px; border:2px solid #787e7d;} - .page h2{margin-bottom:5px; font-size:24px; font-weight:normal;} + padding: 4px 4px; + margin-top: 10%; + margin: 9px; + font-size: 34px; + border: 2px solid #787e7d; +} +.page h2 { + margin-bottom: 5px; + font-size: 24px; + font-weight: normal; +} -- 2.30.2