Giter Club home page Giter Club logo

praisethemessage's Introduction

Netlify Status

GitHub issues GitHub closed issues

PraiseTheMessage

This tool is designed to help users quickly locate message terms within the message menus of FromSoftware games.

Demo

How To Use This Tool

  1. Navigate to the following link.
  2. Select your desired game from the dropdown menu.
  3. Enter your desired term into the provided search bar.

The page should then highlight and list the corresponding categories for the provided term.

Alternatively, you can use your browsers search feature (ctrl+F) and find it that way.

Planned Updates

I intend to add functionality for every game that features a similar message system (Dark Souls 1-3, Bloodborne, etc). If you notice any missing games that you would like to see included, be sure to make a feature request!

I do not currently own many of these games and am therefore unable to directly verify the accuracy of the terms/template lists that I find online, which complicates the completion of these updates. I will continue to update this tool once I am able to verify that my lists of terms are accurate and comprehensive.

Contribute To The Project!

If you would like to help contribute, please make a feature request! Be sure to say which game you want added, and include a comprehensive list of message terms with their corresponding categories, along with screenshots (or other sources) so that I may verify its accuracy.

Any and all contributors to this project will receive proper shout-outs and credits in this README.

Contributors

Just me so far :D

Additional Notes

Please note that although this code is my own, the idea came from a Reddit post by user "dpahoe" who shared their web app (tryfinger.com) that served a similar purpose for Elden Ring, but is currently down for whatever reason. I found their app so useful that I made PraiseTheMessage in response to its absence.

praisethemessage's People

Contributors

mediumbob avatar

Watchers

 avatar

praisethemessage's Issues

Make webpage responsive

Currently does not work well for re-sized windows, and I haven't even tested it on other devices. Particularly, fix:

  1. Transparent black background does not resize correctly
  2. Response positions itself fine on desktop, but probably not so much on mobile. Make the term sections overflow correctly and map the response so that it is above the appropriate section.

Update how terms are listed on the page

The terms are currently hard-coded as HTML on the front page under the search bar - instead, we want these sections to populate using the JSON data. This ensures that any future changes to the message library (like for the upcoming DLC) only need to be changed in one place, terms.json. It also reduces the percentage of our codebase that is HTML; github is currently listing this project to be mostly HTML because of these massive divs, when really this is predominantly a javascript project.

Search bar does not respond to arrow keys

Not technically a bug since we never wrote the code for this feature, but the search bar should work like any other search bar on the internet. Just add functions to navigate and highlight the search results with the arrow keys, and fix the function for the Enter key so that it uses the currently highlighted result instead of the first one.

Duplicate entries only listed under single category

Two known examples:

  1. Lord is listed under Enemies and People
  2. Skill is listed under Actions and Things

In the search bar, clicking on one or the other should return their corresponding key - instead, it only returns the first matching key (Lord always returns Enemies, Skill always returns Actions).

While the current implementation works, it's not technically correct. Please fix this!

Fix functionality of search icon

The search icon currently selects the first options on the autocomplete drop-down rather than searching for the text in the input box. The enter button does the same thing.

Just make it use what is in the input box, and if nothing matches, say so in the answer box.

Highlighting of response

When the user selects a term, it should highlight the appropriate category. The border color should change, the particular term should highlight, and the entire term section should pulse yellow (start out high, fade away over 0.5-1 second).

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.