Merge pull request 'pages' (#2) from Patrick_Pluto/foss_alternatives:pages into main
Reviewed-on: https://codeberg.org/sageTheDm/foss_alternatives/pulls/2
This commit is contained in:
sageTheDm
commit
24810c5c40
21 changed files with 191 additions and 206 deletions
11
README.md
11
README.md
|
|
@ -1,12 +1,3 @@
|
|||
# foss_alternatives
|
||||
|
||||
This contains a spreadsheet with good alternatives to non-free programs.
|
||||
|
||||
The rating system takes into an account:
|
||||
Viability for regular users.
|
||||
Actual quality of the program.
|
||||
|
||||
If you have a suggestion or don't agree with a rating or alternative, please create an issue.
|
||||
|
||||
Credit and thanks to:
|
||||
https://github.com/flick9000/instead-of?tab=readme-ov-file for some inspiration.
|
||||
https://patrick_pluto.codeberg.page/foss_alternatives/
|
||||
|
|
@ -4,9 +4,9 @@
|
|||
<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">
|
||||
<script src="header.js" type="text/javascript" defer></script>
|
||||
<script src="burger.js" type="text/javascript" defer></script>
|
||||
<link rel="stylesheet" href="../styles.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>
|
||||
|
|
@ -14,22 +14,22 @@
|
|||
<nav>
|
||||
<ul class="folder-list">
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="games/fps.html">FPS</a>
|
||||
<a class="folder-link" href="fps.html">FPS</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="games/general.html">General</a>
|
||||
<a class="folder-link" href="general.html">General</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="games/platformer.html">Platformer</a>
|
||||
<a class="folder-link" href="platformer.html">Platformer</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="games/sandbox.html">Sandbox</a>
|
||||
<a class="folder-link" href="sandbox.html">Sandbox</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="games/strategy.html">Strategy</a>
|
||||
<a class="folder-link" href="strategy.html">Strategy</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="games/vehicle.html">Vehicle</a>
|
||||
<a class="folder-link" href="vehicle.html">Vehicle</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
|
@ -16,13 +16,6 @@
|
|||
<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>
|
||||
|
|
|
|||
|
|
@ -17,13 +17,6 @@
|
|||
<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>
|
||||
|
|
|
|||
|
|
@ -17,10 +17,6 @@
|
|||
<li>Rigs of Rods</li>
|
||||
<li>FlightGear</li>
|
||||
</ul>
|
||||
|
||||
<h2>Non-Free Assets</h2>
|
||||
<ul class="non-free-assets">
|
||||
</ul>
|
||||
</article>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
47
general.html
47
general.html
|
|
@ -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 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-component></header-component>
|
||||
<article>
|
||||
<nav>
|
||||
<ul class="folder-list">
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="general_purpose/3d_modeling.html">3D modeling</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="general_purpose/cad.html">CAD</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="general_purpose/disk_cleaner.html">Disk cleaner</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="general_purpose/notes.html">Notes</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="general_purpose/office_programs.html">Office</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="general_purpose/password_manager.html">Password Manager</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="general_purpose/pdf_viewer.html">PDF Viewer</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="general_purpose/privacy_vpn.html">VPN</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="general_purpose/programming.html">Programming</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</article>
|
||||
</body>
|
||||
</html>
|
||||
47
general_purpose/index.html
Normal file
47
general_purpose/index.html
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
<!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">
|
||||
<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>
|
||||
<nav>
|
||||
<ul class="folder-list">
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="3d_modeling.html">3D modeling</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="cad.html">CAD</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="disk_cleaner.html">Disk cleaner</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="notes.html">Notes</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="office_programs.html">Office</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="password_manager.html">Password Manager</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="pdf_viewer.html">PDF Viewer</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="privacy_vpn.html">VPN</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="programming.html">Programming</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</article>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
<article>
|
||||
<h1>5/5</h1>
|
||||
<ul class="fiveStar">
|
||||
<li>Ôkular</li>
|
||||
<li>Okular</li>
|
||||
</ul>
|
||||
|
||||
</article>
|
||||
|
|
|
|||
|
|
@ -11,15 +11,15 @@ class Header extends HTMLElement {
|
|||
</style>
|
||||
<header>
|
||||
<div class="header-content">
|
||||
<div class="project-name"><a href="index.html">FOSS alternative</a></div>
|
||||
<div class="project-name"><a href="../index.html">FOSS alternatives</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>
|
||||
<li><a href="../games/index.html">Games</a></li>
|
||||
<li><a href="../general_purpose/index.html">General Purpose</a></li>
|
||||
<li><a href="../internet_tools/index.html">Internet Tools</a></li>
|
||||
<li><a href="../multimedia/index.html">Multimedia</a></li>
|
||||
<li><a href="../operating_systems/index.html">Operating Systems</a></li>
|
||||
<li><a href="../social_platforms/index.html">Social Platforms</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
|
|
|
|||
14
header.js
14
header.js
|
|
@ -11,15 +11,15 @@ class Header extends HTMLElement {
|
|||
</style>
|
||||
<header>
|
||||
<div class="header-content">
|
||||
<div class="project-name"><a href="index.html">FOSS alternative</a></div>
|
||||
<div class="project-name"><a href="index.html">FOSS alternatives</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>
|
||||
<li><a href="games/index.html">Games</a></li>
|
||||
<li><a href="general_purpose/index.html">General Purpose</a></li>
|
||||
<li><a href="internet_tools/index.html">Internet Tools</a></li>
|
||||
<li><a href="multimedia/index.html">Multimedia</a></li>
|
||||
<li><a href="operating_systems/index.html">Operating Systems</a></li>
|
||||
<li><a href="social_platforms/index.html">Social Platforms</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
|
|
|
|||
24
index.html
24
index.html
|
|
@ -14,17 +14,25 @@
|
|||
<h1>foss-alternatives</h1>
|
||||
<p class="text">
|
||||
This contains a spreadsheet with good alternatives to non-free programs.
|
||||
|
||||
The rating system takes into an account:
|
||||
Viability for regular users.
|
||||
Actual quality of the program.
|
||||
|
||||
If you have a suggestion or don't agree with a rating or alternative, please create an issue.
|
||||
|
||||
Credit and thanks to:
|
||||
<br><br>
|
||||
The rating system mostly depends on how much we'd recommend it to someone who isn't already using a free alternative.
|
||||
<br><br>
|
||||
If you use a program that's on this list, but at like 2/5, this does NOT mean that you should switch to something at 5/5.
|
||||
<br>
|
||||
It mainly just means that the program may be difficult to use for beginners, or have some other unwanted side-effects, like minor privacy/freedom concenrns.
|
||||
<br>
|
||||
For example Trisquel, a great OS which is one of the few fully FSDG compliant operating systems, only has a 1/5, because a regular user, who was using Windows for all their life might have an unpleasant suprise trying to use Trisquel, and being confused why their hardware doesn't work or their non-free software not working.
|
||||
<br><br>
|
||||
If you have a suggestion or don't agree with a rating or alternative, please create an issue, or feel free to create a pull request with your changes already applied.
|
||||
<br>
|
||||
<a href="https://codeberg.org/Patrick_Pluto/foss_alternatives"> Codeberg Repository</a>
|
||||
<br><br>
|
||||
Credit and thanks to:
|
||||
<br><br>
|
||||
<a href="https://github.com/flick9000/instead-of?tab=readme-ov-file"> https://github.com/flick9000/instead-of?tab=readme-ov-file</a>
|
||||
for some inspiration.
|
||||
<br><br>
|
||||
Notice: The JavaScript on this page is 100% free and licensed under the CC0. LibreJS should detect this automatically, but if you block all JS, you can be rest assured that our JavaScript does not violate your freedom and privacy.
|
||||
</p>
|
||||
|
||||
<a href="Template/template.html"><button type="button">Template</button></a>
|
||||
|
|
|
|||
|
|
@ -31,9 +31,9 @@
|
|||
<ul class="twoStar">
|
||||
<li>Ungoogled-Chromium</li>
|
||||
</ul>
|
||||
<h1>1/5</h1>
|
||||
<ul class="oneStar">
|
||||
<li>vivaldi</li>
|
||||
<h1>0/5</h1>
|
||||
<ul class="death">
|
||||
<li>Vivaldi</li>
|
||||
</ul>
|
||||
</article>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -4,9 +4,9 @@
|
|||
<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">
|
||||
<script src="header.js" type="text/javascript" defer></script>
|
||||
<script src="burger.js" type="text/javascript" defer></script>
|
||||
<link rel="stylesheet" href="../styles.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>
|
||||
|
|
@ -14,13 +14,13 @@
|
|||
<nav>
|
||||
<ul class="folder-list">
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="internet_tools/browsers.html">Browser</a>
|
||||
<a class="folder-link" href="browsers.html">Browser</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="internet_tools/mail_clients.html">Mail</a>
|
||||
<a class="folder-link" href="mail_clients.html">Mail</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="internet_tools//search_engines.html">Search egine</a>
|
||||
<a class="folder-link" href="search_engines.html">Search engines</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
|
@ -15,6 +15,10 @@
|
|||
<ul class="fiveStar">
|
||||
<li>Thunderbird</li>
|
||||
</ul>
|
||||
<h1>4/5</h1>
|
||||
<ul class="fourStar">
|
||||
<li>Proton Mail</li>
|
||||
</ul>
|
||||
<h1>3/5</h1>
|
||||
<ul class="threeStar">
|
||||
<li>SeaMonkey</li>
|
||||
|
|
|
|||
4
list.css
4
list.css
|
|
@ -34,7 +34,7 @@ header {
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
max-width: 1200px;
|
||||
max-width: 1400px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
|
@ -166,7 +166,7 @@ nav {
|
|||
}
|
||||
|
||||
/* Mobile Styles */
|
||||
@media (max-width: 1000px) {
|
||||
@media (max-width: 1400px) {
|
||||
.burger-menu {
|
||||
display: block;
|
||||
}
|
||||
|
|
|
|||
48
media.html
48
media.html
|
|
@ -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>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-component></header-component>
|
||||
<article>
|
||||
<nav>
|
||||
<ul class="folder-list">
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="multimedia/audio_editors.html">Audio</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="multimedia/image_editing.html">Image editing</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="multimedia/media_player.html">Media Player</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="multimedia/multimedia_frontend.html">Multimedia Frontend</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="multimedia/painting.html">Painting</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="multimedia/photo_editing.html">Photo editing</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="multimedia/photo_processing.html">Photo processing</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="multimedia/recording.html">Screen capture & recording</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="multimedia/video_editors.html">Video editing</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
</article>
|
||||
</body>
|
||||
</html>
|
||||
48
multimedia/index.html
Normal file
48
multimedia/index.html
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
<!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">
|
||||
<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>
|
||||
<nav>
|
||||
<ul class="folder-list">
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="audio_editors.html">Audio</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="image_editing.html">Image editing</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="media_player.html">Media Player</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="multimedia_frontend.html">Multimedia Frontend</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="painting.html">Painting</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="photo_editing.html">Photo editing</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="photo_processing.html">Photo processing</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="recording.html">Screen capture & recording</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="video_editors.html">Video editing</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
</article>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -4,9 +4,9 @@
|
|||
<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">
|
||||
<script src="header.js" type="text/javascript" defer></script>
|
||||
<script src="burger.js" type="text/javascript" defer></script>
|
||||
<link rel="stylesheet" href="../styles.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>
|
||||
|
|
@ -14,10 +14,10 @@
|
|||
<nav>
|
||||
<ul class="folder-list">
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="operating_systems/mobile.html">Mobile</a>
|
||||
<a class="folder-link" href="mobile.html">Mobile</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="operating_systems/desktop.html">Desktop</a>
|
||||
<a class="folder-link" href="desktop.html">Desktop</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
|
@ -1,32 +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">
|
||||
<script src="header.js" type="text/javascript" defer></script>
|
||||
<script src="burger.js" type="text/javascript" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<header-component></header-component>
|
||||
<article>
|
||||
<nav>
|
||||
<ul class="folder-list">
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="social_platforms/irc_clients.html">IRC Clients</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="social_platforms/matrix_clients.html">Matrix Clients</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="social_platforms/signal_clients.html">Signal Clients</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="social_platforms/other_platforms.html">Other Platforms</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</article>
|
||||
</body>
|
||||
</html>
|
||||
32
social_platforms/index.html
Normal file
32
social_platforms/index.html
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<!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">
|
||||
<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>
|
||||
<nav>
|
||||
<ul class="folder-list">
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="irc_clients.html">IRC Clients</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="matrix_clients.html">Matrix Clients</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="signal_clients.html">Signal Clients</a>
|
||||
</li>
|
||||
<li class="folder-list-item">
|
||||
<a class="folder-link" href="other_platforms.html">Other Platforms</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</article>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -34,7 +34,7 @@ header {
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
max-width: 1200px;
|
||||
max-width: 1400px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
|
@ -166,7 +166,7 @@ nav {
|
|||
}
|
||||
|
||||
/* Mobile Styles */
|
||||
@media (max-width: 1000px) {
|
||||
@media (max-width: 1400px) {
|
||||
.burger-menu {
|
||||
display: block;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue