crobi / dnd5e-quickref Goto Github PK
View Code? Open in Web Editor NEWQuick reference sheet for D&D 5e
License: MIT License
Quick reference sheet for D&D 5e
License: MIT License
Has there been any thought about releaing a version using SVG icons for more crisp images instead of the background-image pngs currently in use?
It could be nice if the site had a favicon. I delete the text for most my bookmarks but can't with this site since there is no favicon which takes space on my bookmarks bar.
Also, it makes it harder to find this site when browser tabs start piling up
Some potentially suitable images
https://game-icons.net/1x1/delapouite/dice-twenty-faces-twenty.html
https://game-icons.net/1x1/delapouite/round-table.html
https://game-icons.net/1x1/delapouite/dungeon-gate.html
https://game-icons.net/1x1/lorc/dragon-head.html
https://game-icons.net/1x1/lorc/scroll-unfurled.html
https://game-icons.net/1x1/delapouite/stabbed-note.html
https://game-icons.net/1x1/skoll/read.html
https://game-icons.net/1x1/lorc/tied-scroll.html
Since this project now includes conditions, it could include other environmental effects as well, such as:
On my phone when it collapses to 2 column view, some of the description text wraps down and collides with the text/icon below
screenshot https://www.dropbox.com/s/hn2au1u3kxuukjv/2015-01-22%2020.56.50.png?dl=0
I want to pint these to put into my DM screen. Prints need to be landscape and I have three 8.5x11 panels I can fill. These will be player facing.
I want players to have a section on Combat so I've modified the "quickref.html" file and created a new js file for the combat section.
However, I can't the page to display correctly (see screen shot) ...
(https://user-images.githubusercontent.com/29505925/27254856-6d794ce0-535f-11e7-9f5c-3a93e16d67bb.png)
PS - not sure if I forked/pulled the files correctly. Reply below and I can supply my versions as needed.
PPS - because I am printing I manually set all the colors to black)
It's clear once you click on it but "double movement speed" is fairly ambiguous. Do I double the remaining movement? Do I double the max movement? Do I move first and then get double my speed (meaning a total of 3x)? People figure these things out pretty quickly but if you're looking to this for reference on movement, it shouldn't be confusing.
Something like "Gain more movement" would be more obvious, and the click-through then makes it perfectly clear.
We use a grid map to play and it would be awesome to implement a toggle between feet and squares in the movement.
In my fork i have done a search and replace of 5ft -> 1sq, 10ft -> 2sq but this solution is not so elegant.
In case someone wants to look up the details
Creatures don't provoke attack of opportunity when they are invisible or can't be seen by the attacker.
"you can make an opportunity attack when a hostile creature that you can see moves out of your reach" phb 195
Has translation into various languages been considered ?
Hello,
I know you added MIT license, but I feel that the correct thing is to ask before I do anything with your work. Is it OK to fork the project and/or use the icons? I love the idea and how you did it and I have something in my mind to make it bigger than that. Say more of the system implemented on multiple page site with references, connection and contents that will cover more of the DND system and make it easy to use on a mobile device and give good functionality for sessions. The smaller plan is to fork and expand your code, the bigger plan is to make it bigger with some modern framework and use mostly the data and the icons.
Add "cursor: pointer" to the .item class, to make it clearer that you can click on the item for a more thorough explanation.
Something along the lines of:
"Mount/Dismount
Cost: half movement speed"
with additional details in the pop-out description about mount actions, etc. would be a useful addition to the movement section.
Thanks for the cards, but we can't see the icons when we print them out. The icons are transparent images with white pictures. And the background colors for the icons seem to be lost when printed. So, white image on white page isn't visible. :)
I love this quickref chart. I've printed copies for players as part of our standard kit.
One quick question though - is there some reason movement in difficult terrain is expressed as "+5 ft per 5 ft", when all the other items are "10ft per 5ft"? I assume this is just semantics but wanted to make sure there wasn't some subtle difference...
The preview (on https://crobi.github.io/dnd5e-quickref/preview/quickref.html) isn't up-to-date with the GitHub repo as it is missing some points (like the First Aid action)
Just wanted to suggest that stabilizing a creature could be added to the list as an Action.
If you deem it redundant or unnecessary it's also fine, thanks for the great reference sheet.
Mind if i clone this project to make a spanish translation for my DnD group? I'm pretty new to gifthub and wanted to ask for permision first.
Could I suggest Exhaustion levels be added? They're especially pertinent to combat situations, and pretty similar to "Conditions."
Pages 271 / 272
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.