sageTheDm/foss_alternatives
1
0
Fork 0
forked from interstellar_development/foss_alternatives
Code Pull requests Activity

Merge pull request 'Licence Preperation' (#2) from sageTheDm/foss_alternatives:main into pages

Browse source 
Reviewed-on: https://codeberg.org/Patrick_Pluto/foss_alternatives/pulls/2
This commit is contained in:
Patrick 2024-06-19 10:09:54 +00:00
commit 1b0f2ee264
109 changed files with 983 additions and 1602 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
FOOS_ALT_WEBSITE/games/fps.html
View file

@ -1,48 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Game List</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>Game List</h1>
<h2>Fully Free</h2>
<ul class="fully-free">
<li>Xonotic</li>
<li>Freedoom</li>
<li>OpenArena</li>
</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>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

47
FOOS_ALT_WEBSITE/games/general.html
View file

@ -1,47 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Game List</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<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>
</ul>
<h2>Non-Free Assets</h2>
<ul class="non-free-assets">
<li>osu!</li>
<li>OpenMW</li>
<li>Daggerfall Unity</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

45
FOOS_ALT_WEBSITE/games/platformer.html
View file

@ -1,45 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Game List</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>Game List</h1>
<h2>Fully Free</h2>
<ul class="fully-free">
<li>SuperTux</li>
</ul>
<h2>Non-Free Assets</h2>
<ul class="non-free-assets">
<li>osu!</li>
<li>OpenMW</li>
<li>Daggerfall Unity</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

46
FOOS_ALT_WEBSITE/games/sandbox.html
View file

@ -1,46 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Game List</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>Game List</h1>
<h2>Fully Free</h2>
<ul class="fully-free">
<li>Minetest</li>
<li>The Powder Toy</li>
</ul>
<h2>Non-Free Assets</h2>
<ul class="non-free-assets">
<li>osu!</li>
<li>OpenMW</li>
<li>Daggerfall Unity</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

47
FOOS_ALT_WEBSITE/games/strategy.html
View file

@ -1,47 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Game List</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<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>
</ul>
<h2>Non-Free Assets</h2>
<ul class="non-free-assets">
<li>OpenAge</li>
<li>OpenRA</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

43
FOOS_ALT_WEBSITE/games/vehicle.html
View file

@ -1,43 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Game List</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>Game List</h1>
<h2>Fully Free</h2>
<ul class="fully-free">
<li>Rigs of Rods</li>
<li>FlightGear</li>
</ul>
<h2>Non-Free Assets</h2>
<ul class="non-free-assets">
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

38
FOOS_ALT_WEBSITE/general_purpose/3d_modeling.html
View file

@ -1,38 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>General List</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Blender</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

42
FOOS_ALT_WEBSITE/general_purpose/cad.html
View file

@ -1,42 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>General List</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>FreeCAD</li>
</ul>
<h1>4/5</h1>
<ul class="fourStar">
<li>OpenSCAD</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

38
FOOS_ALT_WEBSITE/general_purpose/disk_cleaner.html
View file

@ -1,38 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>General List</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Bleachbit</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

42
FOOS_ALT_WEBSITE/general_purpose/notes.html
View file

@ -1,42 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>General List</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Trillium</li>
</ul>
<h1>4/5</h1>
<ul class="fourStar">
<li>Joplin</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

43
FOOS_ALT_WEBSITE/general_purpose/office_programs.html
View file

@ -1,43 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>General List</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>LibreOffice</li>
</ul>
<h1>4/5</h1>
<ul class="fourStar">
<li>ONLYOFFICE</li>
<li>Collabora Online</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

43
FOOS_ALT_WEBSITE/general_purpose/password_manager.html
View file

@ -1,43 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>General List</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>KeePassXC</li>
</ul>
<h1>4/5</h1>
<ul class="fourStar">
<li>Bitwarden</li>
<li>Proton Pass</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

39
FOOS_ALT_WEBSITE/general_purpose/pdf_viewer.html
View file

@ -1,39 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>General List</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Ôkular</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

42
FOOS_ALT_WEBSITE/general_purpose/privacy_vpn.html
View file

@ -1,42 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>General List</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>ProtonVPN</li>
</ul>
<h1>4/5</h1>
<ul class="fourStar">
<li>Mullvad VPN</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

38
FOOS_ALT_WEBSITE/general_purpose/programming.html
View file

@ -1,38 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>General List</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>VS Codium</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

42
FOOS_ALT_WEBSITE/internet_tools/mail_clients.html
View file

@ -1,42 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Thunderbird</li>
</ul>
<h1>3/5</h1>
<ul class="threeStar">
<li>SeaMonkey</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

38
FOOS_ALT_WEBSITE/multimedia/audio_editors.html
View file

@ -1,38 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Audacity</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

38
FOOS_ALT_WEBSITE/multimedia/image_editing.html
View file

@ -1,38 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>GIMP</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

42
FOOS_ALT_WEBSITE/multimedia/media_player.html
View file

@ -1,42 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>VLC</li>
</ul>
<h1>3/5</h1>
<ul class="threeStar">
<li>MPV</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

42
FOOS_ALT_WEBSITE/multimedia/multimedia_frontend.html
View file

@ -1,42 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Kodi</li>
</ul>
<h1>3/5</h1>
<ul class="threeStar">
<li>Jellyfin</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

42
FOOS_ALT_WEBSITE/multimedia/painting.html
View file

@ -1,42 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Krita</li>
</ul>
<h1>3/5</h1>
<ul class="threeStar">
<li>Inkscape</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

38
FOOS_ALT_WEBSITE/multimedia/photo_editing.html
View file

@ -1,38 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>GIMP</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

42
FOOS_ALT_WEBSITE/multimedia/photo_processing.html
View file

@ -1,42 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Darktable</li>
</ul>
<h1>3/5</h1>
<ul class="threeStar">
<li>RawTherapee</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

42
FOOS_ALT_WEBSITE/multimedia/recording.html
View file

@ -1,42 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>OBS Studio</li>
</ul>
<h1>4/5</h1>
<ul class="fourStar">
<li>ShareX</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

42
FOOS_ALT_WEBSITE/multimedia/video_editors.html
View file

@ -1,42 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Kdenlive</li>
</ul>
<h1>4/5</h1>
<ul class="fourStar">
<li>Shotcut</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

43
FOOS_ALT_WEBSITE/os.html
View file

@ -1,43 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternatives</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="games.html">Games</a></li>
<li><a href="general.html">General</a></li>
<li><a href="tools.html">Tools</a></li>
<li><a href="media.html">Multimedia</a></li>
<li><a href="os.html">OS</a></li>
<li><a href="social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<nav>
<ul class="folder-list">
<li class="folder-list-item">
<a class="folder-link" href="operating_systems/mobile.html">Mobile</a>
</li>
<li class="folder-list-item">
<a class="folder-link" href="operating_systems/desktop.html">Desktop</a>
</li>
</ul>
</nav>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

42
FOOS_ALT_WEBSITE/social_platforms/irc_clients.html
View file

@ -1,42 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>HexChat</li>
</ul>
<h1>4/5</h1>
<ul class="fourStar">
<li>KiwiIRC</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

46
FOOS_ALT_WEBSITE/social_platforms/matrix_clients.html
View file

@ -1,46 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Element</li>
</ul>
<h1>4/5</h1>
<ul class="fourStar">
<li>FluffyChat</li>
</ul>
<h1>3/5</h1>
<ul class="threeStar">
<li>Cinny</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

47
FOOS_ALT_WEBSITE/social_platforms/other_platforms.html
View file

@ -1,47 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Mastodon</li>
</ul>
<h1>4/5</h1>
<ul class="fourStar">
<li>Lemmy</li>
</ul>
<h1>3/5</h1>
<ul class="threeStar">
<li>Pixelfed</li>
<li>Friendica</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

46
FOOS_ALT_WEBSITE/social_platforms/signal_clients.html
View file

@ -1,46 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Signal</li>
</ul>
<h1>4/5</h1>
<ul class="fourStar">
<li>Molly</li>
</ul>
<h1>3/5</h1>
<ul class="threeStar">
<li>Session</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

0
games/fps → OLD_FILES/games/fps
View file

0
games/general → OLD_FILES/games/general
View file

0
games/platformer → OLD_FILES/games/platformer
View file

0
games/sandbox → OLD_FILES/games/sandbox
View file

0
games/strategy → OLD_FILES/games/strategy
View file

0
games/vehicle → OLD_FILES/games/vehicle
View file

0
general_purpose/3d_modeling → OLD_FILES/general_purpose/3d_modeling
View file

0
general_purpose/cad → OLD_FILES/general_purpose/cad
View file

0
general_purpose/disk_cleaner → OLD_FILES/general_purpose/disk_cleaner
View file

0
general_purpose/notes → OLD_FILES/general_purpose/notes
View file

0
general_purpose/office_programs → OLD_FILES/general_purpose/office_programs
View file

0
general_purpose/password_manager → OLD_FILES/general_purpose/password_manager
View file

0
general_purpose/pdf_viewer → OLD_FILES/general_purpose/pdf_viewer
View file

0
general_purpose/privacy_vpn → OLD_FILES/general_purpose/privacy_vpn
View file

0
general_purpose/programming → OLD_FILES/general_purpose/programming
View file

0
internet_tools/browsers → OLD_FILES/internet_tools/browsers
View file

0
internet_tools/mail_clients → OLD_FILES/internet_tools/mail_clients
View file

0
internet_tools/search_engines → OLD_FILES/internet_tools/search_engines
View file

0
multimedia/audio_editors → OLD_FILES/multimedia/audio_editors
View file

0
multimedia/image_editing → OLD_FILES/multimedia/image_editing
View file

0
multimedia/media_player → OLD_FILES/multimedia/media_player
View file

0
multimedia/multimedia_frontend → OLD_FILES/multimedia/multimedia_frontend
View file

0
multimedia/painting → OLD_FILES/multimedia/painting
View file

0
multimedia/photo_editing → OLD_FILES/multimedia/photo_editing
View file

0
multimedia/photo_processing → OLD_FILES/multimedia/photo_processing
View file

0
multimedia/recording → OLD_FILES/multimedia/recording
View file

0
multimedia/video_editors → OLD_FILES/multimedia/video_editors
View file

0
operating_systems/desktop → OLD_FILES/operating_systems/desktop
View file

0
operating_systems/mobile → OLD_FILES/operating_systems/mobile
View file

0
social_platforms/irc_clients → OLD_FILES/social_platforms/irc_clients
View file

0
social_platforms/matrix_clients → OLD_FILES/social_platforms/matrix_clients
View file

0
social_platforms/other_platforms → OLD_FILES/social_platforms/other_platforms
View file

0
social_platforms/signal_clients → OLD_FILES/social_platforms/signal_clients
View file

29
FOOS_ALT_WEBSITE/general_purpose/template.html → Template/template.html
View file

@ -1,26 +1,15 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>General List</title> <title>General List</title>
<link rel="stylesheet" href="../list.css"> <link rel="stylesheet" href="../list.css">
</head> <script src="../header-folder.js" type="text/javascript" defer></script>
<body> <script src="../burger.js" type="text/javascript" defer></script>
<header> </head>
<div class="header-content"> <body>
<div class="project-name"><a href="../index.html">FOSS alternative</a></div> <header-component></header-component>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
@ -65,12 +54,6 @@
<li>Entry 4</li> <li>Entry 4</li>
</ul> </ul>
</article> </article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body> </body>
</html> </html>

4
burger.js Normal file
View file

@ -0,0 +1,4 @@
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}

