interstellar_development/foss_alternatives
3
1
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Final commit before switching to a js framework

Browse source
This commit is contained in:
Sage The DM 2024-09-03 17:20:26 +02:00
parent 37c8cb2541
commit f3b2a40b0a
37 changed files with 469 additions and 144 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

96
Template/template.html
View file

@ -30,45 +30,93 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>Entry 1</li> <a href="" target="_blank" class="item-link">
<li>Entry 2</li> <li>Entry 1</li>
<li>Entry 3</li> </a>
<li>Entry 4</li> <a href="" target="_blank" class="item-link">
<li>Entry 2</li>
</a>
<a href="" target="_blank" class="item-link">
<li>Entry 3</li>
</a>
<a href="" target="_blank" class="item-link">
<li>Entry 4</li>
</a>
</ul> </ul>
<h1>4/5</h1> <h1>4/5</h1>
<ul class="fourStar"> <ul class="fourStar">
<li>Entry 1</li> <a href="" target="_blank" class="item-link">
<li>Entry 2</li> <li>Entry 1</li>
<li>Entry 3</li> </a>
<li>Entry 4</li> <a href="" target="_blank" class="item-link">
<li>Entry 2</li>
</a>
<a href="" target="_blank" class="item-link">
<li>Entry 3</li>
</a>
<a href="" target="_blank" class="item-link">
<li>Entry 4</li>
</a>
</ul> </ul>
<h1>3/5</h1> <h1>3/5</h1>
<ul class="threeStar"> <ul class="threeStar">
<li>Entry 1</li> <a href="" target="_blank" class="item-link">
<li>Entry 2</li> <li>Entry 1</li>
<li>Entry 3</li> </a>
<li>Entry 4</li> <a href="" target="_blank" class="item-link">
<li>Entry 2</li>
</a>
<a href="" target="_blank" class="item-link">
<li>Entry 3</li>
</a>
<a href="" target="_blank" class="item-link">
<li>Entry 4</li>
</a>
</ul> </ul>
<h1>2/5</h1> <h1>2/5</h1>
<ul class="twoStar"> <ul class="twoStar">
<li>Entry 1</li> <a href="" target="_blank" class="item-link">
<li>Entry 2</li> <li>Entry 1</li>
<li>Entry 3</li> </a>
<li>Entry 4</li> <a href="" target="_blank" class="item-link">
<li>Entry 2</li>
</a>
<a href="" target="_blank" class="item-link">
<li>Entry 3</li>
</a>
<a href="" target="_blank" class="item-link">
<li>Entry 4</li>
</a>
</ul> </ul>
<h1>1/5</h1> <h1>1/5</h1>
<ul class="oneStar"> <ul class="oneStar">
<li>Entry 1</li> <a href="" target="_blank" class="item-link">
<li>Entry 2</li> <li>Entry 1</li>
<li>Entry 3</li> </a>
<li>Entry 4</li> <a href="" target="_blank" class="item-link">
<li>Entry 2</li>
</a>
<a href="" target="_blank" class="item-link">
<li>Entry 3</li>
</a>
<a href="" target="_blank" class="item-link">
<li>Entry 4</li>
</a>
</ul> </ul>
<h1>0/5</h1> <h1>0/5</h1>
<ul class="death"> <ul class="death">
<li>Entry 1</li> <a href="" target="_blank" class="item-link">
<li>Entry 2</li> <li>Entry 1</li>
<li>Entry 3</li> </a>
<li>Entry 4</li> <a href="" target="_blank" class="item-link">
<li>Entry 2</li>
</a>
<a href="" target="_blank" class="item-link">
<li>Entry 3</li>
</a>
<a href="" target="_blank" class="item-link">
<li>Entry 4</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

27
games/fps.html
View file

