gergely/cypher-player-assistant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Create the initial welcome screen

Browse Source
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
1 changed files with 25 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
index.html
View File

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