23
FOOS_ALT_WEBSITE/games.html → games.html
View file

@ -5,22 +5,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternatives</title> <title>FOSS Alternatives</title>
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
<script src="header.js" type="text/javascript" defer></script>
<script src="burger.js" type="text/javascript" defer></script>
</head> </head>
<body> <body>
<header> <header-component></header-component>
<div class="header-content">
<div class="project-name"><a href="index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="games.html">Games</a></li>
<li><a href="general.html">General</a></li>
<li><a href="tools.html">Tools</a></li>
<li><a href="media.html">Multimedia</a></li>
<li><a href="os.html">OS</a></li>
<li><a href="social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article> <article>
<nav> <nav>
<ul class="folder-list"> <ul class="folder-list">
@ -45,11 +34,5 @@
</ul> </ul>
</nav> </nav>
</article> </article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body> </body>
</html> </html>

31
games/fps.html Normal file
View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Game List</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<h1>Game List</h1>
<h2>Fully Free</h2>
<ul class="fully-free">
<li>Xonotic</li>
<li>Freedoom</li>
<li>OpenArena</li>
</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>
</ul>
</article>
</body>
</html>

30
games/general.html Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Game List</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<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>
</ul>
<h2>Non-Free Assets</h2>
<ul class="non-free-assets">
<li>osu!</li>
<li>OpenMW</li>
<li>Daggerfall Unity</li>
</ul>
</article>
</body>
</html>

