alternativeffff / alt-f4 Goto Github PK

Also as #83.2.

• More image compression
• Fewer blocking loads

Todo:

• Add comments:
  • (Look for more places to add comments)
• Replace repeated values with variables:
  • (Look for more places to use variables)

• Use better format (JPEG 2000 / JPEG XR / WebP)
• Compress images

...Because redirecting feels inelegant and causes screen flashes

Zirr had the idea to add an index alongside each post, with clickable links ofc, that the reader can refer to to get an overview of the content, especially since the posts can get quite long, like we found out. is the screenshot of Zirr's idea.

Ideally we can add an extra #headingname to the end of the link to have it direct to a specific point on the page, rather than just the page.
https://www.thesitewizard.com/html-tutorial/link-to-specific-line-or-paragraph.shtml

Dear devs :)
Some people have asked me to translate the release date format into the french format and not the english one: dd-mm-aaaa
Is it possible to adjust this kind of details? would add more to the depth of the translation effort
Thanks <3
Firerazer

Release creation bot needs to differentiate between languages and only post the English one if multiple are committed at the same time.

https://github.com/marketplace/actions/release-for-reddit
Basically just takes the releases from the release action and posts it to reddit

Discord bot/webhook/github action to post all new pull requests into discord for review

Make the site more mobile friendly.

Todo (things marked as done may or may not be in master yet):

• Shrink translation button slightly on all screen widths
• Reduce padding in navbar more on smaller screen widths
• Remove gaps:
  • Between navbar and main panel at the top
  • Between the sides and the main panel at the side
  • Between the main panel and the footer
  • Between the sides and the footer at the side
• Reduce padding of main panel and some inset panels
• Make parts of the footer stack instead be next to each other inline
• Only use larger background on larger screens
• Fix YouTube embed height - https://fettblog.eu/blog/2013/06/16/preserving-aspect-ratio-for-embedded-iframes/
• Adjust translate icon centering

Also the thumbnail didn't display at all in the discord embed.

we need to adjust some numbers on style sheets. and test on more screen sizes.

• Images:
  • rocket-idle.png
  • spider-idle_old.png
• CSS / Other:
  • factorio.css

• FR 2
• RU 4

Currently the site icon is nothing, defaulting to whatever the browser chooses.

Small fix to discuss on Reddit and discord buttons to place text better inside the box

Currently, the two types of subheaders we use (## and ### in markdown) appear the same/very similarly on the website. This makes it hard to differentiate where a new submission starts, and what is just a subheader for the submission you're currently reading. Maybe there can be something done with the styling to improve this situation, either by text size or just adding a dividing line or something.

From #suggestions in discord:

• "I would say first of all, it should be outside of the text, so left alighed as suggested already" - Lovely santa
  • Not sure this possible due to the general website design without adding a margin on the left which I doubt would look nice
• "and then we should also only show it when hovered over the title" - Lovely Santa
• Maybe also consider hiding anchors altogether for subheadings?
• Similar suggestions have been made by Zirr and nicgarner also.

Possibly shrink font size to make it look better.

Note: current font size is larger than FFF was.

Numerous feedbacks said that the background was too bright and was taking the attention away from the blog itself. Instead of altering the background image, an easy solution would be adding a semi-transparant black layer between the background and the actual site, similar to how the current header is also semi-transparant.

Update website header with new logo

Update github actions to automatically label submissions with the correct label if they fulfil submission criteria.

Changes known / to be done:

• Alternate tags for post thumbnail images on the index page

  • Issue made: #81
  • PR made: #82
  • PR merged

• HTML tag should have lang attribute featuring the language code for the current page

  • Issue made: #84
  • PR made: #85
  • PR merged

• Use em / strong instead of i tags

  • Issue made: #225
  • PR made: #226
  • PR merged

Changes which were thought to be an issue and no longer are

• The a (link) element for clicking on the thumbnail image taking to the post possibly interferes with screen readers
  • Issue made: #120
  • PR made
  • PR merged

(More will be added as discovered.)

Remove orange header
Modernize design
Improve mobile site

Github action/webhook to cross post new release to discord in #newsstand