Code Monkey home page Code Monkey logo

alt-f4's Introduction

Alternative Factorio Friday Fan Facts

Alt-F4 is a weekly blog that's written and edited entirely by the Factorio community, and features various topics that are relevant to it, such as mod spotlights, community showcases or gameplay columns.

It is a follow-on to the venerable Factorio Friday Facts ('FFF'), which documented the development process of Factorio for 360 weeks. It expressed the developers beliefs about pricing strategy, guided us through their crazy optimization process, and detailed how a machine design comes to be.

After coming full circle in August 2020 with the proper release of the game, the developers decided to discontinue this habit and take a well-deserved break. The community did not want this tradition to end though, so it picked up the torch and continues on. The focus necessarily shifted from insights into the development to a miscellany of topics that are of interest to the community.

Contribute

If you want to contribute anything that's not a submission to the weekly issue of Alt-F4, please join the Discord and talk to us about what you have in mind first. If you do have a submission in mind though, please read on to learn how you can contribute.

What to write about

  • Basically, anything that's Factorio-related and of potential interest to the community is welcome. There are no hard boundaries here, if you think something is interesting, give it a shot! If you're not sure about whether your idea is a good fit for Alt-F4, feel free to pop into the Discord and ask about it. We'll be able to guide you in the right direction.
  • Some general categories that are bound to come up regularly are mod reviews, either by players or the mod creator themselves; fan creations from the subreddit or the forums that you want to highlight; or some interesting thing you created while playing. If your idea doesn't fit these categories, that doesn't mean it is not permissible of course; These are just so you get a feel about what you could write about.

How to write about it

  • Your submission should be formatted in Markdown. It's easy to learn; if you have any issues with it, the Discord is there to help.
  • It should have a reasonable length, approximately 100-500 words, but that's not a hard limit at all. Try to orient yourself on the previous Alt-F4s and of course, on the FFFs themselves.
  • It can and should include some images, gifs, and external links. Use these to illustrate what you're writing about, or to explain a concept that not everyone might be familiar with.
  • Don't worry too much about getting everything perfect right away. We're here to council you on things you might not be sure about, be it writing style, content, length, anything really.

Where to submit it

There are two ways to submit your work. Both are equaly valid options, just choose the one that works best for you.

  • If you're not familiar with git and Github, you can join the Discord where you'll find several channels dedicated to submissions. Take a look at the #instructions channel to find out how to proceed.
  • If you are familiar with them though, the submission process can be handled through pull requests.
    • To submit your work, create a pull request that adds a folder to the submissions-folder. The folder you create should contain your submission-file in Markdown (.md) and any assets (images, gifs) you have used in your post.
    • This pull request can then be reviewed by our editors, who'll make suggestions, fix spelling and formatting until the submission is ready for publication. If it reaches that stage, it'll be merged, putting it into the submissions-folder.
    • There, it'll wait until the editors select it for publication on any particular week, at which point it is properly distributed into the file structure for the website, and released to the world shortly after.

alt-f4's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

alt-f4's Issues

Create an index for each post

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. Here is the screenshot of Zirr's idea.

SCSS refactoring

Todo:

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

Fix the release bot

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

Differentiate the subheaders more

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.

Improve mobile site

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

Update anchor styling

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.

Add a site icon

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

Localized time format

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

Fix discuss buttons

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

Optimise images

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

[Organisation] Accessibility improvements

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.)

Darken the background image

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.

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.