28
games/platformer.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Game List</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<h1>Game List</h1>
<h2>Fully Free</h2>
<ul class="fully-free">
<li>SuperTux</li>
</ul>
<h2>Non-Free Assets</h2>
<ul class="non-free-assets">
<li>osu!</li>
<li>OpenMW</li>
<li>Daggerfall Unity</li>
</ul>
</article>
</body>
</html>

29
games/sandbox.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Game List</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<h1>Game List</h1>
<h2>Fully Free</h2>
<ul class="fully-free">
<li>Minetest</li>
<li>The Powder Toy</li>
</ul>
<h2>Non-Free Assets</h2>
<ul class="non-free-assets">
<li>osu!</li>
<li>OpenMW</li>
<li>Daggerfall Unity</li>
</ul>
</article>
</body>
</html>

30
games/strategy.html Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Game List</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<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>
</ul>
<h2>Non-Free Assets</h2>
<ul class="non-free-assets">
<li>OpenAge</li>
<li>OpenRA</li>
</ul>
</article>
</body>
</html>

26
games/vehicle.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Game List</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<h1>Game List</h1>
<h2>Fully Free</h2>
<ul class="fully-free">
<li>Rigs of Rods</li>
<li>FlightGear</li>
</ul>
<h2>Non-Free Assets</h2>
<ul class="non-free-assets">
</ul>
</article>
</body>
</html>

