Fixed some header problem --> styling still broken will look into it
This commit is contained in:
parent
eeeddd9db6
commit
8882d036c9
29 changed files with 443 additions and 403 deletions
|
@ -9,15 +9,15 @@
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
|
@ -7,17 +7,17 @@
|
||||||
<link rel="stylesheet" href="../list.css">
|
<link rel="stylesheet" href="../list.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
|
@ -10,15 +10,15 @@
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
|
@ -7,20 +7,20 @@
|
||||||
<link rel="stylesheet" href="../list.css">
|
<link rel="stylesheet" href="../list.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
|
|
|
@ -7,20 +7,20 @@
|
||||||
<link rel="stylesheet" href="../list.css">
|
<link rel="stylesheet" href="../list.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
|
|
|
@ -7,20 +7,20 @@
|
||||||
<link rel="stylesheet" href="../list.css">
|
<link rel="stylesheet" href="../list.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
|
|
@ -7,20 +7,20 @@
|
||||||
<link rel="stylesheet" href="../list.css">
|
<link rel="stylesheet" href="../list.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
|
|
@ -7,20 +7,20 @@
|
||||||
<link rel="stylesheet" href="../list.css">
|
<link rel="stylesheet" href="../list.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
|
|
@ -9,20 +9,20 @@ VS Codium
|
||||||
<link rel="stylesheet" href="../list.css">
|
<link rel="stylesheet" href="../list.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
|
|
@ -7,20 +7,20 @@
|
||||||
<link rel="stylesheet" href="../list.css">
|
<link rel="stylesheet" href="../list.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
|
|
@ -7,20 +7,20 @@ s<!DOCTYPE html>
|
||||||
<link rel="stylesheet" href="../list.css">
|
<link rel="stylesheet" href="../list.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
|
|
@ -7,20 +7,20 @@
|
||||||
<link rel="stylesheet" href="../list.css">
|
<link rel="stylesheet" href="../list.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
|
|
@ -9,15 +9,15 @@
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
|
@ -21,62 +21,6 @@ body {
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Header styles */
|
|
||||||
header {
|
|
||||||
background-color: rgba(0, 0, 0, 0.7);
|
|
||||||
padding: 10px;
|
|
||||||
width: 100%;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 1000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-content {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-name {
|
|
||||||
color: white;
|
|
||||||
font-size: 1.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.burger-menu {
|
|
||||||
background: none;
|
|
||||||
border: none;
|
|
||||||
color: white;
|
|
||||||
font-size: 1.5em;
|
|
||||||
cursor: pointer;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu {
|
|
||||||
list-style: none;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-around;
|
|
||||||
flex-grow: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
header li {
|
|
||||||
margin: 0 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
header a {
|
|
||||||
color: white;
|
|
||||||
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);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Article styles */
|
/* Article styles */
|
||||||
article {
|
article {
|
||||||
margin-top: 100px;
|
margin-top: 100px;
|
||||||
|
@ -236,6 +180,64 @@ ul.death {
|
||||||
text-shadow: red;
|
text-shadow: red;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Header styles */
|
||||||
|
header {
|
||||||
|
background-color: rgba(0, 0, 0, 0.7);
|
||||||
|
padding: 10px;
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-content {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project-name {
|
||||||
|
color: white;
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.burger-menu {
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
color: white;
|
||||||
|
font-size: 1.5em;
|
||||||
|
cursor: pointer;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu {
|
||||||
|
list-style: none;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
header li {
|
||||||
|
margin: 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header a {
|
||||||
|
color: white;
|
||||||
|
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);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Mobile Styles */
|
/* Mobile Styles */
|
||||||
@media (max-width: 1000px) {
|
@media (max-width: 1000px) {
|
||||||
.burger-menu {
|
.burger-menu {
|
||||||
|
|
|
@ -9,20 +9,20 @@ Audacity
|
||||||
<link rel="stylesheet" href="../list.css">
|
<link rel="stylesheet" href="../list.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
|
|
@ -7,20 +7,20 @@
|
||||||
<link rel="stylesheet" href="../list.css">
|
<link rel="stylesheet" href="../list.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
|
|
@ -8,19 +8,19 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
|
|
@ -8,19 +8,19 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
|
|
@ -8,19 +8,19 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
|
|
@ -9,20 +9,20 @@ GIMP
|
||||||
<link rel="stylesheet" href="../list.css">
|
<link rel="stylesheet" href="../list.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
|
|
@ -8,19 +8,19 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
|
|
@ -13,19 +13,19 @@ ShareX
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
|
|
@ -8,19 +8,19 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
|
|
@ -8,19 +8,19 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<h1>GNU/Linux Based</h1>
|
<h1>GNU/Linux Based</h1>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
|
|
|
@ -10,19 +10,19 @@ postmarketOS
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<h1>AOSP Base</h1>
|
<h1>AOSP Base</h1>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
|
|
|
@ -8,19 +8,19 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
|
|
@ -8,19 +8,19 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
|
|
@ -8,19 +8,19 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="header-content">
|
<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 alternative</a></div>
|
||||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="index.html">Home</a></li>
|
<li><a href="../games.html">Games</a></li>
|
||||||
<li><a href="features.html">Features</a></li>
|
<li><a href="../general.html">General</a></li>
|
||||||
<li><a href="downloads.html">Downloads</a></li>
|
<li><a href="../tools.html">Tools</a></li>
|
||||||
<li><a href="community.html">Community</a></li>
|
<li><a href="../media.html">Multimedia</a></li>
|
||||||
<li><a href="support.html">Support</a></li>
|
<li><a href="../os.html">OS</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="../social-media.html">Social media</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<h1>5/5</h1>
|
<h1>5/5</h1>
|
||||||
<ul class="fiveStar">
|
<ul class="fiveStar">
|
||||||
|
|
|
@ -1,8 +1,46 @@
|
||||||
5/5
|
<!DOCTYPE html>
|
||||||
Signal
|
<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>
|
||||||
|
|
||||||
4/5
|
|
||||||
Molly
|
|
||||||
|
|
||||||
3/5
|
|
||||||
Session
|
|
Loading…
Reference in a new issue