programnoir / studygamedev-website Goto Github PK

jQuery is currently only loaded to help with a few small functions that the script needs. It is a waste of bandwidth and space to keep the library on for such a trivial use.

Just needs two little characters in the code generator file.

One critique from the author of the accessible menu that the one in StudyGameDev was based on, Marcy Sutton, was that the design overall lacked "breathing space." It is described in better detail here: https://alvalyn.com/breathing-room-the-role-of-the-space-in-between/

White space in the design needs to serve two main roles:

1. In making the interactive parts of the site easier to hit (and harder to miss) in visual and tactile terms.
2. Adding emphasis (and reducing noise) surrounding elements of interest.

At the moment, each link needs to be assigned to a unique section. If we want a link to appear in multiple sections, then we need multiple database entries. We can reduce the total number of dLinks entries by modifying the database to work with a comma-separated list of sections in its sSection field.

The home page links not yet being connected to their respective topics leaves a bad impression on first-time users who may not know that the menu is the primary way of accessing everything, so it's about time we fix that, now.

New topics will be needed for the following:

1. C#
2. Worldbuilding
3. Blender 3D
4. Testing Techniques

The current site uses the CSS display property to circumvent the responsibility of the scripts to properly collapse the <details> tags and configure the attributes of it and its parent <divs> accordingly.

This enhancement is based on a proposed design improvement created by github user hyenatown, who has stated that she prefers me to make the issue ticket, to specify everything in more accurate terms.

This will require a couple of modifications to all of the dLinks entries, as well as db-populate.js. A default gradient, one that is not very intrusive, should stand place for any images with missing urls. Images should also be the same dimensions, cropping if aspect ratios are not done right. Perhaps the images should be created for the site, instead?

This is a project for an intermediate user of JavaScript. It involves database management and content population.

Currently, StudyGameDev's script for asynchronously populating content is simple. It navigates through a single array of objects, creates nodes for each entry, populates the nodes with the contents of the object in the array, and then populates the website section with the aforementioned group of nodes.

Upon loading the website, the script populates the nodes upfront, resulting in a massive architecture that will eventually become far too large to run on smaller machines, especially phones.

I am looking for a volunteer to modify the website's workings to instead only load the needed objects that belong to the section selected by either

1. An option in the main menu, or
2. A recommended topic link in the welcome section of the page.
3. Utilizing the search bar at the top of the page.

Doing this will help with the site speed, as well as lower its consumption of RAM and its DOM size.

So, I think it might be obvious to anyone reading the code that I have been coding by myself and have not been the most consistent about code structure. I'm taking suggestions on how to properly format the involved code.

The submenu toggle buttons after Writing all have "submenu-writing", somethin' to that tune.

The menu shortcut is either not properly saving or not properly referencing the bookmarked node that is supposed to be refocused.

See first response below.