From 978ab24728d5f26dda162adae4bc95c26747deb1 Mon Sep 17 00:00:00 2001 From: Sage The DM Date: Wed, 19 Jun 2024 06:47:45 +0200 Subject: [PATCH] Finally was able to fix header --- .../general_purpose/disk_cleaner.html | 1 - .../general_purpose/programming.html | 2 - FOOS_ALT_WEBSITE/internet_tools/browsers.html | 2 +- FOOS_ALT_WEBSITE/list.css | 245 +++++++++--------- .../multimedia/audio_editors.html | 2 - .../multimedia/photo_editing.html | 2 - FOOS_ALT_WEBSITE/multimedia/recording.html | 5 - .../operating_systems/mobile.html | 2 - FOOS_ALT_WEBSITE/social-media.html | 2 +- .../social_platforms/matrix_clients.html | 30 +-- FOOS_ALT_WEBSITE/styles.css | 1 + 11 files changed, 138 insertions(+), 156 deletions(-) diff --git a/FOOS_ALT_WEBSITE/general_purpose/disk_cleaner.html b/FOOS_ALT_WEBSITE/general_purpose/disk_cleaner.html index 98f5d4a..fc8728c 100644 --- a/FOOS_ALT_WEBSITE/general_purpose/disk_cleaner.html +++ b/FOOS_ALT_WEBSITE/general_purpose/disk_cleaner.html @@ -1,4 +1,3 @@ - diff --git a/FOOS_ALT_WEBSITE/general_purpose/programming.html b/FOOS_ALT_WEBSITE/general_purpose/programming.html index b8cb050..ddf07e0 100644 --- a/FOOS_ALT_WEBSITE/general_purpose/programming.html +++ b/FOOS_ALT_WEBSITE/general_purpose/programming.html @@ -1,5 +1,3 @@ -5/5 -VS Codium diff --git a/FOOS_ALT_WEBSITE/internet_tools/browsers.html b/FOOS_ALT_WEBSITE/internet_tools/browsers.html index 770a955..5a64368 100644 --- a/FOOS_ALT_WEBSITE/internet_tools/browsers.html +++ b/FOOS_ALT_WEBSITE/internet_tools/browsers.html @@ -1,4 +1,4 @@ -s + diff --git a/FOOS_ALT_WEBSITE/list.css b/FOOS_ALT_WEBSITE/list.css index 741676d..03b080c 100644 --- a/FOOS_ALT_WEBSITE/list.css +++ b/FOOS_ALT_WEBSITE/list.css @@ -21,9 +21,67 @@ body { 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; + text-decoration: none; /* Ensure no underline */ +} + +.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; /* Ensure no underline */ + 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 { margin-top: 100px; + margin-bottom: 50px; padding: 20px; width: 90%; max-width: 800px; @@ -103,83 +161,6 @@ nav { transform: scale(0.98); /* Slight scale down on click */ } -/* Styles for the game lists */ -h2 { - margin-top: 40px; - color: #333; -} - -article ul { - list-style-type: none; - padding: 0; - width: 50%; - margin: 0 auto; - background-color: #fff; - border-radius: 8px; - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); - overflow: hidden; -} - -ul.fully-free { - border: 2px solid #4CAF50; -} - -ul.non-free-assets { - border: 2px solid #FF5722; -} - -ul li { - padding: 12px; - border-bottom: 1px solid #ddd; - text-align: center; -} - -ul li:last-child { - border-bottom: none; -} - -ul.fully-free li { - background-color: #e8f5e9; -} - -ul.non-free-assets li { - background-color: #ffebee; -} - -.fiveStar, .fourStar, .threeStar, .twoStar, .oneStar, .death{ - margin-bottom: 1em; - color: white; - font-weight: bold; - text-shadow: red; -} - -ul.fiveStar { - background: #01ab04; -} - -ul.fourStar { - background: #59ff00; -} - -ul.threeStar { - background: rgb(226, 226, 0); -} - -ul.twoStar { - background: #ff9d00; -} - -ul.oneStar { - background: #ff0000; -} - -ul.death { - background: #920e0e; - color: white; - font-weight: bold; - text-shadow: red; -} - /* Mobile Styles */ @media (max-width: 1000px) { .burger-menu { @@ -233,59 +214,73 @@ ul.death { } } - -/* 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; +article ul { + list-style-type: none; + padding: 0; + width: 50%; margin: 0 auto; + background-color: #fff; + border-radius: 8px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + overflow: hidden; } -.project-name { +ul.fully-free { + border: 2px solid #4CAF50; +} + +ul.non-free-assets { + border: 2px solid #FF5722; +} + +article ul li { + padding: 12px; + border-bottom: 1px solid #ddd; + text-align: center; +} + +ul li:last-child { + border-bottom: none; +} + +ul.fully-free li { + background-color: #e8f5e9; +} + +ul.non-free-assets li { + background-color: #ffebee; +} + +.fiveStar, .fourStar, .threeStar, .twoStar, .oneStar, .death{ + margin-bottom: 1em; color: white; - font-size: 1.5em; + font-weight: bold; + text-shadow: red; } -.burger-menu { - background: none; - border: none; +ul.fiveStar { + background: #01ab04; +} + +ul.fourStar { + background: #59ff00; +} + +ul.threeStar { + background: rgb(226, 226, 0); +} + +ul.twoStar { + background: #ff9d00; +} + +ul.oneStar { + background: #ff0000; +} + +ul.death { + background: #920e0e; 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); + font-weight: bold; + text-shadow: red; } diff --git a/FOOS_ALT_WEBSITE/multimedia/audio_editors.html b/FOOS_ALT_WEBSITE/multimedia/audio_editors.html index 473acc3..6a3d1a6 100644 --- a/FOOS_ALT_WEBSITE/multimedia/audio_editors.html +++ b/FOOS_ALT_WEBSITE/multimedia/audio_editors.html @@ -1,5 +1,3 @@ -5/5 -Audacity diff --git a/FOOS_ALT_WEBSITE/multimedia/photo_editing.html b/FOOS_ALT_WEBSITE/multimedia/photo_editing.html index 9c6f330..63fcceb 100644 --- a/FOOS_ALT_WEBSITE/multimedia/photo_editing.html +++ b/FOOS_ALT_WEBSITE/multimedia/photo_editing.html @@ -1,5 +1,3 @@ -5/5 -GIMP diff --git a/FOOS_ALT_WEBSITE/multimedia/recording.html b/FOOS_ALT_WEBSITE/multimedia/recording.html index d1cfab5..b3846d6 100644 --- a/FOOS_ALT_WEBSITE/multimedia/recording.html +++ b/FOOS_ALT_WEBSITE/multimedia/recording.html @@ -1,8 +1,3 @@ -5/5 -OBS Studio - -4/5 -ShareX diff --git a/FOOS_ALT_WEBSITE/operating_systems/mobile.html b/FOOS_ALT_WEBSITE/operating_systems/mobile.html index dc77270..05d5bb0 100644 --- a/FOOS_ALT_WEBSITE/operating_systems/mobile.html +++ b/FOOS_ALT_WEBSITE/operating_systems/mobile.html @@ -1,5 +1,3 @@ -1/5 -postmarketOS diff --git a/FOOS_ALT_WEBSITE/social-media.html b/FOOS_ALT_WEBSITE/social-media.html index 4548d78..0b38ff5 100644 --- a/FOOS_ALT_WEBSITE/social-media.html +++ b/FOOS_ALT_WEBSITE/social-media.html @@ -31,7 +31,7 @@ Matrix Clients
  • - signal clients + Signal Clients
  • Other Platforms diff --git a/FOOS_ALT_WEBSITE/social_platforms/matrix_clients.html b/FOOS_ALT_WEBSITE/social_platforms/matrix_clients.html index a2b90b1..0b55e8f 100644 --- a/FOOS_ALT_WEBSITE/social_platforms/matrix_clients.html +++ b/FOOS_ALT_WEBSITE/social_platforms/matrix_clients.html @@ -8,30 +8,30 @@
    -
    -
    FOSS alternative
    - - -
    -
    +
    +
    FOSS alternative
    + + +
    +

    5/5

    • Element

    4/5

    -
      +
      • FluffyChat

      3/5

      -
        +
        • Cinny
    diff --git a/FOOS_ALT_WEBSITE/styles.css b/FOOS_ALT_WEBSITE/styles.css index 244789a..1398e13 100644 --- a/FOOS_ALT_WEBSITE/styles.css +++ b/FOOS_ALT_WEBSITE/styles.css @@ -80,6 +80,7 @@ header a:hover { /* Article styles */ article { margin-top: 100px; + margin-bottom: 50px; padding: 20px; width: 90%; max-width: 800px;