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

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

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

View file

@ -1,26 +1,15 @@
<!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>
<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">
@ -65,12 +54,6 @@
<li>Entry 4</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

4
burger.js Normal file
View file

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

View file

@ -5,22 +5,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternatives</title>
<link rel="stylesheet" href="styles.css">
<script src="header.js" type="text/javascript" defer></script>
<script src="burger.js" type="text/javascript" defer></script>
</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>
<header-component></header-component>
<article>
<nav>
<ul class="folder-list">
@ -45,11 +34,5 @@
</ul>
</nav>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</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>

View file

@ -5,22 +5,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternatives</title>
<link rel="stylesheet" href="styles.css">
<script src="header.js" type="text/javascript" defer></script>
<script src="burger.js" type="text/javascript" defer></script>
</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>
<header-component></header-component>
<article>
<nav>
<ul class="folder-list">
@ -51,17 +40,8 @@
<li class="folder-list-item">
<a class="folder-link" href="general_purpose/programming.html">Programming</a>
</li>
<li class="folder-list-item">
<a class="folder-link" href="general_purpose/template.html">template</a>
</li>
</ul>
</nav>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

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>

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>

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>

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>

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>

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>

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>

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);

View file

@ -5,22 +5,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternatives</title>
<link rel="stylesheet" href="styles.css">
<script src="header.js" type="text/javascript" defer></script>
<script src="burger.js" type="text/javascript" defer></script>
</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>
<header-component></header-component>
<article>
<h1>foss-alternatives</h1>
<p class="text">
@ -38,6 +27,8 @@
for some inspiration.
</p>
<a href="Template/template.html"><button type="button">Template</button></a>
<h1>License</h1>
<p class="text">
Creative Commons Legal Code <br>
@ -163,11 +154,5 @@
<br>
</p>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

View file

@ -5,22 +5,11 @@
<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>
<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">
@ -47,12 +36,6 @@
<li>vivaldi</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

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>

View file

@ -5,22 +5,11 @@
<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>
<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>
<header-component></header-component>
<article>
<h1>5/5</h1>
@ -51,12 +40,5 @@
<li>Vivaldi</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

View file

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

View file

@ -5,22 +5,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOSS Alternatives</title>
<link rel="stylesheet" href="styles.css">
<script src="header.js" type="text/javascript" defer></script>
<script src="burger.js" type="text/javascript" defer></script>
</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>
<header-component></header-component>
<article>
<nav>
<ul class="folder-list">
@ -55,11 +44,5 @@
</ul>
</nav>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

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>

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>

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>

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>

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>

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>

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>

View file

@ -5,22 +5,11 @@
<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>
<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>GNU/Linux Based</h1>
<h1>5/5</h1>
@ -55,12 +44,6 @@
<li>Bliss OS</li>
</ul>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

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