cosmo/DH-Roller
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

moved assets to separate folder and added some more themeing

Browse source
This commit is contained in:
CPTN Cosmo 2025-05-10 03:31:26 +02:00
parent 9913c3d14c
commit c4233f84eb
6 changed files with 20 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
assets/Split-Title-3.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 460 B

BIN
assets/builder_bg.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 52 KiB

11
roll.css → assets/roll.css
View file

@ -3,9 +3,13 @@
body { body {
margin: 0; margin: 0;
padding: 2rem; padding: 2rem;
background-color: #121212; background-color: #090f21;
color: #e7c74b; color: #e7c74b;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-image: url('bg.webp');
background-size:contain;
background-position: center;
background-repeat: no-repeat;
} }
h1 { h1 {
@ -13,6 +17,7 @@ h1 {
margin-bottom: 2rem; margin-bottom: 2rem;
color: #e7c74b; color: #e7c74b;
text-align: center; text-align: center;
font-family: "Notable", sans-serif;
} }
.content-row { .content-row {
@ -50,7 +55,7 @@ select:focus {
button { button {
padding: 0.75rem 1.5rem; padding: 0.75rem 1.5rem;
font-size: 1.25rem; font-size: 1.25rem;
background-color: #5dade2; background-color: #e7c74b;
color: #121212; color: #121212;
border: none; border: none;
border-radius: 8px; border-radius: 8px;
@ -60,7 +65,7 @@ button {
} }
button:hover { button:hover {
background-color: #3498db; background-color: #ab39bf;
} }
.spacer { .spacer {

0
roll.js → assets/roll.js
View file

2
manifest.json
View file

@ -4,7 +4,7 @@
"summary": "A Symbiote to roll duality dice with advantage or disadvantage", "summary": "A Symbiote to roll duality dice with advantage or disadvantage",
"entryPoint": "/roll.html", "entryPoint": "/roll.html",
"descriptionFilePath": "/readme.md", "descriptionFilePath": "/readme.md",
"version": "0.1", "version": "0.1.1",
"about": { "about": {
"website": "https://github.com/cptn-cosmo/DH-Roller", "website": "https://github.com/cptn-cosmo/DH-Roller",
"authors": [ "authors": [

13
roll.html
View file

@ -2,13 +2,18 @@
<html> <html>
<head> <head>
<title>Daggerheart Dice Roller</title> <title>Daggerheart Dice Roller</title>
<link rel="stylesheet" href="roll.css"> <link rel="stylesheet" href="assets/roll.css">
<script src="roll.js"></script> <script src="assets/roll.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Notable&display=swap" rel="stylesheet">
</head> </head>
<body> <body>
<h1 style="margin-top: 0">Duality Dice Roll</h1> <h1 style="margin-top: 0">Duality Dice Roller</h1>
<div class="content-row"> <div class="content-row">
<img src="assets/divider.png" alt="divider"><br>
<label class="field-title" for="modifier">Modifier</label> <label class="field-title" for="modifier">Modifier</label>
<input id="modifier" type="number" placeholder="0"></input> <input id="modifier" type="number" placeholder="0"></input>
</div> </div>
@ -23,6 +28,8 @@
<div class="content-row"> <div class="content-row">
<span class="spacer"></span> <span class="spacer"></span>
<button id="roll-duality" onclick="rollDualityDice()">Roll Duality Dice</button> <button id="roll-duality" onclick="rollDualityDice()">Roll Duality Dice</button>
<br><br>
<img src="assets/divider.png" alt="divider">
</div> </div>
</body> </body>
</html> </html>