mrtipson/otz-builds

A webpage that displays Otzdarva's recommended builds for Dead by Daylight. Data is obtained automatically from the google doc.

Website link: otzdarva.com/builds

About

Here is the source code which is behind the builds website. Unless things change in the future, the above link redirects to the GitHub pages site of this repository, available on mrtipson.github.io/otz-builds/.

Contributing

• For any bugs/feature requests, please make a GitHub issue.
• Keep Chromium 85.0 compatibility (this is the Steam overlay integrated browser)
• Unless necessary, try avoiding additional dependencies

Building

Clone the repo. git clone https://github.com/MrTipson/otz-builds.git

Go into the build directory. cd otz-builds/build

Install node packages. npm i

If you get an error when running node, its possible that your node installation doesn't support null propagation operators yet.

Generate perks file. node getPerks.js

Generate site HTML. node buildPage.js

You can view the index.html immediately, but perk descriptions require a web server to be running.

otz-builds's Issues

Survivor Images Blocking Some Perks

When going onto the survivor build page the images of the survivors, especially Claudette, block some perks from being seen. This also stops them from being hovered over and clicking them.

Suggestion for a new survivor build that utilizies Lightweight

I personally see and find the perk Lightweight very useful and starting to get more common. I was wondering if you would be down to make Lightweight centered build. I feel like it's one of the perks that could help beginners a lot. Let me know your opinion.

Demos image appears twice

Because Demo's teachables are back, his image now appears twice because of some hard-coded line in your buildPage.js

Overflowing Image on survivor builds

Describe the bug
The image is overflowing the parent container. Adding overflow: hidden; fixes it.

Screenshots
Showcasing the overflow, going out of bounds of the parent div.

How it looks with overflow hidden, via web inspector.

Device information
Only tested in Firefox

Extra

If you want me to make a PR on this I wouldn't mind it.