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
This commit is contained in:
commit
040a351630
38 changed files with 492 additions and 161 deletions
|
|
@ -30,45 +30,93 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 1</li>
|
<li>Entry 1</li>
|
||||||
|
</a>
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 2</li>
|
<li>Entry 2</li>
|
||||||
|
</a>
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 3</li>
|
<li>Entry 3</li>
|
||||||
|
</a>
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 4</li>
|
<li>Entry 4</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>4/5</h1>
|
<h1>4/5</h1>
|
||||||
<ul class="fourStar">
|
<ul class="fourStar">
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 1</li>
|
<li>Entry 1</li>
|
||||||
|
</a>
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 2</li>
|
<li>Entry 2</li>
|
||||||
|
</a>
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 3</li>
|
<li>Entry 3</li>
|
||||||
|
</a>
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 4</li>
|
<li>Entry 4</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>3/5</h1>
|
<h1>3/5</h1>
|
||||||
<ul class="threeStar">
|
<ul class="threeStar">
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 1</li>
|
<li>Entry 1</li>
|
||||||
|
</a>
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 2</li>
|
<li>Entry 2</li>
|
||||||
|
</a>
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 3</li>
|
<li>Entry 3</li>
|
||||||
|
</a>
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 4</li>
|
<li>Entry 4</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>2/5</h1>
|
<h1>2/5</h1>
|
||||||
<ul class="twoStar">
|
<ul class="twoStar">
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 1</li>
|
<li>Entry 1</li>
|
||||||
|
</a>
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 2</li>
|
<li>Entry 2</li>
|
||||||
|
</a>
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 3</li>
|
<li>Entry 3</li>
|
||||||
|
</a>
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 4</li>
|
<li>Entry 4</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>1/5</h1>
|
<h1>1/5</h1>
|
||||||
<ul class="oneStar">
|
<ul class="oneStar">
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 1</li>
|
<li>Entry 1</li>
|
||||||
|
</a>
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 2</li>
|
<li>Entry 2</li>
|
||||||
|
</a>
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 3</li>
|
<li>Entry 3</li>
|
||||||
|
</a>
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 4</li>
|
<li>Entry 4</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>0/5</h1>
|
<h1>0/5</h1>
|
||||||
<ul class="death">
|
<ul class="death">
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 1</li>
|
<li>Entry 1</li>
|
||||||
|
</a>
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 2</li>
|
<li>Entry 2</li>
|
||||||
|
</a>
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 3</li>
|
<li>Entry 3</li>
|
||||||
|
</a>
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>Entry 4</li>
|
<li>Entry 4</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
<a href="https://xonotic.org/" target="_blank" class="item-link">
|
||||||
<li>Xonotic</li>
|
<li>Xonotic</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://freedoom.github.io" target="_blank" class="item-link">
|
||||||
<li>Freedoom</li>
|
<li>Freedoom</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://openarena.ws/smfnews.php" target="_blank" class="item-link">
|
||||||
<li>OpenArena</li>
|
<li>OpenArena</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<h2>Non-Free Assets</h2>
|
<h2>Non-Free Assets</h2>
|
||||||
<ul class="non-free-assets">
|
<ul class="non-free-assets">
|
||||||
|
<a href="https://assault.cubers.net/" target="_blank" class="item-link">
|
||||||
<li>AssaultCube</li>
|
<li>AssaultCube</li>
|
||||||
<li>Cube</li>
|
</a>
|
||||||
|
<a href="http://sauerbraten.org/" target="_blank" class="item-link">
|
||||||
<li>Cube 2: Sauerbraten</li>
|
<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>
|
<li>Doom</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
<a href="https://apps.kde.org/categories/games/" target="_blank" class="item-link">
|
||||||
<li>KDE Games</li>
|
<li>KDE Games</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://gnomegames.com/" target="_blank" class="item-link">
|
||||||
<li>GNOME Games</li>
|
<li>GNOME Games</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://funkin.me/" target="_blank" class="item-link">
|
||||||
<li>Friday Night Funkin'</li>
|
<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">
|
||||||
|
<a href="https://osu.ppy.sh/" target="_blank" class="item-link">
|
||||||
<li>osu!</li>
|
<li>osu!</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://openmw.org/" target="_blank" class="item-link">
|
||||||
<li>OpenMW</li>
|
<li>OpenMW</li>
|
||||||
<li>Daggerfall Unity</li>
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
<a href="https://www.supertux.org/" target="_blank" class="item-link">
|
||||||
<li>SuperTux</li>
|
<li>SuperTux</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
<a href="https://www.minetest.net/" target="_blank" class="item-link">
|
||||||
<li>Minetest</li>
|
<li>Minetest</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://powdertoy.co.uk/" target="_blank" class="item-link">
|
||||||
<li>The Powder Toy</li>
|
<li>The Powder Toy</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
<a href="https://play0ad.com/" target="_blank" class="item-link">
|
||||||
<li>0 A.D.</li>
|
<li>0 A.D.</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://www.freecivweb.org/" target="_blank" class="item-link">
|
||||||
<li>Freeciv</li>
|
<li>Freeciv</li>
|
||||||
|
</a>
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>OpenCity</li>
|
<li>OpenCity</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://www.opencity.info/" target="_blank" class="item-link">
|
||||||
<li>OpenTTD</li>
|
<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">
|
||||||
|
<a href="https://openage.sft.lol/" target="_blank" class="item-link">
|
||||||
<li>OpenAge</li>
|
<li>OpenAge</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://www.openra.net/" target="_blank" class="item-link">
|
||||||
<li>OpenRA</li>
|
<li>OpenRA</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -31,7 +31,9 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href="https://www.blender.org/" target="_blank" class="item-link">
|
||||||
<li>Blender</li>
|
<li>Blender</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -31,11 +31,15 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href="https://www.freecad.org/" target="_blank" class="item-link">
|
||||||
<li>FreeCAD</li>
|
<li>FreeCAD</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>4/5</h1>
|
<h1>4/5</h1>
|
||||||
<ul class="fourStar">
|
<ul class="fourStar">
|
||||||
|
<a href="https://openscad.org/" target="_blank" class="item-link">
|
||||||
<li>OpenSCAD</li>
|
<li>OpenSCAD</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -31,7 +31,9 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href=" https://www.bleachbit.org/" target="_blank" class="item-link">
|
||||||
<li>Bleachbit</li>
|
<li>Bleachbit</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -31,11 +31,15 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href="https://github.com/zadam/trilium" target="_blank" class="item-link">
|
||||||
<li>Trillium</li>
|
<li>Trillium</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>4/5</h1>
|
<h1>4/5</h1>
|
||||||
<ul class="fourStar">
|
<ul class="fourStar">
|
||||||
|
<a href="https://joplinapp.org/" target="_blank" class="item-link">
|
||||||
<li>Joplin</li>
|
<li>Joplin</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -31,12 +31,18 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href="https://www.libreoffice.org/" target="_blank" class="item-link">
|
||||||
<li>LibreOffice</li>
|
<li>LibreOffice</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>4/5</h1>
|
<h1>4/5</h1>
|
||||||
<ul class="fourStar">
|
<ul class="fourStar">
|
||||||
|
<a href="https://www.onlyoffice.com/" target="_blank" class="item-link">
|
||||||
<li>ONLYOFFICE</li>
|
<li>ONLYOFFICE</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://www.collaboraonline.com/collabora-online/" target="_blank" class="item-link">
|
||||||
<li>Collabora Online</li>
|
<li>Collabora Online</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
<a href="https://bitwarden.com/" target="_blank" class="item-link">
|
||||||
<li>Bitwarden</li>
|
<li>Bitwarden</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://proton.me/" target="_blank" class="item-link">
|
||||||
<li>Proton Pass</li>
|
<li>Proton Pass</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -30,7 +30,9 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href="https://mullvad.net/en" target="_blank" class="item-link">
|
||||||
<li>Okular</li>
|
<li>Okular</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</article>
|
</article>
|
||||||
|
|
|
||||||
|
|
@ -30,11 +30,15 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href="https://protonvpn.com/" target="_blank" class="item-link">
|
||||||
<li>ProtonVPN</li>
|
<li>ProtonVPN</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>4/5</h1>
|
<h1>4/5</h1>
|
||||||
<ul class="fourStar">
|
<ul class="fourStar">
|
||||||
|
<a href="https://mullvad.net/en" target="_blank" class="item-link">
|
||||||
<li>Mullvad VPN</li>
|
<li>Mullvad VPN</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -24,13 +24,11 @@ class Header extends HTMLElement {
|
||||||
|
|
||||||
connectedCallback() {
|
connectedCallback() {
|
||||||
this.innerHTML = `
|
this.innerHTML = `
|
||||||
<style>
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
|
||||||
</style>
|
|
||||||
<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="burger-menu" style="display: block;" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<div class="div-menu">
|
<div class="div-menu">
|
||||||
|
|
@ -43,10 +41,19 @@ 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>
|
||||||
`;
|
`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
customElements.define('header-component', Header);
|
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
|
// @license-end
|
||||||
|
|
@ -30,27 +30,45 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href="https://www.mozilla.org/de/firefox/new/" target="_blank" class="item-link">
|
||||||
<li>Firefox</li>
|
<li>Firefox</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>4/5</h1>
|
<h1>4/5</h1>
|
||||||
<ul class="fourStar">
|
<ul class="fourStar">
|
||||||
|
<a href="https://librewolf.net/" target="_blank" class="item-link">
|
||||||
<li>LibreWolf</li>
|
<li>LibreWolf</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://thorium.rocks/" target="_blank" class="item-link">
|
||||||
<li>Thorium</li>
|
<li>Thorium</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://brave.com/" target="_blank" class="item-link">
|
||||||
<li>Brave</li>
|
<li>Brave</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>3/5</h1>
|
<h1>3/5</h1>
|
||||||
<ul class="threeStar">
|
<ul class="threeStar">
|
||||||
|
<a href="https://www.torproject.org/download/" target="_blank" class="item-link">
|
||||||
<li>Tor Browser</li>
|
<li>Tor Browser</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://www.chromium.org/" target="_blank" class="item-link">
|
||||||
<li>Chromium</li>
|
<li>Chromium</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://www.palemoon.org/" target="_blank" class="item-link">
|
||||||
<li>Pale Moon</li>
|
<li>Pale Moon</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>2/5</h1>
|
<h1>2/5</h1>
|
||||||
<ul class="twoStar">
|
<ul class="twoStar">
|
||||||
|
<a href="https://ungoogled-software.github.io/ungoogled-chromium-binaries/" target="_blank" class="item-link">
|
||||||
<li>Ungoogled-Chromium</li>
|
<li>Ungoogled-Chromium</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>0/5</h1>
|
<h1>0/5</h1>
|
||||||
<ul class="death">
|
<ul class="death">
|
||||||
|
<a href="https://vivaldi.com/" target="_blank" class="item-link">
|
||||||
<li>Vivaldi</li>
|
<li>Vivaldi</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -30,15 +30,21 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href="https://www.thunderbird.net/en-US/" target="_blank" class="item-link">
|
||||||
<li>Thunderbird</li>
|
<li>Thunderbird</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>4/5</h1>
|
<h1>4/5</h1>
|
||||||
<ul class="fourStar">
|
<ul class="fourStar">
|
||||||
|
<a href="https://proton.me/mail" target="_blank" class="item-link">
|
||||||
<li>Proton Mail</li>
|
<li>Proton Mail</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>3/5</h1>
|
<h1>3/5</h1>
|
||||||
<ul class="threeStar">
|
<ul class="threeStar">
|
||||||
|
<a href="https://www.seamonkey-project.org/" target="_blank" class="item-link">
|
||||||
<li>SeaMonkey</li>
|
<li>SeaMonkey</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -31,30 +31,32 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href="https://duckduckgo.com/" target="_blank" class="item-link">
|
||||||
<li>DuckDuckGo</li>
|
<li>DuckDuckGo</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<h1>4/5</h1>
|
<h1>4/5</h1>
|
||||||
<ul class="fourStar">
|
<ul class="fourStar">
|
||||||
|
<a href="https://www.qwant.com/" target="_blank" class="item-link">
|
||||||
<li>Qwant</li>
|
<li>Qwant</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://www.startpage.com/" target="_blank" class="item-link">
|
||||||
<li>Startpage</li>
|
<li>Startpage</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://search.brave.com/" target="_blank" class="item-link">
|
||||||
<li>Brave Search</li>
|
<li>Brave Search</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://www.ecosia.org/" target="_blank" class="item-link">
|
||||||
<li>Ecosia</li>
|
<li>Ecosia</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<h1>3/5</h1>
|
<h1>3/5</h1>
|
||||||
<ul class="threeStar">
|
<ul class="threeStar">
|
||||||
|
<a href="https://searx.space/" target="_blank" class="item-link">
|
||||||
<li>SearXNG</li>
|
<li>SearXNG</li>
|
||||||
</ul>
|
</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>
|
||||||
|
|
|
||||||
|
|
@ -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 <https://www.gnu.org/licenses/>.
|
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
</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
57
list.css
|
|
@ -1,5 +1,5 @@
|
||||||
/*
|
/*
|
||||||
freeftf website
|
foss_alternatives website
|
||||||
Copyright (C) 2024 interstellar_development
|
Copyright (C) 2024 interstellar_development
|
||||||
|
|
||||||
This program is free software: you can redistribute it and/or modify
|
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 */
|
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;
|
||||||
|
|
@ -292,3 +320,30 @@ 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 */
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -30,7 +30,9 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href="https://www.audacityteam.org/" target="_blank" class="item-link">
|
||||||
<li>Audacity</li>
|
<li>Audacity</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -30,7 +30,9 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href="https://www.gimp.org/" target="_blank" class="item-link">
|
||||||
<li>GIMP</li>
|
<li>GIMP</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -30,11 +30,15 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href="https://www.videolan.org/vlc/" target="_blank" class="item-link">
|
||||||
<li>VLC</li>
|
<li>VLC</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>3/5</h1>
|
<h1>3/5</h1>
|
||||||
<ul class="threeStar">
|
<ul class="threeStar">
|
||||||
|
<a href="https://mpv.io/" target="_blank" class="item-link">
|
||||||
<li>MPV</li>
|
<li>MPV</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -30,11 +30,15 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href="https://kodi.tv/" target="_blank" class="item-link">
|
||||||
<li>Kodi</li>
|
<li>Kodi</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>3/5</h1>
|
<h1>3/5</h1>
|
||||||
<ul class="threeStar">
|
<ul class="threeStar">
|
||||||
|
<a href="https://jellyfin.org/" target="_blank" class="item-link">
|
||||||
<li>Jellyfin</li>
|
<li>Jellyfin</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -30,11 +30,15 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href="https://krita.org/en/" target="_blank" class="item-link">
|
||||||
<li>Krita</li>
|
<li>Krita</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>3/5</h1>
|
<h1>3/5</h1>
|
||||||
<ul class="threeStar">
|
<ul class="threeStar">
|
||||||
|
<a href="https://inkscape.org/" target="_blank" class="item-link">
|
||||||
<li>Inkscape</li>
|
<li>Inkscape</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -30,7 +30,9 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href="https://www.gimp.org/" target="_blank" class="item-link">
|
||||||
<li>GIMP</li>
|
<li>GIMP</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -30,11 +30,15 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href="https://www.darktable.org/" target="_blank" class="item-link">
|
||||||
<li>Darktable</li>
|
<li>Darktable</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>3/5</h1>
|
<h1>3/5</h1>
|
||||||
<ul class="threeStar">
|
<ul class="threeStar">
|
||||||
|
<a href="https://rawtherapee.com/" target="_blank" class="item-link">
|
||||||
<li>RawTherapee</li>
|
<li>RawTherapee</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -30,11 +30,15 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href="https://obsproject.com/" target="_blank" class="item-link">
|
||||||
<li>OBS Studio</li>
|
<li>OBS Studio</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>4/5</h1>
|
<h1>4/5</h1>
|
||||||
<ul class="fourStar">
|
<ul class="fourStar">
|
||||||
|
<a href="https://getsharex.com/downloads" target="_blank" class="item-link">
|
||||||
<li>ShareX</li>
|
<li>ShareX</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -30,11 +30,15 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href="https://kdenlive.org/" target="_blank" class="item-link">
|
||||||
<li>Kdenlive</li>
|
<li>Kdenlive</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>4/5</h1>
|
<h1>4/5</h1>
|
||||||
<ul class="fourStar">
|
<ul class="fourStar">
|
||||||
|
<a href="https://www.shotcut.org/" target="_blank" class="item-link">
|
||||||
<li>Shotcut</li>
|
<li>Shotcut</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
<a href="https://www.linuxmint.com/" target="_blank" class="item-link">
|
||||||
<li>Linux Mint</li>
|
<li>Linux Mint</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>4/5</h1>
|
<h1>4/5</h1>
|
||||||
<ul class="fourStar">
|
<ul class="fourStar">
|
||||||
|
<a href="https://ubuntu.com/download" target="_blank" class="item-link">
|
||||||
<li>Ubuntu</li>
|
<li>Ubuntu</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://zorin.com/os/" target="_blank" class="item-link">
|
||||||
<li>Zorin OS</li>
|
<li>Zorin OS</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://pop.system76.com/" target="_blank" class="item-link">
|
||||||
<li>Pop!_OS</li>
|
<li>Pop!_OS</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://get.opensuse.org/leap/" target="_blank" class="item-link">
|
||||||
<li>openSUSE Leap</li>
|
<li>openSUSE Leap</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>3/5</h1>
|
<h1>3/5</h1>
|
||||||
<ul class="threeStar">
|
<ul class="threeStar">
|
||||||
|
<a href="https://fedoraproject.org/" target="_blank" class="item-link">
|
||||||
<li>Fedora</li>
|
<li>Fedora</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://elementary.io/" target="_blank" class="item-link">
|
||||||
<li>elementary OS</li>
|
<li>elementary OS</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://get.opensuse.org/tumbleweed/" target="_blank" class="item-link">
|
||||||
<li>openSUSE Tumbleweed</li>
|
<li>openSUSE Tumbleweed</li>
|
||||||
|
</a>
|
||||||
|
<a href="" target="_blank" class="item-link">
|
||||||
<li>ThoriumOS</li>
|
<li>ThoriumOS</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>2/5</h1>
|
<h1>2/5</h1>
|
||||||
<ul class="twoStar">
|
<ul class="twoStar">
|
||||||
|
<a href="https://www.debian.org/" target="_blank" class="item-link">
|
||||||
<li>Debian</li>
|
<li>Debian</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>1/5</h1>
|
<h1>1/5</h1>
|
||||||
<ul class="oneStar">
|
<ul class="oneStar">
|
||||||
|
<a href="https://trisquel.info/" target="_blank" class="item-link">
|
||||||
<li>Trisquel</li>
|
<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">
|
||||||
|
<a href="https://blissos.org/" target="_blank" class="item-link">
|
||||||
<li>Bliss OS</li>
|
<li>Bliss OS</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
<a href="https://volla.online/en/index.html" target="_blank" class="item-link">
|
||||||
<li>Volla OS</li>
|
<li>Volla OS</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>4/5</h1>
|
<h1>4/5</h1>
|
||||||
<ul class="fourStar">
|
<ul class="fourStar">
|
||||||
|
<a href="https://e.foundation/e-os/" target="_blank" class="item-link">
|
||||||
<li>/e/OS</li>
|
<li>/e/OS</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://calyxos.org/" target="_blank" class="item-link">
|
||||||
<li>CalyxOS</li>
|
<li>CalyxOS</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://grapheneos.org/" target="_blank" class="item-link">
|
||||||
<li>GrapheneOS</li>
|
<li>GrapheneOS</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>3/5</h1>
|
<h1>3/5</h1>
|
||||||
<ul class="threeStar">
|
<ul class="threeStar">
|
||||||
|
<a href="https://lineage.microg.org/" target="_blank" class="item-link">
|
||||||
<li>LineageOS + microG</li>
|
<li>LineageOS + microG</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>2/5</h1>
|
<h1>2/5</h1>
|
||||||
<ul class="twoStar">
|
<ul class="twoStar">
|
||||||
|
<a href="https://lineageos.org/" target="_blank" class="item-link">
|
||||||
<li>LineageOS</li>
|
<li>LineageOS</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>1/5</h1>
|
<h1>1/5</h1>
|
||||||
<ul class="oneStar">
|
<ul class="oneStar">
|
||||||
|
<a href="https://www.replicant.com/" target="_blank" class="item-link">
|
||||||
<li>Replicant</li>
|
<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">
|
||||||
|
<a href="https://ubuntu-touch.io/" target="_blank" class="item-link">
|
||||||
<li>Ubuntu Touch</li>
|
<li>Ubuntu Touch</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>1/5</h1>
|
<h1>1/5</h1>
|
||||||
<ul class="oneStar">
|
<ul class="oneStar">
|
||||||
|
<a href="https://postmarketos.org/" target="_blank" class="item-link">
|
||||||
<li>postmarketOS</li>
|
<li>postmarketOS</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -30,11 +30,15 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href="https://hexchat.github.io/" target="_blank" class="item-link">
|
||||||
<li>HexChat</li>
|
<li>HexChat</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>4/5</h1>
|
<h1>4/5</h1>
|
||||||
<ul class="fourStar">
|
<ul class="fourStar">
|
||||||
|
<a href="https://kiwiirc.com/" target="_blank" class="item-link">
|
||||||
<li>KiwiIRC</li>
|
<li>KiwiIRC</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -30,15 +30,21 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href="https://element.io/" target="_blank" class="item-link">
|
||||||
<li>Element</li>
|
<li>Element</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>4/5</h1>
|
<h1>4/5</h1>
|
||||||
<ul class="fourStar">
|
<ul class="fourStar">
|
||||||
|
<a href="https://fluffychat.im/" target="_blank" class="item-link">
|
||||||
<li>FluffyChat</li>
|
<li>FluffyChat</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>3/5</h1>
|
<h1>3/5</h1>
|
||||||
<ul class="threeStar">
|
<ul class="threeStar">
|
||||||
|
<a href="https://cinny.in/" target="_blank" class="item-link">
|
||||||
<li>Cinny</li>
|
<li>Cinny</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -30,16 +30,24 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href="https://mastodon.social/explore" target="_blank" class="item-link">
|
||||||
<li>Mastodon</li>
|
<li>Mastodon</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>4/5</h1>
|
<h1>4/5</h1>
|
||||||
<ul class="fourStar">
|
<ul class="fourStar">
|
||||||
|
<a href="https://join-lemmy.org/" target="_blank" class="item-link">
|
||||||
<li>Lemmy</li>
|
<li>Lemmy</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>3/5</h1>
|
<h1>3/5</h1>
|
||||||
<ul class="threeStar">
|
<ul class="threeStar">
|
||||||
|
<a href="https://pixelfed.org/" target="_blank" class="item-link">
|
||||||
<li>Pixelfed</li>
|
<li>Pixelfed</li>
|
||||||
|
</a>
|
||||||
|
<a href="https://friendi.ca" target="_blank" class="item-link">
|
||||||
<li>Friendica</li>
|
<li>Friendica</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -30,15 +30,21 @@
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
<a href="https://signal.org/" target="_blank" class="item-link">
|
||||||
<li>Signal</li>
|
<li>Signal</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>4/5</h1>
|
<h1>4/5</h1>
|
||||||
<ul class="fourStar">
|
<ul class="fourStar">
|
||||||
|
<a href="https://molly.im/" target="_blank" class="item-link">
|
||||||
<li>Molly</li>
|
<li>Molly</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h1>3/5</h1>
|
<h1>3/5</h1>
|
||||||
<ul class="threeStar">
|
<ul class="threeStar">
|
||||||
|
<a href="https://getsession.org/" target="_blank" class="item-link">
|
||||||
<li>Session</li>
|
<li>Session</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
35
styles.css
35
styles.css
|
|
@ -1,5 +1,5 @@
|
||||||
/*
|
/*
|
||||||
freeftf website
|
foss_alternatives website
|
||||||
Copyright (C) 2024 interstellar_development
|
Copyright (C) 2024 interstellar_development
|
||||||
|
|
||||||
This program is free software: you can redistribute it and/or modify
|
This program is free software: you can redistribute it and/or modify
|
||||||
|
|
@ -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 */
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue