pages #9
					 37 changed files with 469 additions and 144 deletions
				
			
		|  | @ -30,45 +30,93 @@ | |||
|         <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>Entry 1</li>  | ||||
|             <li>Entry 2</li> | ||||
|             <li>Entry 3</li> | ||||
|             <li>Entry 4</li>            | ||||
|             <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 1</li>  | ||||
|             </a> | ||||
|             <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 2</li>  | ||||
|             </a> | ||||
|             <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 3</li>  | ||||
|             </a> | ||||
|            <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 4</li>  | ||||
|             </a>         | ||||
|         </ul> | ||||
|         <h1>4/5</h1> | ||||
|          <ul class="fourStar"> | ||||
|             <li>Entry 1</li>  | ||||
|             <li>Entry 2</li> | ||||
|             <li>Entry 3</li> | ||||
|             <li>Entry 4</li>            | ||||
|             <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 1</li>  | ||||
|             </a> | ||||
|             <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 2</li>  | ||||
|             </a> | ||||
|             <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 3</li>  | ||||
|             </a> | ||||
|            <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 4</li>  | ||||
|             </a>           | ||||
|         </ul> | ||||
|         <h1>3/5</h1> | ||||
|          <ul class="threeStar"> | ||||
|             <li>Entry 1</li>  | ||||
|             <li>Entry 2</li> | ||||
|             <li>Entry 3</li> | ||||
|             <li>Entry 4</li>            | ||||
|             <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 1</li>  | ||||
|             </a> | ||||
|             <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 2</li>  | ||||
|             </a> | ||||
|             <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 3</li>  | ||||
|             </a> | ||||
|            <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 4</li>  | ||||
|             </a>           | ||||
|         </ul> | ||||
|         <h1>2/5</h1> | ||||
|          <ul class="twoStar"> | ||||
|             <li>Entry 1</li>  | ||||
|             <li>Entry 2</li> | ||||
|             <li>Entry 3</li> | ||||
|             <li>Entry 4</li>            | ||||
|             <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 1</li>  | ||||
|             </a> | ||||
|             <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 2</li>  | ||||
|             </a> | ||||
|             <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 3</li>  | ||||
|             </a> | ||||
|            <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 4</li>  | ||||
|             </a>            | ||||
|         </ul> | ||||
|         <h1>1/5</h1> | ||||
|          <ul class="oneStar"> | ||||
|             <li>Entry 1</li>  | ||||
|             <li>Entry 2</li> | ||||
|             <li>Entry 3</li> | ||||
|             <li>Entry 4</li>            | ||||
|             <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 1</li>  | ||||
|             </a> | ||||
|             <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 2</li>  | ||||
|             </a> | ||||
|             <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 3</li>  | ||||
|             </a> | ||||
|            <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 4</li>  | ||||
|             </a>           | ||||
|         </ul> | ||||
|         <h1>0/5</h1> | ||||
|          <ul class="death"> | ||||
|             <li>Entry 1</li>  | ||||
|             <li>Entry 2</li> | ||||
|             <li>Entry 3</li> | ||||
|             <li>Entry 4</li>            | ||||
|            <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 1</li>  | ||||
|             </a> | ||||
|             <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 2</li>  | ||||
|             </a> | ||||
|             <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 3</li>  | ||||
|             </a> | ||||
|            <a href="" target="_blank" class="item-link"> | ||||
|                 <li>Entry 4</li>  | ||||
|             </a>            | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -31,17 +31,28 @@ | |||
|         <h1>Game List</h1> | ||||
|         <h2>Fully Free</h2> | ||||
|         <ul class="fully-free"> | ||||
|             <li>Xonotic</li> | ||||
|             <li>Freedoom</li> | ||||
|             <li>OpenArena</li> | ||||
|         </ul> | ||||
|             <a href="https://xonotic.org/" target="_blank" class="item-link"> | ||||
|                 <li>Xonotic</li> | ||||
|             </a> | ||||
|             <a href="https://freedoom.github.io" target="_blank" class="item-link"> | ||||
|                 <li>Freedoom</li> | ||||
|             </a> | ||||
|             <a href="https://openarena.ws/smfnews.php" target="_blank" class="item-link"> | ||||
|                 <li>OpenArena</li> | ||||
|             </a> | ||||
|         </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> | ||||
|             <a href="https://assault.cubers.net/" target="_blank" class="item-link"> | ||||
|                 <li>AssaultCube</li> | ||||
|             </a> | ||||
|             <a href="http://sauerbraten.org/" target="_blank" class="item-link"> | ||||
|                 <li>Cube 2: Sauerbraten</li> | ||||
|             </a> | ||||
|             <a href="https://store.steampowered.com/app/2280/DOOM__DOOM_II/" target="_blank" class="item-link"> | ||||
|                 <li>Doom</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -31,16 +31,25 @@ | |||
|         <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> | ||||
|             <a href="https://apps.kde.org/categories/games/" target="_blank" class="item-link"> | ||||
|                 <li>KDE Games</li> | ||||
|             </a> | ||||
|             <a href="https://gnomegames.com/" target="_blank" class="item-link"> | ||||
|                 <li>GNOME Games</li> | ||||
|             </a> | ||||
|             <a href="https://funkin.me/" target="_blank" class="item-link"> | ||||
|                 <li>Friday Night Funkin'</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|          | ||||
|         <h2>Non-Free Assets</h2> | ||||
|         <ul class="non-free-assets"> | ||||
|             <li>osu!</li> | ||||
|             <li>OpenMW</li> | ||||
|             <li>Daggerfall Unity</li> | ||||
|             <a href="https://osu.ppy.sh/" target="_blank" class="item-link"> | ||||
|                 <li>osu!</li> | ||||
|             </a> | ||||
|             <a href="https://openmw.org/" target="_blank" class="item-link"> | ||||
|                 <li>OpenMW</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -31,7 +31,9 @@ | |||
|         <h1>Game List</h1> | ||||
|         <h2>Fully Free</h2> | ||||
|         <ul class="fully-free"> | ||||
|             <li>SuperTux</li> | ||||
|             <a href="https://www.supertux.org/" target="_blank" class="item-link"> | ||||
|                 <li>SuperTux</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -31,8 +31,12 @@ | |||
|         <h1>Game List</h1> | ||||
|         <h2>Fully Free</h2> | ||||
|         <ul class="fully-free"> | ||||
|             <li>Minetest</li> | ||||
|             <li>The Powder Toy</li> | ||||
|             <a href="https://www.minetest.net/" target="_blank" class="item-link"> | ||||
|                 <li>Minetest</li> | ||||
|             </a> | ||||
|             <a href="https://powdertoy.co.uk/" target="_blank" class="item-link"> | ||||
|                 <li>The Powder Toy</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -31,16 +31,28 @@ | |||
|         <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> | ||||
|             <a href="https://play0ad.com/" target="_blank" class="item-link"> | ||||
|                 <li>0 A.D.</li> | ||||
|             </a> | ||||
|             <a href="https://www.freecivweb.org/" target="_blank" class="item-link"> | ||||
|                 <li>Freeciv</li> | ||||
|             </a> | ||||
|             <a href="" target="_blank" class="item-link"> | ||||
|                 <li>OpenCity</li> | ||||
|             </a> | ||||
|             <a href="https://www.opencity.info/" target="_blank" class="item-link"> | ||||
|                 <li>OpenTTD</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|          | ||||
|         <h2>Non-Free Assets</h2> | ||||
|         <ul class="non-free-assets"> | ||||
|             <li>OpenAge</li> | ||||
|             <li>OpenRA</li> | ||||
|             <a href="https://openage.sft.lol/" target="_blank" class="item-link"> | ||||
|                 <li>OpenAge</li> | ||||
|             </a> | ||||
|             <a href="https://www.openra.net/" target="_blank" class="item-link"> | ||||
|                 <li>OpenRA</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -31,7 +31,9 @@ | |||
|     <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>Blender</li> | ||||
|             <a href="https://www.blender.org/" target="_blank" class="item-link"> | ||||
|                 <li>Blender</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -31,11 +31,15 @@ | |||
|     <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>FreeCAD</li> | ||||
|             <a href="https://www.freecad.org/" target="_blank" class="item-link"> | ||||
|                 <li>FreeCAD</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>4/5</h1> | ||||
|         <ul class="fourStar"> | ||||
|             <li>OpenSCAD</li> | ||||
|             <a href="https://openscad.org/" target="_blank" class="item-link"> | ||||
|                 <li>OpenSCAD</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -31,7 +31,9 @@ | |||
|     <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>Bleachbit</li> | ||||
|             <a href=" https://www.bleachbit.org/" target="_blank" class="item-link"> | ||||
|                 <li>Bleachbit</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -31,11 +31,15 @@ | |||
|     <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>Trillium</li>             | ||||
|             <a href="https://github.com/zadam/trilium" target="_blank" class="item-link"> | ||||
|                 <li>Trillium</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>4/5</h1> | ||||
|         <ul class="fourStar"> | ||||
|             <li>Joplin</li>  | ||||
|             <a href="https://joplinapp.org/" target="_blank" class="item-link"> | ||||
|                 <li>Joplin</li>  | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -31,12 +31,18 @@ | |||
|     <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>LibreOffice</li>             | ||||
|             <a href="https://www.libreoffice.org/" target="_blank" class="item-link"> | ||||
|                 <li>LibreOffice</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>4/5</h1> | ||||
|         <ul class="fourStar"> | ||||
|             <li>ONLYOFFICE</li>  | ||||
|             <li>Collabora Online</li> | ||||
|             <a href="https://www.onlyoffice.com/" target="_blank" class="item-link"> | ||||
|                 <li>ONLYOFFICE</li>  | ||||
|             </a> | ||||
|             <a href="https://www.collaboraonline.com/collabora-online/" target="_blank" class="item-link"> | ||||
|                 <li>Collabora Online</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -30,12 +30,18 @@ | |||
|         <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <a href="https://keepassxc.org/" target="_blank" class="item-link"> | ||||
|                 <li>KeePassXC</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>4/5</h1> | ||||
|         <ul class="fourStar"> | ||||
|             <li>Bitwarden</li>  | ||||
|             <li>Proton Pass</li> | ||||
|             <a href="https://bitwarden.com/" target="_blank" class="item-link"> | ||||
|                 <li>Bitwarden</li>  | ||||
|             </a> | ||||
|             <a href="https://proton.me/" target="_blank" class="item-link"> | ||||
|                 <li>Proton Pass</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -30,7 +30,9 @@ | |||
|         <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>Okular</li>             | ||||
|             <a href="https://mullvad.net/en" target="_blank" class="item-link"> | ||||
|                 <li>Okular</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|          | ||||
|     </article> | ||||
|  |  | |||
|  | @ -30,11 +30,15 @@ | |||
|         <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>ProtonVPN</li>             | ||||
|             <a href="https://protonvpn.com/" target="_blank" class="item-link"> | ||||
|                 <li>ProtonVPN</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>4/5</h1> | ||||
|         <ul class="fourStar"> | ||||
|             <li>Mullvad VPN</li>  | ||||
|             <a href="https://mullvad.net/en" target="_blank" class="item-link"> | ||||
|                 <li>Mullvad VPN</li>  | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -30,7 +30,9 @@ | |||
|         <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <a href="https://vscodium.com/" target="_blank" class="item-link"> | ||||
|                 <li>VS Codium</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -27,8 +27,7 @@ class Header extends HTMLElement { | |||
|       <link rel="stylesheet" href="styles.css"> | ||||
|       <header> | ||||
|         <div class="header-content"> | ||||
|           <div><a href="../index.html" class="project-name">FOSS alternatives</a></div> | ||||
|           <button class="back-button" onclick="goBack()">← Back</button> | ||||
|           <div><a href="../index.html" class="project-name">FOSS alternatives</a translate="no"></div> | ||||
|           <button class="burger-menu" onclick="toggleMenu()">☰</button> | ||||
|         </div> | ||||
|       </header> | ||||
|  | @ -42,6 +41,7 @@ class Header extends HTMLElement { | |||
|           <li><a href="../social_platforms/index.html">Social Platforms</a></li> | ||||
|         </ul> | ||||
|       </div> | ||||
|       <button class="back-button" onclick="goBack()">←</button> | ||||
|     `;
 | ||||
|   } | ||||
| } | ||||
|  | @ -56,3 +56,4 @@ function toggleMenu() { | |||
|   const menu = document.querySelector('.div-menu'); | ||||
|   menu.style.display = menu.style.display === 'none' || menu.style.display === '' ? 'block' : 'none'; | ||||
| } | ||||
| // @license-end
 | ||||
|  | @ -30,27 +30,45 @@ | |||
|         <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>Firefox</li>             | ||||
|             <a href="https://www.mozilla.org/de/firefox/new/" target="_blank" class="item-link"> | ||||
|                 <li>Firefox</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>4/5</h1> | ||||
|         <ul class="fourStar"> | ||||
|             <li>LibreWolf</li> | ||||
|             <li>Thorium</li> | ||||
|             <li>Brave</li> | ||||
|             <a href="https://librewolf.net/" target="_blank" class="item-link"> | ||||
|                 <li>LibreWolf</li> | ||||
|             </a> | ||||
|             <a href="https://thorium.rocks/" target="_blank" class="item-link"> | ||||
|                 <li>Thorium</li> | ||||
|             </a> | ||||
|             <a href="https://brave.com/" target="_blank" class="item-link"> | ||||
|                 <li>Brave</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>3/5</h1> | ||||
|         <ul class="threeStar"> | ||||
|             <li>Tor Browser</li> | ||||
|             <li>Chromium</li> | ||||
|             <li>Pale Moon</li> | ||||
|             <a href="https://www.torproject.org/download/" target="_blank" class="item-link"> | ||||
|                 <li>Tor Browser</li> | ||||
|             </a> | ||||
|             <a href="https://www.chromium.org/" target="_blank" class="item-link"> | ||||
|                 <li>Chromium</li> | ||||
|             </a> | ||||
|             <a href="https://www.palemoon.org/" target="_blank" class="item-link"> | ||||
|                 <li>Pale Moon</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>2/5</h1> | ||||
|         <ul class="twoStar"> | ||||
|             <li>Ungoogled-Chromium</li> | ||||
|             <a href="https://ungoogled-software.github.io/ungoogled-chromium-binaries/" target="_blank" class="item-link"> | ||||
|                 <li>Ungoogled-Chromium</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>0/5</h1> | ||||
|         <ul class="death"> | ||||
|             <li>Vivaldi</li> | ||||
|             <a href="https://vivaldi.com/" target="_blank" class="item-link"> | ||||
|                 <li>Vivaldi</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -30,15 +30,21 @@ | |||
|         <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>Thunderbird</li>             | ||||
|             <a href="https://www.thunderbird.net/en-US/" target="_blank" class="item-link"> | ||||
|                 <li>Thunderbird</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>4/5</h1> | ||||
|         <ul class="fourStar"> | ||||
|             <li>Proton Mail</li>             | ||||
|             <a href="https://proton.me/mail" target="_blank" class="item-link"> | ||||
|                 <li>Proton Mail</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>3/5</h1> | ||||
|         <ul class="threeStar"> | ||||
|             <li>SeaMonkey</li> | ||||
|             <a href="https://www.seamonkey-project.org/" target="_blank" class="item-link"> | ||||
|                 <li>SeaMonkey</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -31,30 +31,32 @@ | |||
|     <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>DuckDuckGo</li>             | ||||
|             <a href="https://duckduckgo.com/" target="_blank" class="item-link"> | ||||
|                 <li>DuckDuckGo</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|          | ||||
|         <h1>4/5</h1> | ||||
|         <ul class="fourStar"> | ||||
|             <li>Qwant</li> | ||||
|             <li>Startpage</li> | ||||
|             <li>Brave Search</li> | ||||
|             <li>Ecosia</li> | ||||
|              <a href="https://www.qwant.com/" target="_blank" class="item-link"> | ||||
|                  <li>Qwant</li> | ||||
|              </a> | ||||
|             <a href="https://www.startpage.com/" target="_blank" class="item-link"> | ||||
|                 <li>Startpage</li> | ||||
|             </a> | ||||
|             <a href="https://search.brave.com/" target="_blank" class="item-link"> | ||||
|                 <li>Brave Search</li> | ||||
|             </a> | ||||
|             <a href="https://www.ecosia.org/" target="_blank" class="item-link"> | ||||
|                 <li>Ecosia</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|          | ||||
|         <h1>3/5</h1> | ||||
|         <ul class="threeStar"> | ||||
|             <li>SearXNG</li> | ||||
|         </ul> | ||||
|          | ||||
|         <h1>2/5</h1> | ||||
|         <ul class="twoStar"> | ||||
|             <li>Ungoogled-Chromium</li> | ||||
|         </ul> | ||||
|          | ||||
|         <h1>1/5</h1> | ||||
|         <ul class="oneStar"> | ||||
|             <li>Vivaldi</li> | ||||
|             <a href="https://searx.space/" target="_blank" class="item-link"> | ||||
|                 <li>SearXNG</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -672,7 +672,7 @@ class License extends HTMLElement { | |||
|             state the exclusion of warranty; and each file should have at least | ||||
|             the "copyright" line and a pointer to where the full notice is found.</p> | ||||
| 
 | ||||
|             <pre>            freeftf website | ||||
|             <p>            freeftf website | ||||
|             Copyright (C) 2024  Patrick_Pluto | ||||
| 
 | ||||
|             This program is free software: you can redistribute it and/or modify | ||||
|  | @ -687,7 +687,7 @@ class License extends HTMLElement { | |||
| 
 | ||||
|             You should have received a copy of the GNU Affero General Public License | ||||
|             along with this program.  If not, see <https://www.gnu.org/licenses/>.
 | ||||
|             </pre> | ||||
|             </p> | ||||
| 
 | ||||
|             <p>Also add information on how to contact you by electronic and paper mail.</p> | ||||
| 
 | ||||
|  |  | |||
							
								
								
									
										57
									
								
								list.css
									
										
									
									
									
								
							
							
						
						
									
										57
									
								
								list.css
									
										
									
									
									
								
							|  | @ -227,6 +227,34 @@ nav { | |||
|   transform: scale(0.98); /* Slight scale down on click */ | ||||
| } | ||||
| 
 | ||||
| .death .item-link { | ||||
|   text-decoration: none; | ||||
|   font-weight: bold; | ||||
|   display: block; | ||||
|   padding: 2px; | ||||
|   border-radius: 5px; | ||||
|   transition: background-color 0.3s ease; | ||||
|   color: black; | ||||
| } | ||||
| 
 | ||||
| .item-link { | ||||
|   text-decoration: none; | ||||
|   font-weight: bold; | ||||
|   display: block; | ||||
|   padding: 2px; | ||||
|   border-radius: 5px; | ||||
|   transition: background-color 0.3s ease; | ||||
|   color: white; | ||||
| } | ||||
| 
 | ||||
| .item-link:hover { | ||||
|   background-color: #0080ff38; | ||||
| } | ||||
| 
 | ||||
| .item-link:active { | ||||
|   transform: scale(0.98); /* Slight scale down on click */ | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| ul.fully-free { | ||||
|   border: 2px solid #4CAF50; | ||||
|  | @ -291,4 +319,31 @@ ul.death { | |||
| article ul{ | ||||
|   list-style: none; | ||||
|   margin: 1em; | ||||
| } | ||||
| } | ||||
| 
 | ||||
| /* styles.css */ | ||||
| 
 | ||||
| /* Other styles... */ | ||||
| 
 | ||||
| /* Styling the back button */ | ||||
| .back-button { | ||||
|   position: fixed; | ||||
|   bottom: 20px; | ||||
|   right: 20px; | ||||
|   width: 50px; | ||||
|   height: 50px; | ||||
|   border-radius: 50%; | ||||
|   background-color: #ff4081; /* Change to your preferred color */ | ||||
|   color: white; | ||||
|   border: none; | ||||
|   font-size: 24px; | ||||
|   cursor: pointer; | ||||
|   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | ||||
|   display: flex; | ||||
|   align-items: center; | ||||
|   justify-content: center; | ||||
| } | ||||
| 
 | ||||
| .back-button:hover { | ||||
|   background-color: #e91e63; /* Darker shade on hover */ | ||||
| } | ||||
|  |  | |||
|  | @ -30,7 +30,9 @@ | |||
|         <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>Audacity</li>             | ||||
|             <a href="https://www.audacityteam.org/" target="_blank" class="item-link"> | ||||
|                 <li>Audacity</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -30,7 +30,9 @@ | |||
|         <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>GIMP</li>             | ||||
|             <a href="https://www.gimp.org/" target="_blank" class="item-link"> | ||||
|                 <li>GIMP</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -30,11 +30,15 @@ | |||
|         <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>VLC</li>             | ||||
|              <a href="https://www.videolan.org/vlc/" target="_blank" class="item-link"> | ||||
|                  <li>VLC</li>             | ||||
|              </a> | ||||
|         </ul> | ||||
|         <h1>3/5</h1> | ||||
|         <ul class="threeStar"> | ||||
|             <li>MPV</li> | ||||
|             <a href="https://mpv.io/" target="_blank" class="item-link"> | ||||
|                 <li>MPV</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -30,11 +30,15 @@ | |||
|         <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>Kodi</li>             | ||||
|             <a href="https://kodi.tv/" target="_blank" class="item-link"> | ||||
|                 <li>Kodi</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>3/5</h1> | ||||
|         <ul class="threeStar"> | ||||
|             <li>Jellyfin</li> | ||||
|             <a href="https://jellyfin.org/" target="_blank" class="item-link"> | ||||
|                 <li>Jellyfin</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -30,11 +30,15 @@ | |||
|         <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>Krita</li>             | ||||
|             <a href="https://krita.org/en/" target="_blank" class="item-link"> | ||||
|                 <li>Krita</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>3/5</h1> | ||||
|         <ul class="threeStar"> | ||||
|             <li>Inkscape</li> | ||||
|             <a href="https://inkscape.org/" target="_blank" class="item-link"> | ||||
|                 <li>Inkscape</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -30,7 +30,9 @@ | |||
|         <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>GIMP</li>             | ||||
|              <a href="https://www.gimp.org/" target="_blank" class="item-link"> | ||||
|                  <li>GIMP</li>             | ||||
|              </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -30,11 +30,15 @@ | |||
|         <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>Darktable</li>             | ||||
|             <a href="https://www.darktable.org/" target="_blank" class="item-link"> | ||||
|                 <li>Darktable</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>3/5</h1> | ||||
|         <ul class="threeStar"> | ||||
|             <li>RawTherapee</li> | ||||
|             <a href="https://rawtherapee.com/" target="_blank" class="item-link"> | ||||
|                 <li>RawTherapee</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -30,11 +30,15 @@ | |||
|         <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>OBS Studio</li>             | ||||
|             <a href="https://obsproject.com/" target="_blank" class="item-link"> | ||||
|                 <li>OBS Studio</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>4/5</h1> | ||||
|         <ul class="fourStar"> | ||||
|             <li>ShareX</li> | ||||
|             <a href="https://getsharex.com/downloads" target="_blank" class="item-link"> | ||||
|                 <li>ShareX</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -30,11 +30,15 @@ | |||
|         <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>Kdenlive</li>             | ||||
|             <a href="https://kdenlive.org/" target="_blank" class="item-link"> | ||||
|                 <li>Kdenlive</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>4/5</h1> | ||||
|         <ul class="fourStar"> | ||||
|             <li>Shotcut</li> | ||||
|             <a href="https://www.shotcut.org/" target="_blank" class="item-link"> | ||||
|                 <li>Shotcut</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -31,34 +31,58 @@ | |||
|         <h1>GNU/Linux Based</h1> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>Linux Mint</li>             | ||||
|             <a href="https://www.linuxmint.com/" target="_blank" class="item-link"> | ||||
|                 <li>Linux Mint</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>4/5</h1> | ||||
|         <ul class="fourStar"> | ||||
|             <li>Ubuntu</li> | ||||
|             <li>Zorin OS</li> | ||||
|             <li>Pop!_OS</li> | ||||
|             <li>openSUSE Leap</li> | ||||
|             <a href="https://ubuntu.com/download" target="_blank" class="item-link"> | ||||
|                 <li>Ubuntu</li> | ||||
|             </a> | ||||
|             <a href="https://zorin.com/os/" target="_blank" class="item-link"> | ||||
|                 <li>Zorin OS</li> | ||||
|             </a> | ||||
|             <a href="https://pop.system76.com/" target="_blank" class="item-link"> | ||||
|                 <li>Pop!_OS</li> | ||||
|             </a> | ||||
|             <a href="https://get.opensuse.org/leap/" target="_blank" class="item-link"> | ||||
|                 <li>openSUSE Leap</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>3/5</h1> | ||||
|         <ul class="threeStar"> | ||||
|             <li>Fedora</li> | ||||
|             <li>elementary OS</li> | ||||
|             <li>openSUSE Tumbleweed</li> | ||||
|             <li>ThoriumOS</li> | ||||
|             <a href="https://fedoraproject.org/" target="_blank" class="item-link"> | ||||
|                 <li>Fedora</li> | ||||
|             </a> | ||||
|             <a href="https://elementary.io/" target="_blank" class="item-link"> | ||||
|                 <li>elementary OS</li> | ||||
|             </a> | ||||
|             <a href="https://get.opensuse.org/tumbleweed/" target="_blank" class="item-link"> | ||||
|                 <li>openSUSE Tumbleweed</li> | ||||
|             </a> | ||||
|              <a href="" target="_blank" class="item-link"> | ||||
|                 <li>ThoriumOS</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>2/5</h1> | ||||
|         <ul class="twoStar"> | ||||
|             <li>Debian</li> | ||||
|             <a href="https://www.debian.org/" target="_blank" class="item-link"> | ||||
|                 <li>Debian</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>1/5</h1> | ||||
|         <ul class="oneStar"> | ||||
|             <li>Trisquel</li> | ||||
|             <a href="https://trisquel.info/" target="_blank" class="item-link"> | ||||
|                 <li>Trisquel</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>Andriod Based</h1> | ||||
|         <h1>2/5</h1> | ||||
|         <ul class="twoStar"> | ||||
|             <li>Bliss OS</li> | ||||
|             <a href="https://blissos.org/" target="_blank" class="item-link"> | ||||
|                 <li>Bliss OS</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -31,34 +31,52 @@ | |||
|         <h1>AOSP Based</h1> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>Volla OS</li>             | ||||
|             <a href="https://volla.online/en/index.html" target="_blank" class="item-link"> | ||||
|                 <li>Volla OS</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>4/5</h1> | ||||
|         <ul class="fourStar"> | ||||
|             <li>/e/OS</li> | ||||
|             <li>CalyxOS</li> | ||||
|             <li>GrapheneOS</li> | ||||
|              <a href="https://e.foundation/e-os/" target="_blank" class="item-link"> | ||||
|                 <li>/e/OS</li> | ||||
|              </a> | ||||
|              <a href="https://calyxos.org/" target="_blank" class="item-link"> | ||||
|                 <li>CalyxOS</li> | ||||
|              </a> | ||||
|              <a href="https://grapheneos.org/" target="_blank" class="item-link"> | ||||
|                  <li>GrapheneOS</li> | ||||
|              </a> | ||||
|         </ul> | ||||
|         <h1>3/5</h1> | ||||
|         <ul class="threeStar"> | ||||
|             <li>LineageOS + microG</li> | ||||
|             <a href="https://lineage.microg.org/" target="_blank" class="item-link"> | ||||
|                 <li>LineageOS + microG</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>2/5</h1> | ||||
|         <ul class="twoStar"> | ||||
|             <li>LineageOS</li> | ||||
|             <a href="https://lineageos.org/" target="_blank" class="item-link"> | ||||
|                 <li>LineageOS</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>1/5</h1> | ||||
|         <ul class="oneStar"> | ||||
|             <li>Replicant</li> | ||||
|             <a href="https://www.replicant.com/" target="_blank" class="item-link"> | ||||
|                 <li>Replicant</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>GNU/Linux Based</h1> | ||||
|         <h1>2/5</h1> | ||||
|         <ul class="twoStar"> | ||||
|             <li>Ubuntu Touch</li> | ||||
|             <a href="https://ubuntu-touch.io/" target="_blank" class="item-link"> | ||||
|                 <li>Ubuntu Touch</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>1/5</h1> | ||||
|         <ul class="oneStar"> | ||||
|             <li>postmarketOS</li> | ||||
|             <a href="https://postmarketos.org/" target="_blank" class="item-link"> | ||||
|                 <li>postmarketOS</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -30,11 +30,15 @@ | |||
|         <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>HexChat</li>             | ||||
|             <a href="https://hexchat.github.io/" target="_blank" class="item-link"> | ||||
|                 <li>HexChat</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>4/5</h1> | ||||
|         <ul class="fourStar"> | ||||
|             <li>KiwiIRC</li> | ||||
|             <a href="https://kiwiirc.com/" target="_blank" class="item-link"> | ||||
|                 <li>KiwiIRC</li> | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -30,15 +30,21 @@ | |||
|         <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>Element</li>             | ||||
|             <a href="https://element.io/" target="_blank" class="item-link"> | ||||
|                 <li>Element</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>4/5</h1> | ||||
|         <ul class="fourStar"> | ||||
|             <li>FluffyChat</li>             | ||||
|             <a href="https://fluffychat.im/" target="_blank" class="item-link"> | ||||
|                 <li>FluffyChat</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>3/5</h1> | ||||
|         <ul class="threeStar"> | ||||
|             <li>Cinny</li>             | ||||
|             <a href="https://cinny.in/" target="_blank" class="item-link"> | ||||
|                 <li>Cinny</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -30,16 +30,24 @@ | |||
|     <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>Mastodon</li>             | ||||
|             <a href="https://mastodon.social/explore" target="_blank" class="item-link"> | ||||
|                 <li>Mastodon</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>4/5</h1> | ||||
|         <ul class="fourStar"> | ||||
|             <li>Lemmy</li>             | ||||
|             <a href="https://join-lemmy.org/" target="_blank" class="item-link"> | ||||
|                 <li>Lemmy</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>3/5</h1> | ||||
|         <ul class="threeStar"> | ||||
|             <li>Pixelfed</li> | ||||
|             <li>Friendica</li>            | ||||
|             <a href="https://pixelfed.org/" target="_blank" class="item-link"> | ||||
|                 <li>Pixelfed</li> | ||||
|             </a> | ||||
|             <a href="https://friendi.ca" target="_blank" class="item-link"> | ||||
|                 <li>Friendica</li>            | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
|  | @ -30,15 +30,21 @@ | |||
|         <article> | ||||
|         <h1>5/5</h1> | ||||
|         <ul class="fiveStar"> | ||||
|             <li>Signal</li>             | ||||
|             <a href="https://signal.org/" target="_blank" class="item-link"> | ||||
|                 <li>Signal</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>4/5</h1> | ||||
|         <ul class="fourStar"> | ||||
|             <li>Molly</li>             | ||||
|             <a href="https://molly.im/" target="_blank" class="item-link"> | ||||
|                 <li>Molly</li>             | ||||
|             </a> | ||||
|         </ul> | ||||
|         <h1>3/5</h1> | ||||
|         <ul class="threeStar"> | ||||
|             <li>Session</li>          | ||||
|             <a href="https://getsession.org/" target="_blank" class="item-link"> | ||||
|                 <li>Session</li>          | ||||
|             </a> | ||||
|         </ul> | ||||
|     </article> | ||||
| </body> | ||||
|  |  | |||
							
								
								
									
										33
									
								
								styles.css
									
										
									
									
									
								
							
							
						
						
									
										33
									
								
								styles.css
									
										
									
									
									
								
							|  | @ -28,14 +28,16 @@ license-component{ | |||
|   padding: 20px; | ||||
| } | ||||
| 
 | ||||
| license-component h1, license-component h2, license-component h3{ | ||||
| license-component h1, license-component h2, license-component h3, license-component pre{ | ||||
|   padding-bottom: 1em; | ||||
|   padding-top: 1em; | ||||
| } | ||||
| 
 | ||||
| /* Body styles */ | ||||
| body { | ||||
|   background-color: #f9f9f9; | ||||
|   background-image: url(""); | ||||
|   background-size: cover; | ||||
|   background-position: center; | ||||
|   display: flex; | ||||
|   flex-direction: column; | ||||
|   align-items: center; | ||||
|  | @ -235,3 +237,30 @@ nav { | |||
| .folder-link:active { | ||||
|   transform: scale(0.98); /* Slight scale down on click */ | ||||
| } | ||||
| 
 | ||||
| /* styles.css */ | ||||
| 
 | ||||
| /* Other styles... */ | ||||
| 
 | ||||
| /* Styling the back button */ | ||||
| .back-button { | ||||
|   position: fixed; | ||||
|   bottom: 20px; | ||||
|   right: 20px; | ||||
|   width: 50px; | ||||
|   height: 50px; | ||||
|   border-radius: 50%; | ||||
|   background-color: #ff4081; /* Change to your preferred color */ | ||||
|   color: white; | ||||
|   border: none; | ||||
|   font-size: 24px; | ||||
|   cursor: pointer; | ||||
|   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | ||||
|   display: flex; | ||||
|   align-items: center; | ||||
|   justify-content: center; | ||||
| } | ||||
| 
 | ||||
| .back-button:hover { | ||||
|   background-color: #e91e63; /* Darker shade on hover */ | ||||
| } | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue