Merge pull request 'pages' (#10) from sageTheDm/foss_alternatives:pages into pages

Reviewed-on: https://interstellardevelopment.org/code/code/interstellar_development/foss_alternatives/pulls/10

index.html

@@ -56,7 +56,7 @@
         <a href="Template/template.html"><button type="button">Template</button></a>
 
         <h1>License</h1>
-        <license-component></license-component>
+        <a href="license.html">Go to License</a>
     </article>
 </body>
 </html>

license.html

@@ -1,31 +1,21 @@
-// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPL-3.0
+<!--
+        foss_alternatives website
+        Copyright (C) 2024  interstellar_development
 
-/*
+        This program is free software: you can redistribute it and/or modify
- *        foss_alternatives website
+        it under the terms of the GNU Affero General Public License as
- *        Copyright (C) 2024 interstellar_development
+        published by the Free Software Foundation, either version 3 of the
- *
+        License, or (at your option) any later version.
- *        This program is free software: you can redistribute it and/or modify
- *        it under the terms of the GNU Affero General Public License as
- *        published by the Free Software Foundation, either version 3 of the
- *        License, or (at your option) any later version.
- *
- *        This program is distributed in the hope that it will be useful,
- *        but WITHOUT ANY WARRANTY; without even the implied warranty of
- *        MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- *        GNU Affero General Public License for more details.
- *
- *        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/>.
- */
 
-class License extends HTMLElement {
+        This program is distributed in the hope that it will be useful,
-  constructor() {
+        but WITHOUT ANY WARRANTY; without even the implied warranty of
-    super();
+        MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-  }
+        GNU Affero General Public License for more details.
 
-  connectedCallback() {
+        You should have received a copy of the GNU Affero General Public License
-    this.innerHTML = `
+        along with this program.  If not, see <https://www.gnu.org/licenses/>.
-        <div class="license">
+-->
+<div class="license">
             <h1>GNU AFFERO GENERAL PUBLIC LICENSE</h1>
             <p>Version 3, 19 November 2007</p>
 
@@ -672,8 +662,8 @@ 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>
 
-            <p>            freeftf website
+            <pre>            foss_alternatives website
-            Copyright (C) 2024  Patrick_Pluto
+            Copyright (C) 2024  interstellar_development
 
             This program is free software: you can redistribute it and/or modify
             it under the terms of the GNU Affero General Public License as
@@ -687,7 +677,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 &lt;https://www.gnu.org/licenses/&gt;.
-            </p>
+            </pre>
 
             <p>Also add information on how to contact you by electronic and paper mail.</p>
 
@@ -703,11 +693,4 @@ class License extends HTMLElement {
             if any, to sign a "copyright disclaimer" for the program, if necessary.
             For more information on this, and how to apply and follow the GNU AGPL, see
             &lt;<a href="https://www.gnu.org/licenses/">https://www.gnu.org/licenses/</a>&gt;.</p> 
-        </div>
+        </div>
-    `;
-  }
-}
-
-customElements.define('license-component', License);
-
-// @license-end

list.css

@@ -276,10 +276,12 @@ ul li:last-child {
 
 ul.fully-free li {
   background-color: #e8f5e9;
+  color: black;
 }
 
 ul.non-free-assets li {
   background-color: #ffebee;
+  color: black;
 }
 
 .fiveStar, .fourStar, .threeStar, .twoStar, .oneStar, .death{