Create the initial welcome screen

This commit is contained in:
Gergely Polonkai 2025-06-05 20:40:35 +02:00
parent 5e4b97bcc7
commit 5c84c35b05
No known key found for this signature in database
GPG Key ID: 2D2885533B869ED4

View File

@ -176,6 +176,16 @@
width: 4em;
}
div.or {
font-weight: bold;
text-transform: uppercase;
margin: .5em 0;
}
#character-roster-container {
text-align: center;
}
#no-loaded-container {
text-align: center;
}
@ -238,6 +248,14 @@
.input-unlocker:checked + label .input-unlocked {
display: initial;
}
#btn-load-character {
display: none;
}
#btn-create-character {
display: none;
}
</style>
</head>
<body>
@ -253,8 +271,14 @@
Cypher Player Assistant
<span id="no-local-storage" title="Local Storage is not available. You can import/export data, but the app wont save it between sessions!">!</span>
</h1>
<div id="character-roster-container" class="box">
<select id="character-roster"><option></option></select>
<button id="btn-load-character">Load Character</button>
<button id="btn-create-character">Create Character</button>
</div>
<div id="no-loaded-container" class="box">
No character is loaded.<br>
No character is loaded. Load one from the menu above
<div class="or">— or —</div>
<button id="btn-no-char-create-character">Create one</button>
</div>
<div id="character-container">