From c7fb4bc50e6505b05ffc4ac5b6c089889f20b0fc Mon Sep 17 00:00:00 2001 From: MeowcaTheoRange Date: Sat, 18 Jun 2022 17:01:43 -0500 Subject: [PATCH] first commit --- assets/ProFontWindows.ttf | Bin 0 -> 56376 bytes index.html | 64 ++++++++ script.js | 65 ++++++++ style.css | 307 ++++++++++++++++++++++++++++++++++++++ 4 files changed, 436 insertions(+) create mode 100644 assets/ProFontWindows.ttf create mode 100644 index.html create mode 100644 script.js create mode 100644 style.css diff --git a/assets/ProFontWindows.ttf b/assets/ProFontWindows.ttf new file mode 100644 index 0000000000000000000000000000000000000000..b3d66b25d6d5c995d5e7f7d4f06c9a970931599f GIT binary patch literal 56376 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 literal 0 HcmV?d00001 diff --git a/index.html b/index.html new file mode 100644 index 0000000..c4f6f5f --- /dev/null +++ b/index.html @@ -0,0 +1,64 @@ + + + + + + Dice Tool + + + + + + +

+
+ Dice Tool +
+
+ + +
+
+
+ + + +
+
+
+ +
+
+ + + + + + + diff --git a/script.js b/script.js new file mode 100644 index 0000000..7ac0956 --- /dev/null +++ b/script.js @@ -0,0 +1,65 @@ +var cont = document.querySelector(".content > div"); +var dieTemp = document.querySelector("template#dieUI"); +var dieBagTemp = document.querySelector("template#dieBagUI"); + +var ids = { + die: 0, + bag: 0 +}; +function addDie(ctx, int, name, count) { + ctx.innerHTML += dieTemp.innerHTML + .replace("{RAND_ID}", "die" + ids.die) + .replace("{TITLE_DIE}", name ?? "") + .replace("{DIE_SIDES}", int ?? "6") + .replace("{IS_COUNTER}", count ? " counter" : "") + .replace("{DIE_VALUE}", Math.round(Math.random() * ((int ?? 6) - 1)) + 1); + ids.die++; +} +function addDieBag(ctx) { + ctx.innerHTML += dieBagTemp.innerHTML + .replace("{RAND_ID}", "dieBag" + ids.bag) + .replace("{TITLE_DIE}", ""); + ids.bag++; +} +function rollDie(thisObj) { + var val = thisObj.querySelector('.die-value'); + var sides = thisObj.querySelector('.die-sides'); + val.innerHTML = Math.round(Math.random() * (sides.value - 1)) + 1; +} +function rollAllDie(ctx) { + var allDies = ctx.querySelectorAll(".rollable"); + console.log(allDies, ctx); + allDies.forEach((v) => { + rollDie(v); + }) +} + +function cutVal(thisObj) { + var val = thisObj.parentElement.querySelector('.die-value'); + var sides = thisObj.parentElement.querySelector('.die-sides'); + sides.value = val.innerHTML; +} + +function changeVal(thisObj, int) { + var val = thisObj.parentElement.querySelector('.die-value'); + val.innerHTML = parseInt(val.innerHTML) + int; +} + +function allowDrop(ev) { + ev.preventDefault(); +} + +function drag(ev) { + ev.dataTransfer.setData("element", ev.target.id); +} + +function drop(ev) { + if (!ev.target.classList.contains("dropHere")) return; + ev.preventDefault(); + var data = ev.dataTransfer.getData("element"); + ev.target.appendChild(document.getElementById(data)); +} + +var tp = (t) => {return $(t).parent().parent()}; +var tpp = (t) => {return $(t).parent().parent().parent()}; +var ht = (t) => {return t.get(0)}; \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..f630c01 --- /dev/null +++ b/style.css @@ -0,0 +1,307 @@ +@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap'); +@font-face { + font-family: 'PFW'; + src: url('assets/ProFontWindows.ttf'); +} + +:root { + --mainColor: #f80; + --mainColorThemed: #fdb; + --mainColorThemedLight: #fed; + --mainFG: #000; + --mainFGDark: #FFF; + --mainFGTP: #0002; + --mainFGDarkTP: #FFF2; + --mainFGTP4: #0008; + --mainFGDarkTP4: #FFF8; + --negColor: #f00; + --negColorThemed: #fbb; + --negColorThemedLight: #fdd; + --posColor: #f80; + --posColorThemed: #ffd0a0; + --material-outline-boxshadow: #0004 0 0 4px; + --material-outline-border: none; +} + +* { + font-family: 'PFW', 'Roboto', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; + transition: background-color 0.25s; +} + +@media (prefers-color-scheme: dark) { + :root { + --mainColorThemed: #840; + --mainColorThemedLight: #420; + --mainFG: #FFF; + --mainFGDark: #000; + --mainFGTP: #FFF2; + --mainFGDarkTP: #0002; + --mainFGTP4: #FFF8; + --mainFGDarkTP4: #0008; + --negColorThemed: #800; + --negColorThemedLight: #400; + --posColorThemed: #840; + --posColorThemedLight: #630; + --material-outline-boxshadow: none; + --material-outline-border: var(--mainFGTP) 1px solid; + } +} + +body {padding:0;margin:0;background-color:var(--mainColorThemedLight);} + +.headerBar { + width: 100%; + height: 56px; + z-index: 9; + display: inline-grid; + grid-template-columns: auto auto; + grid-template-rows: 40px; + position: fixed; + -webkit-user-select: none; + user-select: none; + top: 0; + background-color: var(--mainColorThemed); + box-shadow: var(--material-outline-boxshadow); + border-bottom: var(--material-outline-border); + line-height: 40px; + color: var(--mainFG); + font-size: 24px; + font-weight: bold; + padding: 8px 16px; + box-sizing: border-box; + transition: box-shadow 0.25s, background-color 0.25s; +} + +.fab { + position: fixed; + z-index: 9; + background-color: var(--mainColorThemed); + border-radius: 64px; + height: 64px; + width: 192px; + right: 32px; + bottom: 32px; + display: grid; + overflow: hidden; + user-select: none; + grid-template-columns: auto auto auto; + box-shadow: #0004 0 0 4px 0; +} + +.fab button { + border: none; + background-color: transparent; + color: var(--mainFG); + font-size: 32px; +} +.fab button:hover { + background-color: var(--mainFGTP); +} +.fab button:active { + transition: none; + background-color: var(--mainColor); +} + +.headerBar button { + height: 40px; + background-color: transparent; + padding: 4px; margin: 0; + margin-left: 8px; + color: var(--mainFG); + border: none; + border-radius: 40px; + transition: background 0.25s; +} + +.headerBar button:hover { + background-color: var(--mainFGTP); +} + +.content { + background-color: var(--mainColorThemedLight); + color: var(--mainFG); + height: calc(100vh - 56px); + margin-top: 56px; + overflow-y: auto; + box-sizing: border-box; + padding: 0 64px; + padding-bottom: 64px; +} + +templates, template { + display: none; +} + +div.die { + width: 100%; + border: var(--material-outline-border); + box-shadow: var(--material-outline-boxshadow); + color: var(--mainFG); + margin: 16px 0; + border-radius: 8px; + padding: 16px; + padding-bottom: 8px; + box-sizing: border-box; + display: grid; + grid-template-columns: auto auto; + animation-name: horizontal-shaking; + animation-duration: 0.25s; +} + +.counter .hideIfCounter { + display: none; +} + +div.bag { + grid-template-columns: auto; + grid-template-rows: auto auto; + height: max-content; +} + +div.die > div { + user-select: none; +} + +div.bag > div.dropHere { + border: var(--mainFGTP) 1px solid; + border-radius: 4px; + padding: 16px; + padding-bottom: 64px; +} + +div.bag > div.dropHere:empty { + padding: 32px; +} + +div.die h2 { + padding: 0; margin: 0; + display: inline-block; +} + +div.die input { + border-radius: 4px; + padding: 4px; + margin: 0; + font-size: 16px; + margin-bottom: 8px; + background-color: var(--mainFGDarkTP4); + border: 1px solid var(--mainFGTP); + color: var(--mainFG); + outline: none; + transition: border 0.25s, border-radius 0.25s, background-color 0.25s; + vertical-align: middle; +} +div.die .die-value { + vertical-align: middle; +} + +div.die input.die-sides { + vertical-align: baseline; + width: 48px; + height: 24px; +} +div.die input.title { + padding: 8px; +} + +div.die input:focus { + background-color: var(--mainFGTP); + border: 1px solid var(--mainFG); +} + +div.die input.title:not(:placeholder-shown) { + border: none; + border-radius: 0; + background-color: transparent; +} + +div.die input.title:not(:placeholder-shown):hover { + border-bottom: 1px solid var(--mainFG); +} + +div.die button { + border-radius: 4px; + padding: 8px; + margin: 0; + font-size: 12px; + background-color: transparent; + border: 1px solid var(--mainFGTP); + color: var(--mainFG); + outline: none; + transition: background-color 0.25s; +} + +div.die button.icon { + margin-bottom: 8px; + font-size: 19px; + vertical-align: middle; +} +div.die button:hover { + background-color: var(--mainFGTP); +} +div.die button:active { + border: 1px solid var(--mainFG); +} + +.indi.neg { + background-color: var(--negColorThemed); +} + +.indi.neg:hover { + background-color: var(--negColorThemedLight); +} + +.indi.pos { + background-color: var(--posColorThemed); +} + +.ident { + font-size: 19px; + vertical-align: top; + margin: 6px; + margin-right: 8px; +} + +@media (max-width: 675px) { + div.content { + padding: 0 16px; + } +} + +@media (min-width: 875px) { + div.content { + padding: 0 20%; + } +} + +@media (min-width: 1200px) { + div.content { + padding: 0 10%; + padding-top: 16px; + padding-bottom: 16px; + overflow-y: auto; + } + div.content > div { + column-count: 2; + } + div.die { + break-inside: avoid-column; + list-style-type: none; + margin-top: 0; + border: var(--mainFGTP) 1px solid; + box-shadow: none; + } + div.bag { + column-span: all; + margin-top: 16px; + } + div.bag div.dropHere { + column-count: 2; + } +} + +@media (min-width: 1775px) { + div.content > div { + column-count: 3; + } +} \ No newline at end of file