|
17 | 17 | <script type="module" src="/ServerService/Account-Server/start.js"></script> |
18 | 18 | <script src="/var.js"></script> |
19 | 19 | </head> |
20 | | -<body id="body" onload="ElimData(); sessionStorage.clear(); setArrayTeE();" style='font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; height: 100%; cursor: auto; overflow-y: auto; display: flex; flex-direction: column; justify-content: flex-end;'> |
21 | | - |
| 20 | +<body id="body" onload="ElimData(); sessionStorage.clear(); setArrayTeE();" style="font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;cursor: default;overflow-y: auto;display: grid;"> |
22 | 21 |
|
23 | 22 | <!-- Caricamento --> |
24 | | - <hx id="title" style="display: flex; justify-content: center;" id="body">The Bocchette 2</hx> |
| 23 | + <hx id="title" style="display: flex;justify-content: center; text-align: center;">The Bocchette 2</hx> |
25 | 24 |
|
26 | | - <div style="display: grid; justify-content: center; height: 590px; align-content: center;"> |
| 25 | + <div id="height" style="display: grid; justify-content: center; /*height: 590px;*/ align-content: center;"> |
27 | 26 | <div style="/* position: relative; *//* margin-top: 10%; *//* margin-left: 42%; */background: white; width: auto; height: auto; display: grid; justify-items: center;"> |
28 | 27 | <!-- |
29 | 28 | <div style="display: none;"> |
|
42 | 41 | </div> |
43 | 42 | --> |
44 | 43 |
|
45 | | - <div name="main" style="margin: 7px; text-align: center;" id="main"> |
| 44 | + <div name="main" style="margin: 7px; text-align: center; display: block;" id="main"> |
46 | 45 | <div style="display: flex; flex-direction: column; align-items: center;"> |
47 | 46 | <x style="font-size: 20px; cursor: default;"><strong style="margin-inline: 83px;">Scegli un'opzione</strong></x> |
48 | 47 | </div> |
49 | 48 | <a onclick="AccountOsp()" style="color: -webkit-link; cursor: pointer;text-decoration: underline; -webkit-text-stroke-width: thin;">Usa account Ospite</a> |
50 | 49 | | |
51 | | - <input id="file-upload" type="file" accept=".encrypt" hidden> |
| 50 | + <input id="file-upload" type="file" accept=".encrypt" hidden=""> |
52 | 51 | <label for="file-upload" style="color: -webkit-link; cursor: pointer;text-decoration: underline; -webkit-text-stroke-width: thin;">Carica dati</label> |
53 | 52 | | |
54 | 53 | <hx style="color: -webkit-link; cursor: pointer;text-decoration: underline; -webkit-text-stroke-width: thin;" onclick="AccServ('login');">Account server</hx> |
55 | 54 | </div> |
56 | 55 |
|
57 | | - <div name="loginDiv" style="margin: 7px; text-align: center; flex-direction: column; align-items: center;" id="login" hidden> |
| 56 | + <div name="loginDiv" style="margin: 7px; text-align: center; flex-direction: column; align-items: center;" id="login" hidden=""> |
58 | 57 | <strong style="margin-inline: 83px; font-size: 20px; cursor: default;">Accedi</strong> |
59 | 58 | <hx style="font-size: small; margin-right: auto;">Bentornato, accedi al tuo account.</hx> |
60 | 59 | <input type="text" placeholder="Username" maxlength="14"> |
|
76 | 75 | <input type="password" placeholder="Password Sviluppatore" style="margin-block: 8px;"> |
77 | 76 | </div> |
78 | 77 |
|
79 | | - <div name="OutputDiv" style="width: -webkit-fill-available; border-top: black 2px; border-top-style: solid;" hidden> |
| 78 | + <div name="OutputDiv" style="width: -webkit-fill-available; border-top: black 2px; border-top-style: solid;" hidden=""> |
80 | 79 | <progress max="10"></progress> |
81 | 80 | <div> |
82 | | - <svg style="height: 13px; width: 13px; zoom: 1.3; margin-block: -3px;"><g transform="translate(0,0)"><g fill="none" fill-rule="evenodd"><polygon points="0 0 14 0 14 14 0 14"/><path fill="red" fill-rule="nonzero" d="M0.583333333,12.25 L13.4166667,12.25 L7,1.16666667 L0.583333333,12.25 Z M7.58333333,10.5 L6.41666667,10.5 L6.41666667,9.33333333 L7.58333333,9.33333333 L7.58333333,10.5 Z M7.58333333,8.16666667 L6.41666667,8.16666667 L6.41666667,5.83333333 L7.58333333,5.83333333 L7.58333333,8.16666667 Z"/></g></g></svg> |
| 81 | + <svg style="height: 13px; width: 13px; zoom: 1.3; margin-block: -3px;"><g transform="translate(0,0)"><g fill="none" fill-rule="evenodd"><polygon points="0 0 14 0 14 14 0 14"></polygon><path fill="red" fill-rule="nonzero" d="M0.583333333,12.25 L13.4166667,12.25 L7,1.16666667 L0.583333333,12.25 Z M7.58333333,10.5 L6.41666667,10.5 L6.41666667,9.33333333 L7.58333333,9.33333333 L7.58333333,10.5 Z M7.58333333,8.16666667 L6.41666667,8.16666667 L6.41666667,5.83333333 L7.58333333,5.83333333 L7.58333333,8.16666667 Z"></path></g></g></svg> |
83 | 82 | <hx style="color: red; font-size: small; text-decoration-line: underline; text-underline-position: auto; font-variant: all-petite-caps; font-family: sans-serif;">Account non trovato!</hx> |
84 | 83 | </div> |
85 | 84 | </div> |
86 | 85 | </div> |
87 | 86 |
|
88 | | - <div name="RegistratiDiv" id="regist" hidden style="margin: 7px; text-align: center; flex-direction: column; align-items: center;"> |
| 87 | + <div name="RegistratiDiv" id="regist" hidden="" style="margin: 7px; text-align: center; flex-direction: column; align-items: center;"> |
89 | 88 | <strong style="margin-inline: 83px; font-size: 20px; cursor: default;">Registrati</strong> |
90 | 89 | <hx style="font-size: small; margin-right: auto;">Benvenuto, crea il tuo account qui.</hx> |
91 | 90 | <input type="text" placeholder="Username" maxlength="14"> |
|
128 | 127 | </body> |
129 | 128 | </html> |
130 | 129 |
|
| 130 | +<style> |
| 131 | + @media screen and (min-width: 320px) { |
| 132 | + #height { |
| 133 | + height: 78vh; |
| 134 | + } |
| 135 | + } |
| 136 | + |
| 137 | + @media screen and (min-width: 375px) { |
| 138 | + #height { |
| 139 | + height: 85vh; |
| 140 | + } |
| 141 | + } |
| 142 | + |
| 143 | + @media screen and (min-width: 480px) { |
| 144 | + #height { |
| 145 | + height: 85vh; |
| 146 | + } |
| 147 | + } |
| 148 | + |
| 149 | + @media screen and (min-width: 768px) { |
| 150 | + #height { |
| 151 | + height: 85vh; |
| 152 | + } |
| 153 | + } |
| 154 | + |
| 155 | + @media screen and (min-width: 1024px) { |
| 156 | + #height { |
| 157 | + height: 85vh; |
| 158 | + } |
| 159 | + } |
| 160 | + |
| 161 | + @media screen and (min-width: 1366px) { |
| 162 | + #height { |
| 163 | + height: 85vh; |
| 164 | + } |
| 165 | + } |
| 166 | +</style> |
| 167 | + |
131 | 168 | <script> |
132 | 169 | localStorage.setItem("GameMode", "BattleRoyale"); |
133 | 170 | new Audio('/resources/audio/Loading.wav').play(); |
|
0 commit comments