eclipse/sr2ini_ynh
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

- improved favicon support

Browse Source 
- now using a compressed background image
This commit is contained in:
Tobias 2023-02-24 15:53:51 +01:00
parent 8cfb1b09ae
commit 4454bc3840
8 changed files with 40 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
TODO.md
View File

@ -57,7 +57,7 @@
- x und im combatant-modal ein weiterer OK-Button, der das Modal offenlässt - x und im combatant-modal ein weiterer OK-Button, der das Modal offenlässt
- noch mehr Design - noch mehr Design
- favicon -> https://stackoverflow.com/questions/48956465/favicon-standard-2023-svg-ico-png-and-dimensions - x favicon
- imput[type=range] schicker machen - imput[type=range] schicker machen
- input elements styling anpassen für :focus. :focus-visible, :valid, :invalid - input elements styling anpassen für :focus. :focus-visible, :valid, :invalid
- Seite für größere Screens anpassen - Seite für größere Screens anpassen

0
icons/site.webmanifest → icons/sr2ini.webmanifest
View File

4
package.json
View File

@ -12,7 +12,11 @@
"license": "ISC", "license": "ISC",
"source": "src/index.html", "source": "src/index.html",
"devDependencies": { "devDependencies": {
"@parcel/packager-raw-url": "^2.8.3",
"@parcel/packager-xml": "^2.8.3",
"@parcel/transformer-sass": "^2.8.3", "@parcel/transformer-sass": "^2.8.3",
"@parcel/transformer-webmanifest": "^2.8.3",
"@parcel/transformer-xml": "^2.8.3",
"parcel": "^2.8.3", "parcel": "^2.8.3",
"parcel-reporter-static-files-copy": "^1.5.0" "parcel-reporter-static-files-copy": "^1.5.0"
}, },

15
src/css/custom.scss
View File

@ -24,7 +24,6 @@ $sr2-fg: deeppink;
} }
@mixin button() { @mixin button() {
border: 0;
border-radius: 1px; border-radius: 1px;
padding-inline: 0px; padding-inline: 0px;
@ -53,7 +52,7 @@ body {
} }
body { body {
background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/circuit_board_by_xxaries1970xx_d9ut9nd.jpg"); background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/bg.jpg");
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center center; background-position: center center;
@ -354,6 +353,7 @@ header.navbar {
right: 0px; right: 0px;
bottom: 0px; bottom: 0px;
} }
footer { footer {
// z-index: -10 !important; // z-index: -10 !important;
@ -430,7 +430,6 @@ footer {
label { label {
order: 2; order: 2;
text-align: right;
} }
input { input {
@ -536,15 +535,15 @@ footer {
border: none; border: none;
} }
} hr {
border-top: 2px solid cyan;
opacity: .5;
}
}
/* /*
hr {
margin: .5rem 0;
}
th span{ th span{
position: absolute; position: absolute;

BIN
src/img/bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 620 KiB

23
src/index.html
View File

@ -23,6 +23,16 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Electrolize&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Electrolize&display=swap" rel="stylesheet">
<!-- favicon related info -->
<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png">
<link rel="manifest" href="/icons/sr2ini.webmanifest">
<link rel="shortcut icon" href="/icons/favicon.ico">
<meta name="msapplication-TileColor" content="#004aa5">
<meta name="msapplication-config" content="/icons/browserconfig.xml">
<meta name="theme-color" content="#004aa5">
</head> </head>
<body> <body>
@ -34,8 +44,10 @@
<button type="submit" class="sr2-button" id="new-round-button" title="Start new round" data-bs-toggle="modal" data-bs-target="#confirm-modal"><img src="img/newround.png" alt="a die being rolled"></button> <button type="submit" class="sr2-button" id="new-round-button" title="Start new round" data-bs-toggle="modal" data-bs-target="#confirm-modal"><img src="img/newround.png" alt="a die being rolled"></button>
</nav> </nav>
</header> </header>
</div>
<div class="table-responsive overflow-visible"> <div class="container">
<main class="table-responsive overflow-visible">
<table class="table table-sm table-borderless" id="combatants-table"> <table class="table table-sm table-borderless" id="combatants-table">
<thead> <thead>
<tr data-augmented-ui="tl-2-clip-y r-clip-y"> <tr data-augmented-ui="tl-2-clip-y r-clip-y">
@ -48,7 +60,7 @@
<tbody> <tbody>
</tbody> </tbody>
</table> </table>
</div> </main>
</div> </div>
<div class="footer-container"> <div class="footer-container">
@ -98,18 +110,15 @@
</div> </div>
<div class="my-2"> <div class="my-2">
<label for="combatant-modal-stun" class="form-label">Stun Damage Level</label> <label for="combatant-modal-stun" class="form-label">Stun Damage <span id="combatant-modal-penalty-stun"></span></label>
<input type="range" class="form-range" min="0" max="10" id="combatant-modal-stun" list="damage"> <input type="range" class="form-range" min="0" max="10" id="combatant-modal-stun" list="damage">
<datalist id="damage"> <datalist id="damage">
<option>-</option><option>L</option><option>.</option><option>M</option><option>.</option><option>.</option><option>S</option><option>.</option><option>.</option><option>.</option><option>D</option> <option>-</option><option>L</option><option>.</option><option>M</option><option>.</option><option>.</option><option>S</option><option>.</option><option>.</option><option>.</option><option>D</option>
</datalist> </datalist>
<div class="label-swap"> <div class="label-swap">
<label for="combatant-modal-physical" class="form-label">Physical Damage Level</label> <label for="combatant-modal-physical" class="form-label">Physical Damage <span id="combatant-modal-penalty-physical"></span></label>
<input type="range" class="form-range" min="0" max="10" id="combatant-modal-physical" list="damage"> <input type="range" class="form-range" min="0" max="10" id="combatant-modal-physical" list="damage">
</div> </div>
<p>Wound penalties: <span id="combatant-modal-penalties"></span></p>
</div> </div>
</form> </form>
</div> </div>

17
src/js/sr2ini.js
View File

@ -439,12 +439,19 @@ $(document).ready(function () {
$("#confirm-modal-new-round-ok-button").on("click", startNewRound); $("#confirm-modal-new-round-ok-button").on("click", startNewRound);
$("#confirm-modal-remove-combatant-ok-button").on("click", removeCombatant); $("#confirm-modal-remove-combatant-ok-button").on("click", removeCombatant);
// add event listener to damage sliders in combatant modal // add event listeners to damage sliders in combatant modal
$("#combatant-modal-stun, #combatant-modal-physical").on("change", function() { $("#combatant-modal-stun").on("change", function() {
if ($("#combatant-modal-stun").val() == "10" || $("#combatant-modal-physical").val() == "10") { if ($("#combatant-modal-stun").val() == "10") {
$("#combatant-modal-penalties").text("incapacitated"); $("#combatant-modal-penalty-stun").text("(K.O.)");
} else { } else {
$("#combatant-modal-penalties").text("-" + DAMAGE_PENALTY[$("#combatant-modal-stun").val()] + " (stun) and -" + DAMAGE_PENALTY[$("#combatant-modal-physical").val()] + " (physical)"); $("#combatant-modal-penalty-stun").text("(wound penalty -" + DAMAGE_PENALTY[$("#combatant-modal-stun").val()] + ")");
}
});
$("#combatant-modal-physical").on("change", function() {
if ($("#combatant-modal-physical").val() == "10") {
$("#combatant-modal-penalty-physical").text("(dead)");
} else {
$("#combatant-modal-penalty-physical").text("(wound penalty -" + DAMAGE_PENALTY[$("#combatant-modal-physical").val()] + ")");
} }
}); });

0
src/img/circuit_board_by_xxaries1970xx_d9ut9nd.jpg → tools/circuit_board_by_xxaries1970xx_d9ut9nd.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 1.2 MiB