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

Compare commits

base: interstellar_development:55577f469f50794c848a0782e494a38b21d77e00
Branches Tags
interstellar_development:pages
...
compare: interstellar_development:040a35163047ed46ee872526e6eacc319481414e
Branches Tags
interstellar_development:pages

4 commits
55577f469f ... 040a351630

Author SHA1 Message Date
Patrick
040a351630 Merge pull request 'pages' (#9) from sageTheDm/foss_alternatives:pages into pages 
Reviewed-on: https://interstellardevelopment.org/code/code/interstellar_development/foss_alternatives/pulls/9
 2024-09-03 17:22:34 +02:00
Sage The DM
f3b2a40b0a Final commit before switching to a js framework 2024-09-03 17:20:26 +02:00
Sage The DM
37c8cb2541 Changed the backbutton 2024-08-26 12:01:26 +02:00
Sage The DM
fd666782e1 Changed the header 2024-08-26 11:38:55 +02:00
38 changed files with 492 additions and 161 deletions
Show stats Expand all files Collapse all files

96
Template/template.html
View file

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

27
games/fps.html
View file

@ -31,17 +31,28 @@
<h1>Game List</h1>
<h2>Fully Free</h2>
<ul class="fully-free">
<li>Xonotic</li>
<li>Freedoom</li>
<li>OpenArena</li>
</ul>
<a href="https://xonotic.org/" target="_blank" class="item-link">
<li>Xonotic</li>
</a>
<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>
<ul class="non-free-assets">
<li>AssaultCube</li>
<li>Cube</li>
<li>Cube 2: Sauerbraten</li>
<li>Doom</li>
<a href="https://assault.cubers.net/" target="_blank" class="item-link">
<li>AssaultCube</li>
</a>
<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>
</article>
</body>

21
games/general.html
View file

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

4
games/platformer.html
View file

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

8
games/sandbox.html
View file

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

24
games/strategy.html
View file

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

4
general_purpose/3d_modeling.html
View file

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

8
general_purpose/cad.html
View file

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

4
general_purpose/disk_cleaner.html
View file

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

8
general_purpose/notes.html
View file

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

12
general_purpose/office_programs.html
View file

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

10
general_purpose/password_manager.html
View file

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

4
general_purpose/pdf_viewer.html
View file

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

8
general_purpose/privacy_vpn.html
View file

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

2
general_purpose/programming.html
View file

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

39
header-folder.js
View file

@ -24,29 +24,36 @@ class Header extends HTMLElement {
connectedCallback() {
this.innerHTML = `
<style>
</style>
<link rel="stylesheet" href="styles.css">
<header>
<div class="header-content">
<div><a href="../index.html" class="project-name">FOSS alternatives</a></div>
<button class="burger-menu" style="display: block;" onclick="toggleMenu()">☰</button>
<div><a href="../index.html" class="project-name">FOSS alternatives</a translate="no"></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
</div>
</header>
<div class="div-menu">
<ul class="menu">
<li><a href="../games/index.html">Games</a></li>
<li><a href="../general_purpose/index.html">General Purpose</a></li>
<li><a href="../internet_tools/index.html">Internet Tools</a></li>
<li><a href="../multimedia/index.html">Multimedia</a></li>
<li><a href="../operating_systems/index.html">Operating Systems</a></li>
<li><a href="../social_platforms/index.html">Social Platforms</a></li>
</ul>
</div>
</header>
<div class="div-menu">
<ul class="menu">
<li><a href="../games/index.html">Games</a></li>
<li><a href="../general_purpose/index.html">General Purpose</a></li>
<li><a href="../internet_tools/index.html">Internet Tools</a></li>
<li><a href="../multimedia/index.html">Multimedia</a></li>
<li><a href="../operating_systems/index.html">Operating Systems</a></li>
<li><a href="../social_platforms/index.html">Social Platforms</a></li>
</ul>
</div>
<button class="back-button" onclick="goBack()">←</button>
`;
}
}
customElements.define('header-component', Header);
function goBack() {
window.history.back();
}
function toggleMenu() {
const menu = document.querySelector('.div-menu');
menu.style.display = menu.style.display === 'none' || menu.style.display === '' ? 'block' : 'none';
}
// @license-end

2
header.js
View file

@ -29,7 +29,7 @@ class Header extends HTMLElement {
</style>
<header>
<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></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
</div>
</header>

36
internet_tools/browsers.html
View file

@ -30,27 +30,45 @@
<article>
<h1>5/5</h1>
<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>
<h1>4/5</h1>
<ul class="fourStar">
<li>LibreWolf</li>
<li>Thorium</li>
<li>Brave</li>
<a href="https://librewolf.net/" target="_blank" class="item-link">
<li>LibreWolf</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>
<h1>3/5</h1>
<ul class="threeStar">
<li>Tor Browser</li>
<li>Chromium</li>
<li>Pale Moon</li>
<a href="https://www.torproject.org/download/" target="_blank" class="item-link">
<li>Tor Browser</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>
<h1>2/5</h1>
<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>
<h1>0/5</h1>
<ul class="death">
<li>Vivaldi</li>
<a href="https://vivaldi.com/" target="_blank" class="item-link">
<li>Vivaldi</li>
</a>
</ul>
</article>
</body>

12
internet_tools/mail_clients.html
View file

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

34
internet_tools/search_engines.html
View file

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

59
list.css
View file

@ -1,5 +1,5 @@
/*
freeftf website
foss_alternatives website
Copyright (C) 2024 interstellar_development
This program is free software: you can redistribute it and/or modify
@ -227,6 +227,34 @@ nav {
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 {
border: 2px solid #4CAF50;
@ -291,4 +319,31 @@ ul.death {
article ul{
list-style: none;
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>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Audacity</li>
<a href="https://www.audacityteam.org/" target="_blank" class="item-link">
<li>Audacity</li>
</a>
</ul>
</article>
</body>

4
multimedia/image_editing.html
View file

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

8
multimedia/media_player.html
View file

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

8
multimedia/multimedia_frontend.html
View file

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

8
multimedia/painting.html
View file

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

4
multimedia/photo_editing.html
View file

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

8
multimedia/photo_processing.html
View file

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

8
multimedia/recording.html
View file

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

8
multimedia/video_editors.html
View file

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

48
operating_systems/desktop.html
View file

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

36
operating_systems/mobile.html
View file

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

8
social_platforms/irc_clients.html
View file

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

12
social_platforms/matrix_clients.html
View file

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

16
social_platforms/other_platforms.html
View file

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

12
social_platforms/signal_clients.html
View file

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

35
styles.css
View file

@ -1,5 +1,5 @@
/*
freeftf website
foss_alternatives website
Copyright (C) 2024 interstellar_development
This program is free software: you can redistribute it and/or modify
@ -28,14 +28,16 @@ license-component{
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-top: 1em;
}
/* Body styles */
body {
background-color: #f9f9f9;
background-image: url("");
background-size: cover;
background-position: center;
display: flex;
flex-direction: column;
align-items: center;
@ -235,3 +237,30 @@ nav {
.folder-link:active {
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 */
}