From: Sajnaps Date: Sat, 3 Jun 2023 07:35:14 +0000 (+0200) Subject: Layout for activation HTML templates X-Git-Url: https://git.cweiske.de/gamestick-pjgsapi.git/commitdiff_plain/c54b93338759e10765a4b29131863772f4110e7e Layout for activation HTML templates --- diff --git a/templates/activate-code.phtml b/templates/activate-code.phtml index 16da967..cb7a738 100644 --- a/templates/activate-code.phtml +++ b/templates/activate-code.phtml @@ -1,26 +1,40 @@ - - - GameStick activation: Code - - - -

PlayJam GameStick activation

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

Game Stick

+
+ +
+ +

Welcome

+ +
- + +

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 c455af6..370ab69 100644 --- a/templates/activate-profile.phtml +++ b/templates/activate-profile.phtml @@ -1,106 +1,129 @@ - - - GameStick activation: Profile - - - -

PlayJam GameStick activation: Profile

-
- - - -
- 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: +
    + +
    • + +
+
+ + +
+ + -
+ /> +
-
-
+ /> + I am a founder + +
-
- - +
+ + -
- -
- +
+
+

+
+
+
+
- -
+
- $smallImagePath): ?> -
- +

+
-
- + $smallImagePath): ?> +
+
+ +
+ + +
+ + +
- + +
+ + diff --git a/templates/activate-success.phtml b/templates/activate-success.phtml index cc7f858..3378f86 100644 --- a/templates/activate-success.phtml +++ b/templates/activate-success.phtml @@ -1,13 +1,28 @@ + - - - GameStick activation: Success - - -

PlayJam GameStick activation complete

-

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

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

Game Stick

+
+ +
+ +
+
+
+

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 new file mode 100644 index 0000000..58c0e0e --- /dev/null +++ b/www/css/css.css @@ -0,0 +1,56 @@ + .error { + color: red; +} +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;} + + + + +#code_form{text-align:center;background:#f652c3;height:66px;margin: auto; + width: 80%; + + padding: 10px;margin-top:10%;} + #code_form input{margin: auto; + width: 90%; + + 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;} diff --git a/www/img/logo_2.png b/www/img/logo_2.png new file mode 100644 index 0000000..3187267 Binary files /dev/null and b/www/img/logo_2.png differ diff --git a/www/img/register_bar.png b/www/img/register_bar.png new file mode 100644 index 0000000..1ad5478 Binary files /dev/null and b/www/img/register_bar.png differ diff --git a/www/img/web_background_24.png b/www/img/web_background_24.png new file mode 100644 index 0000000..9885ab6 Binary files /dev/null and b/www/img/web_background_24.png differ