diff --git a/games.html b/games/index.html
similarity index 56%
rename from games.html
rename to games/index.html
index 2075595..482b1c2 100644
--- a/games.html
+++ b/games/index.html
@@ -5,8 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternatives</title>
<link rel="stylesheet" href="styles.css">
- <script src="header.js" type="text/javascript" defer></script>
- <script src="burger.js" type="text/javascript" defer></script>
+ <script src="../header.js" type="text/javascript" defer></script>
+ <script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
@@ -14,22 +14,22 @@
<nav>
<ul class="folder-list">
<li class="folder-list-item">
- <a class="folder-link" href="games/fps.html">FPS</a>
+ <a class="folder-link" href="fps.html">FPS</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="games/general.html">General</a>
+ <a class="folder-link" href="general.html">General</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="games/platformer.html">Platformer</a>
+ <a class="folder-link" href="platformer.html">Platformer</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="games/sandbox.html">Sandbox</a>
+ <a class="folder-link" href="sandbox.html">Sandbox</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="games/strategy.html">Strategy</a>
+ <a class="folder-link" href="strategy.html">Strategy</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="games/vehicle.html">Vehicle</a>
+ <a class="folder-link" href="vehicle.html">Vehicle</a>
</li>
</ul>
</nav>
diff --git a/general.html b/general_purpose/index.html
similarity index 50%
rename from general.html
rename to general_purpose/index.html
index 3f2b045..7798c17 100644
--- a/general.html
+++ b/general_purpose/index.html
@@ -5,8 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternatives</title>
<link rel="stylesheet" href="styles.css">
- <script src="header.js" type="text/javascript" defer></script>
- <script src="burger.js" type="text/javascript" defer></script>
+ <script src="../header.js" type="text/javascript" defer></script>
+ <script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
@@ -14,31 +14,31 @@
<nav>
<ul class="folder-list">
<li class="folder-list-item">
- <a class="folder-link" href="general_purpose/3d_modeling.html">3D modeling</a>
+ <a class="folder-link" href="3d_modeling.html">3D modeling</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="general_purpose/cad.html">CAD</a>
+ <a class="folder-link" href="cad.html">CAD</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="general_purpose/disk_cleaner.html">Disk cleaner</a>
+ <a class="folder-link" href="disk_cleaner.html">Disk cleaner</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="general_purpose/notes.html">Notes</a>
+ <a class="folder-link" href="notes.html">Notes</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="general_purpose/office_programs.html">Office</a>
+ <a class="folder-link" href="office_programs.html">Office</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="general_purpose/password_manager.html">Password Manager</a>
+ <a class="folder-link" href="password_manager.html">Password Manager</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="general_purpose/pdf_viewer.html">PDF Viewer</a>
+ <a class="folder-link" href="pdf_viewer.html">PDF Viewer</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="general_purpose/privacy_vpn.html">VPN</a>
+ <a class="folder-link" href="privacy_vpn.html">VPN</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="general_purpose/programming.html">Programming</a>
+ <a class="folder-link" href="programming.html">Programming</a>
</li>
</ul>
</nav>
diff --git a/header-folder.js b/header-folder.js
index 355c041..44be366 100644
--- a/header-folder.js
+++ b/header-folder.js
@@ -14,12 +14,12 @@ class Header extends HTMLElement {
<div class="project-name"><a href="index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
- <li><a href="../games.html">Games</a></li>
- <li><a href="../general.html">General</a></li>
- <li><a href="../tools.html">Tools</a></li>
- <li><a href="../media.html">Multimedia</a></li>
- <li><a href="../os.html">OS</a></li>
- <li><a href="../social-media.html">Social media</a></li>
+ <li><a href="../games/index.html">Games</a></li>
+ <li><a href="../general_purpose/index.html">General</a></li>
+ <li><a href="../internet_tools/index.html>Tools</a></li>
+ <li><a href="../multimedia/index.html">Multimedia</a></li>
+ <li><a href="../operating_systems/index.html">OS</a></li>
+ <li><a href="../social-platforms/index.html">Social media</a></li>
</ul>
</div>
</header>
diff --git a/header.js b/header.js
index bfc6c62..42a5d10 100644
--- a/header.js
+++ b/header.js
@@ -14,12 +14,12 @@ class Header extends HTMLElement {
<div class="project-name"><a href="index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
- <li><a href="games.html">Games</a></li>
- <li><a href="general.html">General</a></li>
- <li><a href="tools.html">Tools</a></li>
- <li><a href="media.html">Multimedia</a></li>
- <li><a href="os.html">OS</a></li>
- <li><a href="social-media.html">Social media</a></li>
+ <li><a href="games/index.html">Games</a></li>
+ <li><a href="general_purpose/index.html">General</a></li>
+ <li><a href="internet_tools/index.html>Tools</a></li>
+ <li><a href="multimedia/index.html">Multimedia</a></li>
+ <li><a href="operating_systems/index.html">OS</a></li>
+ <li><a href="social-platforms/index.html">Social media</a></li>
</ul>
</div>
</header>
diff --git a/tools.html b/internet_tools/index.html
similarity index 58%
rename from tools.html
rename to internet_tools/index.html
index 9aaf03b..7832f07 100644
--- a/tools.html
+++ b/internet_tools/index.html
@@ -5,8 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternatives</title>
<link rel="stylesheet" href="styles.css">
- <script src="header.js" type="text/javascript" defer></script>
- <script src="burger.js" type="text/javascript" defer></script>
+ <script src="../header.js" type="text/javascript" defer></script>
+ <script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
@@ -14,13 +14,13 @@
<nav>
<ul class="folder-list">
<li class="folder-list-item">
- <a class="folder-link" href="internet_tools/browsers.html">Browser</a>
+ <a class="folder-link" href="browsers.html">Browser</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="internet_tools/mail_clients.html">Mail</a>
+ <a class="folder-link" href="mail_clients.html">Mail</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="internet_tools//search_engines.html">Search egine</a>
+ <a class="folder-link" href="search_engines.html">Search egine</a>
</li>
</ul>
</nav>
diff --git a/media.html b/multimedia/index.html
similarity index 50%
rename from media.html
rename to multimedia/index.html
index ce390f0..95343c1 100644
--- a/media.html
+++ b/multimedia/index.html
@@ -5,8 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternatives</title>
<link rel="stylesheet" href="styles.css">
- <script src="header.js" type="text/javascript" defer></script>
- <script src="burger.js" type="text/javascript" defer></script>
+ <script src="../header.js" type="text/javascript" defer></script>
+ <script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
@@ -14,31 +14,31 @@
<nav>
<ul class="folder-list">
<li class="folder-list-item">
- <a class="folder-link" href="multimedia/audio_editors.html">Audio</a>
+ <a class="folder-link" href="audio_editors.html">Audio</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="multimedia/image_editing.html">Image editing</a>
+ <a class="folder-link" href="image_editing.html">Image editing</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="multimedia/media_player.html">Media Player</a>
+ <a class="folder-link" href="media_player.html">Media Player</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="multimedia/multimedia_frontend.html">Multimedia Frontend</a>
+ <a class="folder-link" href="multimedia_frontend.html">Multimedia Frontend</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="multimedia/painting.html">Painting</a>
+ <a class="folder-link" href="painting.html">Painting</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="multimedia/photo_editing.html">Photo editing</a>
+ <a class="folder-link" href="photo_editing.html">Photo editing</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="multimedia/photo_processing.html">Photo processing</a>
+ <a class="folder-link" href="photo_processing.html">Photo processing</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="multimedia/recording.html">Screen capture & recording</a>
+ <a class="folder-link" href="recording.html">Screen capture & recording</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="multimedia/video_editors.html">Video editing</a>
+ <a class="folder-link" href="video_editors.html">Video editing</a>
</li>
</ul>
diff --git a/os.html b/operating_systems/index.html
similarity index 61%
rename from os.html
rename to operating_systems/index.html
index 0abbbfd..f112336 100644
--- a/os.html
+++ b/operating_systems/index.html
@@ -5,8 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternatives</title>
<link rel="stylesheet" href="styles.css">
- <script src="header.js" type="text/javascript" defer></script>
- <script src="burger.js" type="text/javascript" defer></script>
+ <script src="../header.js" type="text/javascript" defer></script>
+ <script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
@@ -14,10 +14,10 @@
<nav>
<ul class="folder-list">
<li class="folder-list-item">
- <a class="folder-link" href="operating_systems/mobile.html">Mobile</a>
+ <a class="folder-link" href="mobile.html">Mobile</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="operating_systems/desktop.html">Desktop</a>
+ <a class="folder-link" href="desktop.html">Desktop</a>
</li>
</ul>
</nav>
diff --git a/social-media.html b/social_platforms/index.html
similarity index 53%
rename from social-media.html
rename to social_platforms/index.html
index 97ef04d..bc282a8 100644
--- a/social-media.html
+++ b/social_platforms/index.html
@@ -5,8 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternatives</title>
<link rel="stylesheet" href="styles.css">
- <script src="header.js" type="text/javascript" defer></script>
- <script src="burger.js" type="text/javascript" defer></script>
+ <script src="../header.js" type="text/javascript" defer></script>
+ <script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
@@ -14,16 +14,16 @@
<nav>
<ul class="folder-list">
<li class="folder-list-item">
- <a class="folder-link" href="social_platforms/irc_clients.html">IRC Clients</a>
+ <a class="folder-link" href="irc_clients.html">IRC Clients</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="social_platforms/matrix_clients.html">Matrix Clients</a>
+ <a class="folder-link" href="matrix_clients.html">Matrix Clients</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="social_platforms/signal_clients.html">Signal Clients</a>
+ <a class="folder-link" href="signal_clients.html">Signal Clients</a>
</li>
<li class="folder-list-item">
- <a class="folder-link" href="social_platforms/other_platforms.html">Other Platforms</a>
+ <a class="folder-link" href="other_platforms.html">Other Platforms</a>
</li>
</ul>
</nav>