paritybit.ca

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

commit 260dc03192c24041cccde31adc8c93ced18f6879
parent 60cabf53788c4bb16d59624e2bb6ff3e4fab3be8
Author: Jake Bauer <jbauer@paritybit.ca>
Date:   Mon,  3 Feb 2020 22:09:49 -0500

Greatly improve accessibility of bl3 dps calc

Diffstat:
Mpages/now.md | 37+++++++++++++++++++------------------
Mpages/projects/borderlands-3-dps-calculator.md | 66++++++++++++++++++++++++++++++------------------------------------
Mstyle/borderlands.css | 1+
Mstyle/main.css | 12++++++++++++
4 files changed, 62 insertions(+), 54 deletions(-)

diff --git a/pages/now.md b/pages/now.md @@ -6,29 +6,30 @@ [//]: # -I discovered what a [now page](https://nownownow.com/about) is from [Lev -Lazinsky's Website](https://dev.levlaz.org) and thought it might be useful to -add one to my site. +This is a "now" page. It gives an overview of what's going on in my life at the +moment. [Learn more about now pages here](https://nownownow.com/about). -**Last Updated:** 2020-01-20 +**Last Updated:** 2020-02-02 ### Day-to-Day -I have begun my internship semester working in my field which means I am now -working full-time hours. - -I am adjusting to the new steady schedule compared to university which means I -haven't really done much outside of work and recreational activities as it can -be very hard to concentrate on projects after a full day of work. I have noticed -this is getting better though and I'm hoping to become a lot more productive in -the coming weeks. +Working full time as part of work terms scheduled into my degree program. ### Interests -Currently I've taken an interest in Scheme/Prolog from one of my university -courses. I would like to build an application using one or the other but I -haven't the slightest clue what to make. +Looking to get into the BSD family of operating systems as I'd like to attend +the upcoming BSDCan conference and would like a little bit of knowledge before +attending. + +I am planning to pick up learning French again as it will be very useful later +on in my life. I also need to make sure I'm keeping on top of my German so that +it doesn't slowly start to slip away. + +I would also like to learn American Sign Language (possibly along with French +Sign Language) as I have encountered a few situations in my life where it would +have been useful and it also seems like it would be very interesting to learn. + +### Music -I am also looking to potentially get into the BSD family of operating systems as -I'd like to attend the upcoming BSDCan conference and would like a little bit of -knowledge before attending. +I have recently discovered and am very much enjoying the artists _The Black +Keys_ and _Greta Van Fleet_. diff --git a/pages/projects/borderlands-3-dps-calculator.md b/pages/projects/borderlands-3-dps-calculator.md @@ -18,48 +18,42 @@ Use this utility to calculate the DPS of weapons in Borderlands 3. <div id="grid-container"> <form class="grid-item" id="form-1"> - <table> - <tr><td class="td-label">Damage: </td><td><input id="dmg" type="number" min="0" placeholder="0" value="0"></td></tr> - <tr><td class="td-label">Projectiles Fired: </td><td><input id="dmg-mult" type="number" min="1" placeholder="1" value="1"></td></tr> - <tr><td class="td-label">Reload Time (s): </td><td><input id="rload" type="number" step="any" min="0" placeholder="0" value="0"></td></tr> - <tr><td class="td-label">Fire Rate (shots/s): </td><td><input id="frate" type="number" step="any" min="0" placeholder="0" value="0"></td></tr> - <tr><td class="td-label">Magazine Size: </td><td><input id="mag" type="number" min="0" placeholder="0" value="1"></td></tr> - <tr><td class="td-label">Ammo Consumed Per Shot: </td><td><input id="ammo" type="number" min="1" placeholder="1" value="1"></td></tr> - <tr><td class="td-label">Elemental Type: </td><td><select id="elmnt"> - <option value="None" selected="selected">None</option> - <option value="Fire">Fire</option> - <option value="Shock">Shock</option> - <option value="Acid">Acid</option> - <option value="Cryo">Cryo</option> - <option value="Rad">Rad</option> - </select></td></tr> - <tr><td class="td-label">True Vault Hunter Mode: </td><td id="checkbox-cell"><input id="tvhm" type="checkbox"></td></tr> - </table> + <label for="dmg">Damage: </label><input id="dmg" type="number" min="0" placeholder="0" value="0"><br /> + <label for="dmg-mult">Projectiles Fired: </label><input id="dmg-mult" type="number" min="1" placeholder="1" value="1"><br /> + <label for="rload">Reload Time (s): </label><input id="rload" type="number" step="any" min="0" placeholder="0" value="0"><br /> + <label for="frate">Fire Rate (shots/s): </label><input id="frate" type="number" step="any" min="0" placeholder="0" value="0"><br /> + <label for="mag">Magazine Size: </label><input id="mag" type="number" min="0" placeholder="0" value="1"><br /> + <label for="ammo">Ammo Consumed Per Shot: </label><input id="ammo" type="number" min="1" placeholder="1" value="1"><br /> + <label for="elmnt">Elemental Type: </label><select id="elmnt"> + <option value="None" selected="selected">None</option> + <option value="Fire">Fire</option> + <option value="Shock">Shock</option> + <option value="Acid">Acid</option> + <option value="Cryo">Cryo</option> + <option value="Rad">Rad</option> </select><br /> + <label for="tvhm">True Vault Hunter Mode: </label><input class="checkbox" id="tvhm" type="checkbox"> </form> <form class="grid-item" id="form-2"> - <table> - <tr><td class="td-label">Damage: </td><td><input id="dmg2" type="number" min="0" placeholder="0" value="0"></td></tr> - <tr><td class="td-label">Projectiles Fired: </td><td><input id="dmg-mult2" type="number" min="1" placeholder="1" value="1"></td></tr> - <tr><td class="td-label">Reload Time (s): </td><td><input id="rload2" type="number" step="any" min="0" placeholder="0" value="0"></td></tr> - <tr><td class="td-label">Fire Rate (shots/s): </td><td><input id="frate2" type="number" step="any" min="0" placeholder="0" value="0"></td></tr> - <tr><td class="td-label">Magazine Size: </td><td><input id="mag2" type="number" min="0" placeholder="0" value="1"></td></tr> - <tr><td class="td-label">Ammo Consumed Per Shot: </td><td><input id="ammo2" type="number" min="1" placeholder="1" value="1"></td></tr> - <tr><td class="td-label">Elemental Type: </td><td><select id="elmnt2"> - <option value="None" selected="selected">None</option> - <option value="Fire">Fire</option> - <option value="Shock">Shock</option> - <option value="Acid">Acid</option> - <option value="Cryo">Cryo</option> - <option value="Rad">Rad</option> - </select></td></tr> - <tr><td class="td-label">True Vault Hunter Mode: </td><td id="checkbox-cell2"><input id="tvhm2" type="checkbox"></td></tr> - </table> + <label for="dmg2">Damage: </label><input id="dmg2" type="number" min="0" placeholder="0" value="0"><br /> + <label for="dmg-mult2">Projectiles Fired: </label><input id="dmg-mult2" type="number" min="1" placeholder="1" value="1"><br /> + <label for="rload2">Reload Time (s): </label><input id="rload2" type="number" step="any" min="0" placeholder="0" value="0"><br /> + <label for="frate2">Fire Rate (shots/s): </label><input id="frate2" type="number" step="any" min="0" placeholder="0" value="0"><br /> + <label for="mag2">Magazine Size: </label><input id="mag2" type="number" min="0" placeholder="0" value="1"><br /> + <label for="ammo2">Ammo Consumed Per Shot: </label><input id="ammo2" type="number" min="1" placeholder="1" value="1"><br /> + <label for="elmnt2">Elemental Type: </label><select id="elmnt2"> + <option value="None" selected="selected">None</option> + <option value="Fire">Fire</option> + <option value="Shock">Shock</option> + <option value="Acid">Acid</option> + <option value="Cryo">Cryo</option> + <option value="Rad">Rad</option></select><br /> + <label for="tvhm2">True Vault Hunter Mode: </label><input class="checkbox" id="tvhm2" type="checkbox"> </form> <button class="grid-item" id="calc-button" onclick="gamerMoment()"> Calculate DPS </button> <div class="grid-item" id="results-1"> - <p>Weapon 1:</p> + <h3>Weapon 1:</h3> <table> <tr><td><b>DPS against flesh: </b></td><td><p id="flesh"> -- </p></td></tr> <tr><td><b>DPS against shields: </b></td><td><p id="shields"> -- </p></td></tr> @@ -67,7 +61,7 @@ Use this utility to calculate the DPS of weapons in Borderlands 3. </table> </div> <div class="grid-item" id="results-2"> - <p>Weapon 2:</p> + <h3>Weapon 2:</h3> <table> <tr><td><b>DPS against flesh: </b></td><td><p id="flesh2"> -- </p></td></tr> <tr><td><b>DPS against shields: </b></td><td><p id="shields2"> -- </p></td></tr> diff --git a/style/borderlands.css b/style/borderlands.css @@ -42,6 +42,7 @@ select { #calc-button { grid-column: 1 / span 2; grid-row: 2; + width: 50%; } #flesh, #shields, #armour, #flesh2, #shields2, #armour2 { diff --git a/style/main.css b/style/main.css @@ -132,6 +132,14 @@ button { height: 1.8em; } +select { + color: var(--fg-alt); + background-color: var(--bg-alt); + border-radius: 5px; + border: 1px solid var(--shadow); + height: 1.8em; +} + .rss-icon > img { width: 15px; height: 15px; @@ -331,6 +339,10 @@ button { color: var(--fg-alt-light); background-color: var(--bg-alt-light); } + select { + color: var(--fg-alt-light); + background-color: var(--bg-alt-light); + } #table-of-contents { background-color: var(--bg-alt-light); border: 3px var(--border-light) solid;