26
FOOS_ALT_WEBSITE/general.html → general.html
View file

@ -5,22 +5,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternatives</title> <title>FOSS Alternatives</title>
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
<script src="header.js" type="text/javascript" defer></script>
<script src="burger.js" type="text/javascript" defer></script>
</head> </head>
<body> <body>
<header> <header-component></header-component>
<div class="header-content">
<div class="project-name"><a href="index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="games.html">Games</a></li>
<li><a href="general.html">General</a></li>
<li><a href="tools.html">Tools</a></li>
<li><a href="media.html">Multimedia</a></li>
<li><a href="os.html">OS</a></li>
<li><a href="social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article> <article>
<nav> <nav>
<ul class="folder-list"> <ul class="folder-list">
@ -51,17 +40,8 @@
<li class="folder-list-item"> <li class="folder-list-item">
<a class="folder-link" href="general_purpose/programming.html">Programming</a> <a class="folder-link" href="general_purpose/programming.html">Programming</a>
</li> </li>
<li class="folder-list-item">
<a class="folder-link" href="general_purpose/template.html">template</a>
</li>
</ul> </ul>
</nav> </nav>
</article> </article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body> </body>
</html> </html>

21
general_purpose/3d_modeling.html Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>General List</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Blender</li>
</ul>
</article>
</body>
</html>

25
general_purpose/cad.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>General List</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>FreeCAD</li>
</ul>
<h1>4/5</h1>
<ul class="fourStar">
<li>OpenSCAD</li>
</ul>
</article>
</body>
</html>

21
general_purpose/disk_cleaner.html Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>General List</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Bleachbit</li>
</ul>
</article>
</body>
</html>

25
general_purpose/notes.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>General List</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Trillium</li>
</ul>
<h1>4/5</h1>
<ul class="fourStar">
<li>Joplin</li>
</ul>
</article>
</body>
</html>

26
general_purpose/office_programs.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>General List</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>LibreOffice</li>
</ul>
<h1>4/5</h1>
<ul class="fourStar">
<li>ONLYOFFICE</li>
<li>Collabora Online</li>
</ul>
</article>
</body>
</html>

26
general_purpose/password_manager.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>General List</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>KeePassXC</li>
</ul>
<h1>4/5</h1>
<ul class="fourStar">
<li>Bitwarden</li>
<li>Proton Pass</li>
</ul>
</article>
</body>
</html>

22
general_purpose/pdf_viewer.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>General List</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Ôkular</li>
</ul>
</article>
</body>
</html>

25
general_purpose/privacy_vpn.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>General List</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>ProtonVPN</li>
</ul>
<h1>4/5</h1>
<ul class="fourStar">
<li>Mullvad VPN</li>
</ul>
</article>
</body>
</html>

21
general_purpose/programming.html Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>General List</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>VS Codium</li>
</ul>
</article>
</body>
</html>

30
header-folder.js Normal file
View file