@ -31,17 +31,28 @@
<h1>Game List</h1> <h1>Game List</h1>
<h2>Fully Free</h2> <h2>Fully Free</h2>
<ul class="fully-free"> <ul class="fully-free">
<li>Xonotic</li> <a href="https://xonotic.org/" target="_blank" class="item-link">
<li>Freedoom</li> <li>Xonotic</li>
<li>OpenArena</li> </a>
</ul> <a href="https://freedoom.github.io" target="_blank" class="item-link">
<li>Freedoom</li>
</a>
<a href="https://openarena.ws/smfnews.php" target="_blank" class="item-link">
<li>OpenArena</li>
</a>
</ul>
<h2>Non-Free Assets</h2> <h2>Non-Free Assets</h2>
<ul class="non-free-assets"> <ul class="non-free-assets">
<li>AssaultCube</li> <a href="https://assault.cubers.net/" target="_blank" class="item-link">
<li>Cube</li> <li>AssaultCube</li>
<li>Cube 2: Sauerbraten</li> </a>
<li>Doom</li> <a href="http://sauerbraten.org/" target="_blank" class="item-link">
<li>Cube 2: Sauerbraten</li>
</a>
<a href="https://store.steampowered.com/app/2280/DOOM__DOOM_II/" target="_blank" class="item-link">
<li>Doom</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

21
games/general.html
View file

@ -31,16 +31,25 @@
<h1>Game List</h1> <h1>Game List</h1>
<h2>Fully Free</h2> <h2>Fully Free</h2>
<ul class="fully-free"> <ul class="fully-free">
<li>KDE Games</li> <a href="https://apps.kde.org/categories/games/" target="_blank" class="item-link">
<li>GNOME Games</li> <li>KDE Games</li>
<li>Friday Night Funkin'</li> </a>
<a href="https://gnomegames.com/" target="_blank" class="item-link">
<li>GNOME Games</li>
</a>
<a href="https://funkin.me/" target="_blank" class="item-link">
<li>Friday Night Funkin'</li>
</a>
</ul> </ul>
<h2>Non-Free Assets</h2> <h2>Non-Free Assets</h2>
<ul class="non-free-assets"> <ul class="non-free-assets">
<li>osu!</li> <a href="https://osu.ppy.sh/" target="_blank" class="item-link">
<li>OpenMW</li> <li>osu!</li>
<li>Daggerfall Unity</li> </a>
<a href="https://openmw.org/" target="_blank" class="item-link">
<li>OpenMW</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

4
games/platformer.html
View file

@ -31,7 +31,9 @@
<h1>Game List</h1> <h1>Game List</h1>
<h2>Fully Free</h2> <h2>Fully Free</h2>
<ul class="fully-free"> <ul class="fully-free">
<li>SuperTux</li> <a href="https://www.supertux.org/" target="_blank" class="item-link">
<li>SuperTux</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

8
games/sandbox.html
View file

@ -31,8 +31,12 @@
<h1>Game List</h1> <h1>Game List</h1>
<h2>Fully Free</h2> <h2>Fully Free</h2>
<ul class="fully-free"> <ul class="fully-free">
<li>Minetest</li> <a href="https://www.minetest.net/" target="_blank" class="item-link">
<li>The Powder Toy</li> <li>Minetest</li>
</a>
<a href="https://powdertoy.co.uk/" target="_blank" class="item-link">
<li>The Powder Toy</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

24
games/strategy.html
View file

@ -31,16 +31,28 @@
<h1>Game List</h1> <h1>Game List</h1>
<h2>Fully Free</h2> <h2>Fully Free</h2>
<ul class="fully-free"> <ul class="fully-free">
<li>0 A.D.</li> <a href="https://play0ad.com/" target="_blank" class="item-link">
<li>Freeciv</li> <li>0 A.D.</li>
<li>OpenCity</li> </a>
<li>OpenTTD</li> <a href="https://www.freecivweb.org/" target="_blank" class="item-link">
<li>Freeciv</li>
</a>
<a href="" target="_blank" class="item-link">
<li>OpenCity</li>
</a>
<a href="https://www.opencity.info/" target="_blank" class="item-link">
<li>OpenTTD</li>
</a>
</ul> </ul>
<h2>Non-Free Assets</h2> <h2>Non-Free Assets</h2>
<ul class="non-free-assets"> <ul class="non-free-assets">
<li>OpenAge</li> <a href="https://openage.sft.lol/" target="_blank" class="item-link">
<li>OpenRA</li> <li>OpenAge</li>
</a>
<a href="https://www.openra.net/" target="_blank" class="item-link">
<li>OpenRA</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

