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 {
margin: 0;
padding: 2rem;
background-color: #121212;
background-color: #090f21;
color: #e7c74b;
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 {
@ -13,6 +17,7 @@ h1 {
margin-bottom: 2rem;
color: #e7c74b;
text-align: center;
font-family: "Notable", sans-serif;
}
.content-row {
@ -50,7 +55,7 @@ select:focus {
button {
padding: 0.75rem 1.5rem;
font-size: 1.25rem;
background-color: #5dade2;
background-color: #e7c74b;
color: #121212;
border: none;
border-radius: 8px;
@ -60,7 +65,7 @@ button {
}
button:hover {
background-color: #3498db;
background-color: #ab39bf;
}
.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",
"entryPoint": "/roll.html",
"descriptionFilePath": "/readme.md",
"version": "0.1",
"version": "0.1.1",
"about": {
"website": "https://github.com/cptn-cosmo/DH-Roller",
"authors": [

15
roll.html
View file

@ -2,18 +2,23 @@
<html>
<head>
<title>Daggerheart Dice Roller</title>
<link rel="stylesheet" href="roll.css">
<script src="roll.js"></script>
<link rel="stylesheet" href="assets/roll.css">
<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>
<body>
<h1 style="margin-top: 0">Duality Dice Roll</h1>
<h1 style="margin-top: 0">Duality Dice Roller</h1>
<div class="content-row">
<img src="assets/divider.png" alt="divider"><br>
<label class="field-title" for="modifier">Modifier</label>
<input id="modifier" type="number" placeholder="0"></input>
</div>
<div class="content-row">
<label class="field-title" for="adv-disadv">Advantage/Disadvantage</label>
<label class="field-title" for="adv-disadv">Advantage / Disadvantage</label>
<select id="adv-disadv" size="1">
<option value="none">None</option>
<option value="advantage">Advantage</option>
@ -23,6 +28,8 @@
<div class="content-row">
<span class="spacer"></span>
<button id="roll-duality" onclick="rollDualityDice()">Roll Duality Dice</button>
<br><br>
<img src="assets/divider.png" alt="divider">
</div>
</body>
</html>