brianjschott / cgps-technology-website-ghost Goto Github PK

Some options include:
https://gojs.net/latest/samples/flowchart.html
https://www.astuteo.com/slickmap/

I thought of including a pixellated lion!

Failed to load resource: the server responded with a status of 401 (Unauthorized)    /members/api/member/:1

This comes up between 1-5 times in the console when a page loads. I need to see what's going on!

Check the order that things are loading to ensure that it is working properly.

This can be done using Puppeteer.

https://github.com/puppeteer/puppeteer
https://github.com/puppeteer/puppeteer/blob/v8.0.0/docs/api.md#elementhandlescreenshotoptions

Something like:

1. Get array of URLs of project pages
2. Convert them to the preview URL
3. For each webpage...
4. Load the webpage using Puppeteer
5. Wait a couple of seconds to ensure the canvas has loaded completely (there might be an event that fires when this occurs, otherwise just put on a timer)
6. Use the element handle screenshot option above to take a screenshot of the canvas
7. Save it a folder with a sequentially numbered name
8. Generate the HTML for the gallery

add border and make scrollbar more conspicuous

Ideas include:

• Adding in small motifs to the design like a pixellated background, pixel art logo, etc.
• Changing fonts (I changed the head title into Consolas)
• Adding thin splashes of yellow like CGPS uses - could suggest electricity flowing

Consider spacing or adding a separator.

Cards not centered when screen collapsed