4
general_purpose/3d_modeling.html
View file

@ -31,7 +31,9 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>Blender</li> <a href="https://www.blender.org/" target="_blank" class="item-link">
<li>Blender</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

8
general_purpose/cad.html
View file

@ -31,11 +31,15 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>FreeCAD</li> <a href="https://www.freecad.org/" target="_blank" class="item-link">
<li>FreeCAD</li>
</a>
</ul> </ul>
<h1>4/5</h1> <h1>4/5</h1>
<ul class="fourStar"> <ul class="fourStar">
<li>OpenSCAD</li> <a href="https://openscad.org/" target="_blank" class="item-link">
<li>OpenSCAD</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

4
general_purpose/disk_cleaner.html
View file

@ -31,7 +31,9 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>Bleachbit</li> <a href=" https://www.bleachbit.org/" target="_blank" class="item-link">
<li>Bleachbit</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

8
general_purpose/notes.html
View file

@ -31,11 +31,15 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>Trillium</li> <a href="https://github.com/zadam/trilium" target="_blank" class="item-link">
<li>Trillium</li>
</a>
</ul> </ul>
<h1>4/5</h1> <h1>4/5</h1>
<ul class="fourStar"> <ul class="fourStar">
<li>Joplin</li> <a href="https://joplinapp.org/" target="_blank" class="item-link">
<li>Joplin</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

12
general_purpose/office_programs.html
View file

@ -31,12 +31,18 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>LibreOffice</li> <a href="https://www.libreoffice.org/" target="_blank" class="item-link">
<li>LibreOffice</li>
</a>
</ul> </ul>
<h1>4/5</h1> <h1>4/5</h1>
<ul class="fourStar"> <ul class="fourStar">
<li>ONLYOFFICE</li> <a href="https://www.onlyoffice.com/" target="_blank" class="item-link">
<li>Collabora Online</li> <li>ONLYOFFICE</li>
</a>
<a href="https://www.collaboraonline.com/collabora-online/" target="_blank" class="item-link">
<li>Collabora Online</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

10
general_purpose/password_manager.html
View file

@ -30,12 +30,18 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<a href="https://keepassxc.org/" target="_blank" class="item-link">
<li>KeePassXC</li> <li>KeePassXC</li>
</a>
</ul> </ul>
<h1>4/5</h1> <h1>4/5</h1>
<ul class="fourStar"> <ul class="fourStar">
<li>Bitwarden</li> <a href="https://bitwarden.com/" target="_blank" class="item-link">
<li>Proton Pass</li> <li>Bitwarden</li>
</a>
<a href="https://proton.me/" target="_blank" class="item-link">
<li>Proton Pass</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

4
general_purpose/pdf_viewer.html
View file

@ -30,7 +30,9 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>Okular</li> <a href="https://mullvad.net/en" target="_blank" class="item-link">
<li>Okular</li>
</a>
</ul> </ul>
</article> </article>

8
general_purpose/privacy_vpn.html
View file

@ -30,11 +30,15 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>ProtonVPN</li> <a href="https://protonvpn.com/" target="_blank" class="item-link">
<li>ProtonVPN</li>
</a>
</ul> </ul>
<h1>4/5</h1> <h1>4/5</h1>
<ul class="fourStar"> <ul class="fourStar">
<li>Mullvad VPN</li> <a href="https://mullvad.net/en" target="_blank" class="item-link">
<li>Mullvad VPN</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

2
general_purpose/programming.html
View file

@ -30,7 +30,9 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<a href="https://vscodium.com/" target="_blank" class="item-link">
<li>VS Codium</li> <li>VS Codium</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

5
header-folder.js
View file

@ -27,8 +27,7 @@ class Header extends HTMLElement {
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
<header> <header>
<div class="header-content"> <div class="header-content">
<div><a href="../index.html" class="project-name">FOSS alternatives</a></div> <div><a href="../index.html" class="project-name">FOSS alternatives</a translate="no"></div>
<button class="back-button" onclick="goBack()">← Back</button>
<button class="burger-menu" onclick="toggleMenu()">☰</button> <button class="burger-menu" onclick="toggleMenu()">☰</button>
</div> </div>
</header> </header>
@ -42,6 +41,7 @@ class Header extends HTMLElement {
<li><a href="../social_platforms/index.html">Social Platforms</a></li> <li><a href="../social_platforms/index.html">Social Platforms</a></li>
</ul> </ul>
</div> </div>
<button class="back-button" onclick="goBack()">←</button>
`; `;
} }
} }
@ -56,3 +56,4 @@ function toggleMenu() {
const menu = document.querySelector('.div-menu'); const menu = document.querySelector('.div-menu');
menu.style.display = menu.style.display === 'none' || menu.style.display === '' ? 'block' : 'none'; menu.style.display = menu.style.display === 'none' || menu.style.display === '' ? 'block' : 'none';
} }
// @license-end

36
internet_tools/browsers.html
View file

@ -30,27 +30,45 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>Firefox</li> <a href="https://www.mozilla.org/de/firefox/new/" target="_blank" class="item-link">
<li>Firefox</li>
</a>
</ul> </ul>
<h1>4/5</h1> <h1>4/5</h1>
<ul class="fourStar"> <ul class="fourStar">
<li>LibreWolf</li> <a href="https://librewolf.net/" target="_blank" class="item-link">
<li>Thorium</li> <li>LibreWolf</li>
<li>Brave</li> </a>
<a href="https://thorium.rocks/" target="_blank" class="item-link">
<li>Thorium</li>
</a>
<a href="https://brave.com/" target="_blank" class="item-link">
<li>Brave</li>
</a>
</ul> </ul>
<h1>3/5</h1> <h1>3/5</h1>
<ul class="threeStar"> <ul class="threeStar">
<li>Tor Browser</li> <a href="https://www.torproject.org/download/" target="_blank" class="item-link">
<li>Chromium</li> <li>Tor Browser</li>
<li>Pale Moon</li> </a>
<a href="https://www.chromium.org/" target="_blank" class="item-link">
<li>Chromium</li>
</a>
<a href="https://www.palemoon.org/" target="_blank" class="item-link">
<li>Pale Moon</li>
</a>
</ul> </ul>
<h1>2/5</h1> <h1>2/5</h1>
<ul class="twoStar"> <ul class="twoStar">
<li>Ungoogled-Chromium</li> <a href="https://ungoogled-software.github.io/ungoogled-chromium-binaries/" target="_blank" class="item-link">
<li>Ungoogled-Chromium</li>
</a>
</ul> </ul>
<h1>0/5</h1> <h1>0/5</h1>
<ul class="death"> <ul class="death">
<li>Vivaldi</li> <a href="https://vivaldi.com/" target="_blank" class="item-link">
<li>Vivaldi</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

12
internet_tools/mail_clients.html
View file

@ -30,15 +30,21 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>Thunderbird</li> <a href="https://www.thunderbird.net/en-US/" target="_blank" class="item-link">
<li>Thunderbird</li>
</a>
</ul> </ul>
<h1>4/5</h1> <h1>4/5</h1>
<ul class="fourStar"> <ul class="fourStar">
<li>Proton Mail</li> <a href="https://proton.me/mail" target="_blank" class="item-link">
<li>Proton Mail</li>
</a>
</ul> </ul>
<h1>3/5</h1> <h1>3/5</h1>
<ul class="threeStar"> <ul class="threeStar">
<li>SeaMonkey</li> <a href="https://www.seamonkey-project.org/" target="_blank" class="item-link">
<li>SeaMonkey</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

34
internet_tools/search_engines.html
View file

@ -31,30 +31,32 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>DuckDuckGo</li> <a href="https://duckduckgo.com/" target="_blank" class="item-link">
<li>DuckDuckGo</li>
</a>
</ul> </ul>
<h1>4/5</h1> <h1>4/5</h1>
<ul class="fourStar"> <ul class="fourStar">
<li>Qwant</li> <a href="https://www.qwant.com/" target="_blank" class="item-link">
<li>Startpage</li> <li>Qwant</li>
<li>Brave Search</li> </a>
<li>Ecosia</li> <a href="https://www.startpage.com/" target="_blank" class="item-link">
<li>Startpage</li>
</a>
<a href="https://search.brave.com/" target="_blank" class="item-link">
<li>Brave Search</li>
</a>
<a href="https://www.ecosia.org/" target="_blank" class="item-link">
<li>Ecosia</li>
</a>
</ul> </ul>
<h1>3/5</h1> <h1>3/5</h1>
<ul class="threeStar"> <ul class="threeStar">
<li>SearXNG</li> <a href="https://searx.space/" target="_blank" class="item-link">
</ul> <li>SearXNG</li>
</a>
<h1>2/5</h1>
<ul class="twoStar">
<li>Ungoogled-Chromium</li>
</ul>
<h1>1/5</h1>
<ul class="oneStar">
<li>Vivaldi</li>
</ul> </ul>
</article> </article>
</body> </body>

4
license.js
View file

@ -672,7 +672,7 @@ class License extends HTMLElement {
state the exclusion of warranty; and each file should have at least state the exclusion of warranty; and each file should have at least
the "copyright" line and a pointer to where the full notice is found.</p> the "copyright" line and a pointer to where the full notice is found.</p>
<pre> freeftf website <p> freeftf website
Copyright (C) 2024 Patrick_Pluto Copyright (C) 2024 Patrick_Pluto
This program is free software: you can redistribute it and/or modify This program is free software: you can redistribute it and/or modify
@ -687,7 +687,7 @@ class License extends HTMLElement {
You should have received a copy of the GNU Affero General Public License You should have received a copy of the GNU Affero General Public License
along with this program. If not, see &lt;https://www.gnu.org/licenses/&gt;. along with this program. If not, see &lt;https://www.gnu.org/licenses/&gt;.
</pre> </p>
<p>Also add information on how to contact you by electronic and paper mail.</p> <p>Also add information on how to contact you by electronic and paper mail.</p>

57
list.css
View file

@ -227,6 +227,34 @@ nav {
transform: scale(0.98); /* Slight scale down on click */ transform: scale(0.98); /* Slight scale down on click */
} }
.death .item-link {
text-decoration: none;
font-weight: bold;
display: block;
padding: 2px;
border-radius: 5px;
transition: background-color 0.3s ease;
color: black;
}
.item-link {
text-decoration: none;
font-weight: bold;
display: block;
padding: 2px;
border-radius: 5px;
transition: background-color 0.3s ease;
color: white;
}
.item-link:hover {
background-color: #0080ff38;
}
.item-link:active {
transform: scale(0.98); /* Slight scale down on click */
}
ul.fully-free { ul.fully-free {
border: 2px solid #4CAF50; border: 2px solid #4CAF50;
@ -291,4 +319,31 @@ ul.death {
article ul{ article ul{
list-style: none; list-style: none;
margin: 1em; margin: 1em;
} }
/* styles.css */
/* Other styles... */
/* Styling the back button */
.back-button {
position: fixed;
bottom: 20px;
right: 20px;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #ff4081; /* Change to your preferred color */
color: white;
border: none;
font-size: 24px;
cursor: pointer;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
display: flex;
align-items: center;
justify-content: center;
}
.back-button:hover {
background-color: #e91e63; /* Darker shade on hover */
}

4
multimedia/audio_editors.html
View file

@ -30,7 +30,9 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>Audacity</li> <a href="https://www.audacityteam.org/" target="_blank" class="item-link">
<li>Audacity</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

4
multimedia/image_editing.html
View file

@ -30,7 +30,9 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>GIMP</li> <a href="https://www.gimp.org/" target="_blank" class="item-link">
<li>GIMP</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

8
multimedia/media_player.html
View file

@ -30,11 +30,15 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>VLC</li> <a href="https://www.videolan.org/vlc/" target="_blank" class="item-link">
<li>VLC</li>
</a>
</ul> </ul>
<h1>3/5</h1> <h1>3/5</h1>
<ul class="threeStar"> <ul class="threeStar">
<li>MPV</li> <a href="https://mpv.io/" target="_blank" class="item-link">
<li>MPV</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

8
multimedia/multimedia_frontend.html
View file

@ -30,11 +30,15 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>Kodi</li> <a href="https://kodi.tv/" target="_blank" class="item-link">
<li>Kodi</li>
</a>
</ul> </ul>
<h1>3/5</h1> <h1>3/5</h1>
<ul class="threeStar"> <ul class="threeStar">
<li>Jellyfin</li> <a href="https://jellyfin.org/" target="_blank" class="item-link">
<li>Jellyfin</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

8
multimedia/painting.html
View file

@ -30,11 +30,15 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>Krita</li> <a href="https://krita.org/en/" target="_blank" class="item-link">
<li>Krita</li>
</a>
</ul> </ul>
<h1>3/5</h1> <h1>3/5</h1>
<ul class="threeStar"> <ul class="threeStar">
<li>Inkscape</li> <a href="https://inkscape.org/" target="_blank" class="item-link">
<li>Inkscape</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

4
multimedia/photo_editing.html
View file

@ -30,7 +30,9 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>GIMP</li> <a href="https://www.gimp.org/" target="_blank" class="item-link">
<li>GIMP</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

8
multimedia/photo_processing.html
View file

@ -30,11 +30,15 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>Darktable</li> <a href="https://www.darktable.org/" target="_blank" class="item-link">
<li>Darktable</li>
</a>
</ul> </ul>
<h1>3/5</h1> <h1>3/5</h1>
<ul class="threeStar"> <ul class="threeStar">
<li>RawTherapee</li> <a href="https://rawtherapee.com/" target="_blank" class="item-link">
<li>RawTherapee</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

8
multimedia/recording.html
View file

@ -30,11 +30,15 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>OBS Studio</li> <a href="https://obsproject.com/" target="_blank" class="item-link">
<li>OBS Studio</li>
</a>
</ul> </ul>
<h1>4/5</h1> <h1>4/5</h1>
<ul class="fourStar"> <ul class="fourStar">
<li>ShareX</li> <a href="https://getsharex.com/downloads" target="_blank" class="item-link">
<li>ShareX</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

8
multimedia/video_editors.html
View file

@ -30,11 +30,15 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>Kdenlive</li> <a href="https://kdenlive.org/" target="_blank" class="item-link">
<li>Kdenlive</li>
</a>
</ul> </ul>
<h1>4/5</h1> <h1>4/5</h1>
<ul class="fourStar"> <ul class="fourStar">
<li>Shotcut</li> <a href="https://www.shotcut.org/" target="_blank" class="item-link">
<li>Shotcut</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

48
operating_systems/desktop.html
View file

@ -31,34 +31,58 @@
<h1>GNU/Linux Based</h1> <h1>GNU/Linux Based</h1>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>Linux Mint</li> <a href="https://www.linuxmint.com/" target="_blank" class="item-link">
<li>Linux Mint</li>
</a>
</ul> </ul>
<h1>4/5</h1> <h1>4/5</h1>
<ul class="fourStar"> <ul class="fourStar">
<li>Ubuntu</li> <a href="https://ubuntu.com/download" target="_blank" class="item-link">
<li>Zorin OS</li> <li>Ubuntu</li>
<li>Pop!_OS</li> </a>
<li>openSUSE Leap</li> <a href="https://zorin.com/os/" target="_blank" class="item-link">
<li>Zorin OS</li>
</a>
<a href="https://pop.system76.com/" target="_blank" class="item-link">
<li>Pop!_OS</li>
</a>
<a href="https://get.opensuse.org/leap/" target="_blank" class="item-link">
<li>openSUSE Leap</li>
</a>
</ul> </ul>
<h1>3/5</h1> <h1>3/5</h1>
<ul class="threeStar"> <ul class="threeStar">
<li>Fedora</li> <a href="https://fedoraproject.org/" target="_blank" class="item-link">
<li>elementary OS</li> <li>Fedora</li>
<li>openSUSE Tumbleweed</li> </a>
<li>ThoriumOS</li> <a href="https://elementary.io/" target="_blank" class="item-link">
<li>elementary OS</li>
</a>
<a href="https://get.opensuse.org/tumbleweed/" target="_blank" class="item-link">
<li>openSUSE Tumbleweed</li>
</a>
<a href="" target="_blank" class="item-link">
<li>ThoriumOS</li>
</a>
</ul> </ul>
<h1>2/5</h1> <h1>2/5</h1>
<ul class="twoStar"> <ul class="twoStar">
<li>Debian</li> <a href="https://www.debian.org/" target="_blank" class="item-link">
<li>Debian</li>
</a>
</ul> </ul>
<h1>1/5</h1> <h1>1/5</h1>
<ul class="oneStar"> <ul class="oneStar">
<li>Trisquel</li> <a href="https://trisquel.info/" target="_blank" class="item-link">
<li>Trisquel</li>
</a>
</ul> </ul>
<h1>Andriod Based</h1> <h1>Andriod Based</h1>
<h1>2/5</h1> <h1>2/5</h1>
<ul class="twoStar"> <ul class="twoStar">
<li>Bliss OS</li> <a href="https://blissos.org/" target="_blank" class="item-link">
<li>Bliss OS</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

36
operating_systems/mobile.html
View file

@ -31,34 +31,52 @@
<h1>AOSP Based</h1> <h1>AOSP Based</h1>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>Volla OS</li> <a href="https://volla.online/en/index.html" target="_blank" class="item-link">
<li>Volla OS</li>
</a>
</ul> </ul>
<h1>4/5</h1> <h1>4/5</h1>
<ul class="fourStar"> <ul class="fourStar">
<li>/e/OS</li> <a href="https://e.foundation/e-os/" target="_blank" class="item-link">
<li>CalyxOS</li> <li>/e/OS</li>
<li>GrapheneOS</li> </a>
<a href="https://calyxos.org/" target="_blank" class="item-link">
<li>CalyxOS</li>
</a>
<a href="https://grapheneos.org/" target="_blank" class="item-link">
<li>GrapheneOS</li>
</a>
</ul> </ul>
<h1>3/5</h1> <h1>3/5</h1>
<ul class="threeStar"> <ul class="threeStar">
<li>LineageOS + microG</li> <a href="https://lineage.microg.org/" target="_blank" class="item-link">
<li>LineageOS + microG</li>
</a>
</ul> </ul>
<h1>2/5</h1> <h1>2/5</h1>
<ul class="twoStar"> <ul class="twoStar">
<li>LineageOS</li> <a href="https://lineageos.org/" target="_blank" class="item-link">
<li>LineageOS</li>
</a>
</ul> </ul>
<h1>1/5</h1> <h1>1/5</h1>
<ul class="oneStar"> <ul class="oneStar">
<li>Replicant</li> <a href="https://www.replicant.com/" target="_blank" class="item-link">
<li>Replicant</li>
</a>
</ul> </ul>
<h1>GNU/Linux Based</h1> <h1>GNU/Linux Based</h1>
<h1>2/5</h1> <h1>2/5</h1>
<ul class="twoStar"> <ul class="twoStar">
<li>Ubuntu Touch</li> <a href="https://ubuntu-touch.io/" target="_blank" class="item-link">
<li>Ubuntu Touch</li>
</a>
</ul> </ul>
<h1>1/5</h1> <h1>1/5</h1>
<ul class="oneStar"> <ul class="oneStar">
<li>postmarketOS</li> <a href="https://postmarketos.org/" target="_blank" class="item-link">
<li>postmarketOS</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

8
social_platforms/irc_clients.html
View file

@ -30,11 +30,15 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>HexChat</li> <a href="https://hexchat.github.io/" target="_blank" class="item-link">
<li>HexChat</li>
</a>
</ul> </ul>
<h1>4/5</h1> <h1>4/5</h1>
<ul class="fourStar"> <ul class="fourStar">
<li>KiwiIRC</li> <a href="https://kiwiirc.com/" target="_blank" class="item-link">
<li>KiwiIRC</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

12
social_platforms/matrix_clients.html
View file

@ -30,15 +30,21 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>Element</li> <a href="https://element.io/" target="_blank" class="item-link">
<li>Element</li>
</a>
</ul> </ul>
<h1>4/5</h1> <h1>4/5</h1>
<ul class="fourStar"> <ul class="fourStar">
<li>FluffyChat</li> <a href="https://fluffychat.im/" target="_blank" class="item-link">
<li>FluffyChat</li>
</a>
</ul> </ul>
<h1>3/5</h1> <h1>3/5</h1>
<ul class="threeStar"> <ul class="threeStar">
<li>Cinny</li> <a href="https://cinny.in/" target="_blank" class="item-link">
<li>Cinny</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

16
social_platforms/other_platforms.html
View file

@ -30,16 +30,24 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>Mastodon</li> <a href="https://mastodon.social/explore" target="_blank" class="item-link">
<li>Mastodon</li>
</a>
</ul> </ul>
<h1>4/5</h1> <h1>4/5</h1>
<ul class="fourStar"> <ul class="fourStar">
<li>Lemmy</li> <a href="https://join-lemmy.org/" target="_blank" class="item-link">
<li>Lemmy</li>
</a>
</ul> </ul>
<h1>3/5</h1> <h1>3/5</h1>
<ul class="threeStar"> <ul class="threeStar">
<li>Pixelfed</li> <a href="https://pixelfed.org/" target="_blank" class="item-link">
<li>Friendica</li> <li>Pixelfed</li>
</a>
<a href="https://friendi.ca" target="_blank" class="item-link">
<li>Friendica</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

12
social_platforms/signal_clients.html
View file

@ -30,15 +30,21 @@
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
<li>Signal</li> <a href="https://signal.org/" target="_blank" class="item-link">
<li>Signal</li>
</a>
</ul> </ul>
<h1>4/5</h1> <h1>4/5</h1>
<ul class="fourStar"> <ul class="fourStar">
<li>Molly</li> <a href="https://molly.im/" target="_blank" class="item-link">
<li>Molly</li>
</a>
</ul> </ul>
<h1>3/5</h1> <h1>3/5</h1>
<ul class="threeStar"> <ul class="threeStar">
<li>Session</li> <a href="https://getsession.org/" target="_blank" class="item-link">
<li>Session</li>
</a>
</ul> </ul>
</article> </article>
</body> </body>

33
styles.css
View file

@ -28,14 +28,16 @@ license-component{
padding: 20px; padding: 20px;
} }
license-component h1, license-component h2, license-component h3{ license-component h1, license-component h2, license-component h3, license-component pre{
padding-bottom: 1em; padding-bottom: 1em;
padding-top: 1em; padding-top: 1em;
} }
/* Body styles */ /* Body styles */
body { body {
background-color: #f9f9f9; background-image: url("");
background-size: cover;
background-position: center;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -235,3 +237,30 @@ nav {
.folder-link:active { .folder-link:active {
transform: scale(0.98); /* Slight scale down on click */ transform: scale(0.98); /* Slight scale down on click */
} }
/* styles.css */
/* Other styles... */
/* Styling the back button */
.back-button {
position: fixed;
bottom: 20px;
right: 20px;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #ff4081; /* Change to your preferred color */
color: white;
border: none;
font-size: 24px;
cursor: pointer;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
display: flex;
align-items: center;
justify-content: center;
}
.back-button:hover {
background-color: #e91e63; /* Darker shade on hover */
}