@ -0,0 +1,30 @@
class Header extends HTMLElement {
constructor() {
super();
}
connectedCallback() {
this.innerHTML = `
<style>
</style>
<header>
<div class="header-content">
<div class="project-name"><a href="index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
`;
}
}
customElements.define('header-component', Header);
customElements.define('header-component', Header);

29
header.js Normal file
View file

@ -0,0 +1,29 @@
class Header extends HTMLElement {
constructor() {
super();
}
connectedCallback() {
this.innerHTML = `
<style>
</style>
<header>
<div class="header-content">
<div class="project-name"><a href="index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="games.html">Games</a></li>
<li><a href="general.html">General</a></li>
<li><a href="tools.html">Tools</a></li>
<li><a href="media.html">Multimedia</a></li>
<li><a href="os.html">OS</a></li>
<li><a href="social-media.html">Social media</a></li>
</ul>
</div>
</header>
`;
}
}
customElements.define('header-component', Header);

25
FOOS_ALT_WEBSITE/index.html → index.html
View file

@ -5,22 +5,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternatives</title> <title>FOSS Alternatives</title>
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
<script src="header.js" type="text/javascript" defer></script>
<script src="burger.js" type="text/javascript" defer></script>
</head> </head>
<body> <body>
<header> <header-component></header-component>
<div class="header-content">
<div class="project-name"><a href="index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="games.html">Games</a></li>
<li><a href="general.html">General</a></li>
<li><a href="tools.html">Tools</a></li>
<li><a href="media.html">Multimedia</a></li>
<li><a href="os.html">OS</a></li>
<li><a href="social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article> <article>
<h1>foss-alternatives</h1> <h1>foss-alternatives</h1>
<p class="text"> <p class="text">
@ -38,6 +27,8 @@
for some inspiration. for some inspiration.
</p> </p>
<a href="Template/template.html"><button type="button">Template</button></a>
<h1>License</h1> <h1>License</h1>
<p class="text"> <p class="text">
Creative Commons Legal Code <br> Creative Commons Legal Code <br>
@ -163,11 +154,5 @@
<br> <br>
</p> </p>
</article> </article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body> </body>
</html> </html>

27
FOOS_ALT_WEBSITE/internet_tools/browsers.html → internet_tools/browsers.html
View file

@ -5,22 +5,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title> <title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css"> <link rel="stylesheet" href="../list.css">
</head> <script src="../header-folder.js" type="text/javascript" defer></script>
<body> <script src="../burger.js" type="text/javascript" defer></script>
<header> </head>
<div class="header-content"> <body>
<div class="project-name"><a href="../index.html">FOSS alternative</a></div> <header-component></header-component>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
<ul class="fiveStar"> <ul class="fiveStar">
@ -47,12 +36,6 @@
<li>vivaldi</li> <li>vivaldi</li>
</ul> </ul>
</article> </article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body> </body>
</html> </html>

25
internet_tools/mail_clients.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Thunderbird</li>
</ul>
<h1>3/5</h1>
<ul class="threeStar">
<li>SeaMonkey</li>
</ul>
</article>
</body>
</html>

24
FOOS_ALT_WEBSITE/internet_tools/search_engines.html → internet_tools/search_engines.html
View file

@ -5,22 +5,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title> <title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css"> <link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head> </head>
<body> <body>
<header> <header-component></header-component>
<div class="header-content">
<div class="project-name"><a href="../index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article> <article>
<h1>5/5</h1> <h1>5/5</h1>
@ -51,12 +40,5 @@
<li>Vivaldi</li> <li>Vivaldi</li>
</ul> </ul>
</article> </article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body> </body>
</html> </html>

96
FOOS_ALT_WEBSITE/list.css → list.css
View file

