Skip to content
FranForge edited this page Dec 22, 2025 · 2 revisions

Welcome to the FranForge.github.io Wiki

What does this repository contain?

This repository contains the HTML, CSS, and JS files required to deploy my website, franforge.es. In addition, this guide will help you understand how the repository is organized and the reasoning behind certain decisions.

How is it structured?

At the root, you can find generic pages such as index.html, style.css, and others. This location is mainly used for routing and for having simpler references to other files.

root/index.html

This index, besides working like a standard website index, is used to redirect the user to the most appropriate page via JavaScript. This JavaScript checks the user’s browser language and redirects them to the corresponding home.html inside the appropriate language folder.

root/style.css

This stylesheet is used to include all other .css files stored in root/styles/. I separated them for better management and understanding within the stylesheet. It is also easier to link a single CSS file in an HTML file that imports the others than to reference multiple files.

root/media/

All projects, regardless of language, have access to the same multimedia resources, so it makes sense for this folder to be at the root and then accessed using relative paths.

root/scripts/

This is without a doubt the most essential folder for this website, as it contains the logic for simple behaviors such as language-based redirection, as well as links to my own REST API endpoints (you can see it at https://github.com/FranForge/FranForge-Website-APIRest.git ). It also includes effects created with JavaScript that work together with CSS.

root/language-folders

Language folders such as /es and /en contain exactly the same website structure. This makes switching between languages easier and ensures redirection is always optimal. If at any point you want to change the website language, you only need to specify the language abbreviation in the URL, although there is currently no button on the website that allows you to change the language manually.