@ -3,33 +3,31 @@
box-sizing: border-box; box-sizing: border-box;
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-family: "Roboto", Arial, sans-serif;
transition: 1s; transition: all 0.3s ease; /* Smooth transitions */
} }
/* Body styles */ /* Body styles */
body { body {
background-color: #f5f5f5; background-color: #f9f9f9;
background-image: url("assets/");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
min-height: 100vh; min-height: 100vh;
margin: 0;
padding: 0;
} }
/* Header styles */ /* Header styles */
header { header {
background-color: rgba(0, 0, 0, 0.7); background-color: #2c3e50;
padding: 10px; padding: 15px 0;
width: 100%; width: 100%;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
z-index: 1000; z-index: 1000;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
} }
.header-content { .header-content {
@ -38,19 +36,20 @@ header {
align-items: center; align-items: center;
max-width: 1200px; max-width: 1200px;
margin: 0 auto; margin: 0 auto;
padding: 0 20px;
} }
.project-name { .project-name {
color: white; color: #ffffff;
font-size: 1.5em; font-size: 1.8em;
text-decoration: none; /* Ensure no underline */ font-weight: bold;
} }
.burger-menu { .burger-menu {
background: none; background: none;
border: none; border: none;
color: white; color: #ffffff;
font-size: 1.5em; font-size: 1.8em;
cursor: pointer; cursor: pointer;
display: none; display: none;
} }
@ -59,70 +58,74 @@ header {
list-style: none; list-style: none;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
align-items: center;
flex-grow: 1; flex-grow: 1;
margin: 0;
} }
header li { header li {
margin: 0 10px; margin: 15px;
} }
header a { header a {
color: white; color: #ffffff;
text-decoration: none; /* Ensure no underline */ text-decoration: none;
padding: 10px; padding: 10px;
border-radius: 5px; border-radius: 5px;
transition: background-color 0.3s ease; transition: background-color 0.3s ease;
} }
header a:hover { header a:hover {
background-color: rgba(255, 255, 255, 0.2); background-color: #34495e;
} }
/* Article styles */ /* Article styles */
article { article {
margin-top: 100px; margin-top: 80px;
margin-bottom: 50px; margin-bottom: 50px;
padding: 20px; padding: 20px;
width: 90%; width: 90%;
max-width: 800px; max-width: 800px;
background: rgba(255, 255, 255, 0.9); background-color: #ffffff;
border-radius: 10px; border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
text-align: center; text-align: left;
} }
h1 { h1 {
color: #333; color: #333333;
margin-bottom: 20px; margin-bottom: 20px;
font-size: 2em; font-size: 2.5em;
} }
p.text { p.text {
color: #666; color: #555555;
line-height: 1.2; line-height: 1.6;
margin-bottom: 20px; margin-bottom: 20px;
font-size: 1em; font-size: 1.1em;
} }
img { img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
margin-bottom: 20px; margin-bottom: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
} }
button { button {
padding: 10px 20px; padding: 12px 24px;
margin: 2em; margin: 1em 0;
border: none; border: none;
background-color: #333; background-color: #3498db;
color: white; color: #ffffff;
border-radius: 5px; border-radius: 5px;
cursor: pointer; cursor: pointer;
transition: background-color 0.3s ease; transition: background-color 0.3s ease;
} }
button:hover { button:hover {
background-color: #555; background-color: #2980b9;
} }
.flex { .flex {
@ -131,7 +134,7 @@ button:hover {
} }
nav { nav {
margin-top: 20px; margin: 20px;
} }
.folder-list { .folder-list {
@ -145,16 +148,17 @@ nav {
.folder-link { .folder-link {
text-decoration: none; text-decoration: none;
color: #eee8e8; color: #ffffff;
font-weight: bold; font-weight: bold;
display: block; display: block;
padding: 10px; padding: 10px;
border-radius: 5px; border-radius: 5px;
background: linear-gradient(to right, #000000, #707070); /* Gradient background */ background-color: #2c3e50;
transition: background-color 0.3s ease;
} }
.folder-link:hover { .folder-link:hover {
background: linear-gradient(to right, #707070, #000000); /* Gradient change on hover */ background-color: #34495e;
} }
.folder-link:active { .folder-link:active {
@ -170,20 +174,22 @@ nav {
.menu { .menu {
display: none; display: none;
flex-direction: column; flex-direction: column;
background-color: rgba(0, 0, 0, 0.7); background-color: #2c3e50;
position: absolute; position: absolute;
top: 100%; /* Adjusted position */ top: 100%; /* Adjusted position */
left: 0; left: 0;
width: 100%; width: 100%;
z-index: 999; z-index: 999;
padding: 0;
} }
.menu.active { .menu.active {
display: flex; display: flex;
padding: 10px;
} }
header { header {
padding: 5px; padding: 10px 0;
height: auto; height: auto;
} }
@ -191,26 +197,28 @@ nav {
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 0 10px;
} }
.project-name { .project-name {
font-size: 1.2em; font-size: 1.5em;
} }
header li { header li {
margin: 0; margin: 0;
width: 100%; padding: 10px;
} }
header a { header a {
padding: 10px;
width: 100%; width: 100%;
display: block; padding: 12px 0;
text-align: center; /* Center align the menu items */
} }
article { article {
margin-top: 190px; margin-top: 140px; /* Increase margin-top for better readability */
padding-top: 20px; padding-top: 20px;
margin-bottom: 20px; /* Adjust margin-bottom for consistency */
} }
} }

23
FOOS_ALT_WEBSITE/media.html → media.html
View file

@ -5,22 +5,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternatives</title> <title>FOSS Alternatives</title>
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
<script src="header.js" type="text/javascript" defer></script>
<script src="burger.js" type="text/javascript" defer></script>
</head> </head>
<body> <body>
<header> <header-component></header-component>
<div class="header-content">
<div class="project-name"><a href="index.html">FOSS alternative</a></div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="games.html">Games</a></li>
<li><a href="general.html">General</a></li>
<li><a href="tools.html">Tools</a></li>
<li><a href="media.html">Multimedia</a></li>
<li><a href="os.html">OS</a></li>
<li><a href="social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article> <article>
<nav> <nav>
<ul class="folder-list"> <ul class="folder-list">
@ -55,11 +44,5 @@
</ul> </ul>
</nav> </nav>
</article> </article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body> </body>
</html> </html>

21
multimedia/audio_editors.html Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Audacity</li>
</ul>
</article>
</body>
</html>

21
multimedia/image_editing.html Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>GIMP</li>
</ul>
</article>
</body>
</html>

25
multimedia/media_player.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>VLC</li>
</ul>
<h1>3/5</h1>
<ul class="threeStar">
<li>MPV</li>
</ul>
</article>
</body>
</html>

25
multimedia/multimedia_frontend.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Kodi</li>
</ul>
<h1>3/5</h1>
<ul class="threeStar">
<li>Jellyfin</li>
</ul>
</article>
</body>
</html>

25
multimedia/painting.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Krita</li>
</ul>
<h1>3/5</h1>
<ul class="threeStar">
<li>Inkscape</li>
</ul>
</article>
</body>
</html>

21
multimedia/photo_editing.html Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>GIMP</li>
</ul>
</article>
</body>
</html>

25
multimedia/photo_processing.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Darktable</li>
</ul>
<h1>3/5</h1>
<ul class="threeStar">
<li>RawTherapee</li>
</ul>
</article>
</body>
</html>

25
multimedia/recording.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>OBS Studio</li>
</ul>
<h1>4/5</h1>
<ul class="fourStar">
<li>ShareX</li>
</ul>
</article>
</body>
</html>

25
multimedia/video_editors.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css">
<script src="../header-folder.js" type="text/javascript" defer></script>
<script src="../burger.js" type="text/javascript" defer></script>
</head>
<body>
<header-component></header-component>
<article>
<h1>5/5</h1>
<ul class="fiveStar">
<li>Kdenlive</li>
</ul>
<h1>4/5</h1>
<ul class="fourStar">
<li>Shotcut</li>
</ul>
</article>
</body>
</html>

27
FOOS_ALT_WEBSITE/operating_systems/desktop.html → operating_systems/desktop.html
View file

@ -5,22 +5,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternative</title> <title>FOSS Alternative</title>
<link rel="stylesheet" href="../list.css"> <link rel="stylesheet" href="../list.css">
</head> <script src="../header-folder.js" type="text/javascript" defer></script>
<body> <script src="../burger.js" type="text/javascript" defer></script>
<header> </head>
<div class="header-content"> <body>
<div class="project-name"><a href="../index.html">FOSS alternative</a></div> <header-component></header-component>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="../games.html">Games</a></li>
<li><a href="../general.html">General</a></li>
<li><a href="../tools.html">Tools</a></li>
<li><a href="../media.html">Multimedia</a></li>
<li><a href="../os.html">OS</a></li>
<li><a href="../social-media.html">Social media</a></li>
</ul>
</div>
</header>
<article> <article>
<h1>GNU/Linux Based</h1> <h1>GNU/Linux Based</h1>
<h1>5/5</h1> <h1>5/5</h1>
@ -55,12 +44,6 @@
<li>Bliss OS</li> <li>Bliss OS</li>
</ul> </ul>
</article> </article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body> </body>
</html> </html>

Some files were not shown because too many files have changed in this diff Show more