From bbb39ad5d99d5389cc7edeacdaa85681f43c1614 Mon Sep 17 00:00:00 2001 From: Sage The DM Date: Wed, 19 Jun 2024 08:58:57 +0200 Subject: [PATCH] Preperation for the licence --- {general_purpose => Template}/template.html | 37 ++----- burger.js | 4 + games.html | 23 +---- games/fps.html | 23 +---- games/general.html | 23 +---- games/platformer.html | 23 +---- games/sandbox.html | 23 +---- games/strategy.html | 23 +---- games/vehicle.html | 23 +---- general.html | 26 +---- general_purpose/3d_modeling.html | 23 +---- general_purpose/cad.html | 23 +---- general_purpose/disk_cleaner.html | 23 +---- general_purpose/notes.html | 27 +----- general_purpose/office_programs.html | 27 +----- general_purpose/password_manager.html | 27 +----- general_purpose/pdf_viewer.html | 27 +----- general_purpose/privacy_vpn.html | 27 +----- general_purpose/programming.html | 27 +----- header-folder.js | 30 ++++++ header.js | 29 ++++++ index.html | 23 +---- internet_tools/browsers.html | 27 +----- internet_tools/mail_clients.html | 27 +----- internet_tools/search_engines.html | 24 +---- list.css | 102 +++++++++++--------- media.html | 23 +---- multimedia/audio_editors.html | 27 +----- multimedia/image_editing.html | 27 +----- multimedia/media_player.html | 27 +----- multimedia/multimedia_frontend.html | 27 +----- multimedia/painting.html | 27 +----- multimedia/photo_editing.html | 27 +----- multimedia/photo_processing.html | 27 +----- multimedia/recording.html | 27 +----- multimedia/video_editors.html | 27 +----- operating_systems/desktop.html | 27 +----- operating_systems/mobile.html | 27 +----- os.html | 23 +---- social-media.html | 23 +---- social_platforms/irc_clients.html | 27 +----- social_platforms/matrix_clients.html | 27 +----- social_platforms/other_platforms.html | 39 +++----- social_platforms/signal_clients.html | 27 +----- styles.css | 99 ++++++++++--------- tools.html | 23 +---- 46 files changed, 354 insertions(+), 975 deletions(-) rename {general_purpose => Template}/template.html (53%) create mode 100644 burger.js create mode 100644 header-folder.js create mode 100644 header.js diff --git a/general_purpose/template.html b/Template/template.html similarity index 53% rename from general_purpose/template.html rename to Template/template.html index 2c84c2c..4ea08ce 100644 --- a/general_purpose/template.html +++ b/Template/template.html @@ -1,26 +1,15 @@ - - - - General List - - - -
-
-
FOSS alternative
- - -
-
+ + + + General List + + + + + +

5/5

- diff --git a/burger.js b/burger.js new file mode 100644 index 0000000..0cfd8ea --- /dev/null +++ b/burger.js @@ -0,0 +1,4 @@ +function toggleMenu() { + const menu = document.querySelector(".menu"); + menu.classList.toggle("active"); +} \ No newline at end of file diff --git a/games.html b/games.html index cf39984..2075595 100644 --- a/games.html +++ b/games.html @@ -5,22 +5,11 @@ FOSS Alternatives + + -
-
-
FOSS alternative
- - -
-
+
- \ No newline at end of file diff --git a/games/fps.html b/games/fps.html index 21beb65..e7800e0 100644 --- a/games/fps.html +++ b/games/fps.html @@ -5,22 +5,11 @@ Game List + + -
-
-
FOSS alternative
- - -
-
+

Game List

Fully Free

@@ -38,11 +27,5 @@
  • Doom
    • - diff --git a/games/general.html b/games/general.html index e4c3c31..28db29c 100644 --- a/games/general.html +++ b/games/general.html @@ -5,22 +5,11 @@ Game List + + -
    -
    -
    FOSS alternative
    - - -
    -
    +

    Game List

    Fully Free

    @@ -37,11 +26,5 @@
  • Daggerfall Unity
    • - diff --git a/games/platformer.html b/games/platformer.html index b74b9d9..35e9553 100644 --- a/games/platformer.html +++ b/games/platformer.html @@ -5,22 +5,11 @@ Game List + + -
    -
    -
    FOSS alternative
    - - -
    -
    +

    Game List

    Fully Free

    @@ -35,11 +24,5 @@
  • Daggerfall Unity
    • - diff --git a/games/sandbox.html b/games/sandbox.html index 96d400c..bf4df9a 100644 --- a/games/sandbox.html +++ b/games/sandbox.html @@ -5,22 +5,11 @@ Game List + + -
    -
    -
    FOSS alternative
    - - -
    -
    +

    Game List

    Fully Free

    @@ -36,11 +25,5 @@
  • Daggerfall Unity
    • - diff --git a/games/strategy.html b/games/strategy.html index a3e11a2..df541a3 100644 --- a/games/strategy.html +++ b/games/strategy.html @@ -5,22 +5,11 @@ Game List + + -
    -
    -
    FOSS alternative
    - - -
    -
    +

    Game List

    Fully Free

    @@ -37,11 +26,5 @@
  • OpenRA
    • - diff --git a/games/vehicle.html b/games/vehicle.html index bb3e574..5cdd93f 100644 --- a/games/vehicle.html +++ b/games/vehicle.html @@ -5,22 +5,11 @@ Game List + + -
    -
    -
    FOSS alternative
    - - -
    -
    +

    Game List

    Fully Free

    @@ -33,11 +22,5 @@
    - diff --git a/general.html b/general.html index 097300d..3f2b045 100644 --- a/general.html +++ b/general.html @@ -5,22 +5,11 @@ FOSS Alternatives + + -
    -
    -
    FOSS alternative
    - - -
    -
    +
    - \ No newline at end of file diff --git a/general_purpose/3d_modeling.html b/general_purpose/3d_modeling.html index 4d3ca46..f6160e1 100644 --- a/general_purpose/3d_modeling.html +++ b/general_purpose/3d_modeling.html @@ -5,22 +5,11 @@ General List + + -
    -
    -
    FOSS alternative
    - - -
    -
    +

    5/5

    @@ -28,11 +17,5 @@
  • Blender
    • - diff --git a/general_purpose/cad.html b/general_purpose/cad.html index 89782b6..ef0ed56 100644 --- a/general_purpose/cad.html +++ b/general_purpose/cad.html @@ -5,22 +5,11 @@ General List + + -
    -
    -
    FOSS alternative
    - - -
    -
    +

    5/5

    @@ -32,11 +21,5 @@
  • OpenSCAD
    • - diff --git a/general_purpose/disk_cleaner.html b/general_purpose/disk_cleaner.html index fc8728c..f3ba05a 100644 --- a/general_purpose/disk_cleaner.html +++ b/general_purpose/disk_cleaner.html @@ -5,22 +5,11 @@ General List + + -
    -
    -
    FOSS alternative
    - - -
    -
    +

    5/5

    @@ -28,11 +17,5 @@
  • Bleachbit
    • - diff --git a/general_purpose/notes.html b/general_purpose/notes.html index e637c3b..1568b58 100644 --- a/general_purpose/notes.html +++ b/general_purpose/notes.html @@ -5,22 +5,11 @@ General List - - -
    -
    -
    FOSS alternative
    - - -
    -
    + + + + +

    5/5

    @@ -32,11 +21,5 @@
  • Joplin
    • - diff --git a/general_purpose/office_programs.html b/general_purpose/office_programs.html index 0095f0e..baf0029 100644 --- a/general_purpose/office_programs.html +++ b/general_purpose/office_programs.html @@ -5,22 +5,11 @@ General List - - -
    -
    -
    FOSS alternative
    - - -
    -
    + + + + +

    5/5

    @@ -33,11 +22,5 @@
  • Collabora Online
    • - diff --git a/general_purpose/password_manager.html b/general_purpose/password_manager.html index 9a53ad2..18a5e07 100644 --- a/general_purpose/password_manager.html +++ b/general_purpose/password_manager.html @@ -5,22 +5,11 @@ General List - - -
    -
    -
    FOSS alternative
    - - -
    -
    + + + + +

    5/5

    - diff --git a/general_purpose/pdf_viewer.html b/general_purpose/pdf_viewer.html index 5d969ec..244204a 100644 --- a/general_purpose/pdf_viewer.html +++ b/general_purpose/pdf_viewer.html @@ -5,22 +5,11 @@ General List - - -
    -
    -
    FOSS alternative
    - - -
    -
    + + + + +

    5/5

    - diff --git a/general_purpose/privacy_vpn.html b/general_purpose/privacy_vpn.html index 3c25d49..1cfe8fb 100644 --- a/general_purpose/privacy_vpn.html +++ b/general_purpose/privacy_vpn.html @@ -5,22 +5,11 @@ General List - - -
    -
    -
    FOSS alternative
    - - -
    -
    + + + + +

    5/5

    - diff --git a/general_purpose/programming.html b/general_purpose/programming.html index ddf07e0..e4ef6dd 100644 --- a/general_purpose/programming.html +++ b/general_purpose/programming.html @@ -5,34 +5,17 @@ General List - - -
    -
    -
    FOSS alternative
    - - -
    -
    + + + + +

    5/5

    - diff --git a/header-folder.js b/header-folder.js new file mode 100644 index 0000000..4567d68 --- /dev/null +++ b/header-folder.js @@ -0,0 +1,30 @@ +class Header extends HTMLElement { + constructor() { + super(); + } + + connectedCallback() { + this.innerHTML = ` + +
    +
    +
    FOSS alternative
    + + +
    +
    + `; + } +} + +customElements.define('header-component', Header); +customElements.define('header-component', Header); \ No newline at end of file diff --git a/header.js b/header.js new file mode 100644 index 0000000..8d38261 --- /dev/null +++ b/header.js @@ -0,0 +1,29 @@ +class Header extends HTMLElement { + constructor() { + super(); + } + + connectedCallback() { + this.innerHTML = ` + +
    +
    +
    FOSS alternative
    + + +
    +
    + `; + } +} + +customElements.define('header-component', Header); diff --git a/index.html b/index.html index 384ef51..9698df1 100644 --- a/index.html +++ b/index.html @@ -5,22 +5,11 @@ FOSS Alternatives + + -
    -
    -
    FOSS alternative
    - - -
    -
    +

    foss-alternatives

    @@ -163,11 +152,5 @@

    - \ No newline at end of file diff --git a/internet_tools/browsers.html b/internet_tools/browsers.html index 5a64368..80edb97 100644 --- a/internet_tools/browsers.html +++ b/internet_tools/browsers.html @@ -5,22 +5,11 @@ FOSS Alternative - - -
    -
    -
    FOSS alternative
    - - -
    -
    + + + + +

    5/5

    - diff --git a/internet_tools/mail_clients.html b/internet_tools/mail_clients.html index a2d9645..7c2573e 100644 --- a/internet_tools/mail_clients.html +++ b/internet_tools/mail_clients.html @@ -5,22 +5,11 @@ FOSS Alternative - - -
    -
    -
    FOSS alternative
    - - -
    -
    + + + + +

    5/5

    - diff --git a/internet_tools/search_engines.html b/internet_tools/search_engines.html index 7a8328a..b6e8299 100644 --- a/internet_tools/search_engines.html +++ b/internet_tools/search_engines.html @@ -5,22 +5,11 @@ FOSS Alternative + + -
    -
    -
    FOSS alternative
    - - -
    -
    +

    5/5

    @@ -51,12 +40,5 @@
  • Vivaldi
    • - - diff --git a/list.css b/list.css index 03b080c..c417483 100644 --- a/list.css +++ b/list.css @@ -3,33 +3,31 @@ box-sizing: border-box; margin: 0; padding: 0; - font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; - transition: 1s; + font-family: "Roboto", Arial, sans-serif; + transition: all 0.3s ease; /* Smooth transitions */ } /* Body styles */ body { - background-color: #f5f5f5; - background-image: url("assets/"); - background-repeat: no-repeat; - background-size: cover; - background-position: center; - background-attachment: fixed; + background-color: #f9f9f9; display: flex; flex-direction: column; align-items: center; min-height: 100vh; + margin: 0; + padding: 0; } /* Header styles */ header { - background-color: rgba(0, 0, 0, 0.7); - padding: 10px; + background-color: #2c3e50; + padding: 15px 0; width: 100%; position: fixed; top: 0; left: 0; z-index: 1000; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .header-content { @@ -38,19 +36,20 @@ header { align-items: center; max-width: 1200px; margin: 0 auto; + padding: 0 20px; } .project-name { - color: white; - font-size: 1.5em; - text-decoration: none; /* Ensure no underline */ + color: #ffffff; + font-size: 1.8em; + font-weight: bold; } .burger-menu { background: none; border: none; - color: white; - font-size: 1.5em; + color: #ffffff; + font-size: 1.8em; cursor: pointer; display: none; } @@ -59,70 +58,74 @@ header { list-style: none; display: flex; justify-content: space-around; + align-items: center; flex-grow: 1; + margin: 0; } header li { - margin: 0 10px; + margin: 15px; } header a { - color: white; - text-decoration: none; /* Ensure no underline */ + color: #ffffff; + 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); + background-color: #34495e; } /* Article styles */ article { - margin-top: 100px; + margin-top: 80px; margin-bottom: 50px; padding: 20px; width: 90%; max-width: 800px; - background: rgba(255, 255, 255, 0.9); + background-color: #ffffff; border-radius: 10px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - text-align: center; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); + text-align: left; } h1 { - color: #333; + color: #333333; margin-bottom: 20px; - font-size: 2em; + font-size: 2.5em; } p.text { - color: #666; - line-height: 1.2; + color: #555555; + line-height: 1.6; margin-bottom: 20px; - font-size: 1em; + font-size: 1.1em; } img { max-width: 100%; height: auto; margin-bottom: 20px; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } button { - padding: 10px 20px; - margin: 2em; + padding: 12px 24px; + margin: 1em 0; border: none; - background-color: #333; - color: white; + background-color: #3498db; + color: #ffffff; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; } button:hover { - background-color: #555; + background-color: #2980b9; } .flex { @@ -131,30 +134,31 @@ button:hover { } nav { - margin-top: 20px; + margin: 20px; } .folder-list { - list-style-type: none; - padding: 0; + list-style-type: none; + padding: 0; } .folder-list-item { - margin-bottom: 10px; + margin-bottom: 10px; } .folder-link { text-decoration: none; - color: #eee8e8; + color: #ffffff; font-weight: bold; display: block; padding: 10px; border-radius: 5px; - background: linear-gradient(to right, #000000, #707070); /* Gradient background */ + background-color: #2c3e50; + transition: background-color 0.3s ease; } .folder-link:hover { - background: linear-gradient(to right, #707070, #000000); /* Gradient change on hover */ + background-color: #34495e; } .folder-link:active { @@ -170,20 +174,22 @@ nav { .menu { display: none; flex-direction: column; - background-color: rgba(0, 0, 0, 0.7); + background-color: #2c3e50; position: absolute; top: 100%; /* Adjusted position */ left: 0; width: 100%; z-index: 999; + padding: 0; } .menu.active { display: flex; + padding: 10px; } header { - padding: 5px; + padding: 10px 0; height: auto; } @@ -191,26 +197,28 @@ nav { flex-direction: row; justify-content: space-between; align-items: center; + padding: 0 10px; } .project-name { - font-size: 1.2em; + font-size: 1.5em; } header li { margin: 0; - width: 100%; + padding: 10px; } header a { - padding: 10px; width: 100%; - display: block; + padding: 12px 0; + text-align: center; /* Center align the menu items */ } article { - margin-top: 190px; + margin-top: 140px; /* Increase margin-top for better readability */ padding-top: 20px; + margin-bottom: 20px; /* Adjust margin-bottom for consistency */ } } diff --git a/media.html b/media.html index 3706dd0..ce390f0 100644 --- a/media.html +++ b/media.html @@ -5,22 +5,11 @@ FOSS Alternatives + + -
    -
    -
    FOSS alternative
    - - -
    -
    +
    - \ No newline at end of file diff --git a/multimedia/audio_editors.html b/multimedia/audio_editors.html index 6a3d1a6..53f7400 100644 --- a/multimedia/audio_editors.html +++ b/multimedia/audio_editors.html @@ -5,34 +5,17 @@ FOSS Alternative - - -
    -
    -
    FOSS alternative
    - - -
    -
    + + + + +

    5/5

    - diff --git a/multimedia/image_editing.html b/multimedia/image_editing.html index 20be490..2921670 100644 --- a/multimedia/image_editing.html +++ b/multimedia/image_editing.html @@ -5,34 +5,17 @@ FOSS Alternative - - -
    -
    -
    FOSS alternative
    - - -
    -
    + + + + +

    5/5

    - diff --git a/multimedia/media_player.html b/multimedia/media_player.html index 75cf435..afec806 100644 --- a/multimedia/media_player.html +++ b/multimedia/media_player.html @@ -5,22 +5,11 @@ FOSS Alternative - - -
    -
    -
    FOSS alternative
    - - -
    -
    + + + + +

    5/5

    - diff --git a/multimedia/multimedia_frontend.html b/multimedia/multimedia_frontend.html index 02c1e6b..697d3ea 100644 --- a/multimedia/multimedia_frontend.html +++ b/multimedia/multimedia_frontend.html @@ -5,22 +5,11 @@ FOSS Alternative - - -
    -
    -
    FOSS alternative
    - - -
    -
    + + + + +

    5/5

    - diff --git a/multimedia/painting.html b/multimedia/painting.html index 3de8810..3ef04ba 100644 --- a/multimedia/painting.html +++ b/multimedia/painting.html @@ -5,22 +5,11 @@ FOSS Alternative - - -
    -
    -
    FOSS alternative
    - - -
    -
    + + + + +

    5/5

    - diff --git a/multimedia/photo_editing.html b/multimedia/photo_editing.html index 63fcceb..2921670 100644 --- a/multimedia/photo_editing.html +++ b/multimedia/photo_editing.html @@ -5,34 +5,17 @@ FOSS Alternative - - -
    -
    -
    FOSS alternative
    - - -
    -
    + + + + +

    5/5

    - diff --git a/multimedia/photo_processing.html b/multimedia/photo_processing.html index cda8735..19158fb 100644 --- a/multimedia/photo_processing.html +++ b/multimedia/photo_processing.html @@ -5,22 +5,11 @@ FOSS Alternative - - -
    -
    -
    FOSS alternative
    - - -
    -
    + + + + +

    5/5

    - diff --git a/multimedia/recording.html b/multimedia/recording.html index b3846d6..fa9267d 100644 --- a/multimedia/recording.html +++ b/multimedia/recording.html @@ -5,22 +5,11 @@ FOSS Alternative - - -
    -
    -
    FOSS alternative
    - - -
    -
    + + + + +

    5/5

    - diff --git a/multimedia/video_editors.html b/multimedia/video_editors.html index d1d25de..ce80db8 100644 --- a/multimedia/video_editors.html +++ b/multimedia/video_editors.html @@ -5,22 +5,11 @@ FOSS Alternative - - -
    -
    -
    FOSS alternative
    - - -
    -
    + + + + +

    5/5

    - diff --git a/operating_systems/desktop.html b/operating_systems/desktop.html index eb9c9c9..4cf580c 100644 --- a/operating_systems/desktop.html +++ b/operating_systems/desktop.html @@ -5,22 +5,11 @@ FOSS Alternative - - -
    -
    -
    FOSS alternative
    - - -
    -
    + + + + +

    GNU/Linux Based

    5/5

    @@ -55,12 +44,6 @@
  • Bliss OS
    • - diff --git a/operating_systems/mobile.html b/operating_systems/mobile.html index 05d5bb0..3b53e69 100644 --- a/operating_systems/mobile.html +++ b/operating_systems/mobile.html @@ -5,22 +5,11 @@ FOSS Alternative - - -
    -
    -
    FOSS alternative
    - - -
    -
    + + + + +

    AOSP Base

    5/5

    @@ -54,12 +43,6 @@
  • postmarketOS
    • - diff --git a/os.html b/os.html index f0ce4bd..0abbbfd 100644 --- a/os.html +++ b/os.html @@ -5,22 +5,11 @@ FOSS Alternatives + + -
    -
    -
    FOSS alternative
    - - -
    -
    +
    - \ No newline at end of file diff --git a/social-media.html b/social-media.html index 0b38ff5..97ef04d 100644 --- a/social-media.html +++ b/social-media.html @@ -5,22 +5,11 @@ FOSS Alternatives + + -
    -
    -
    FOSS alternative
    - - -
    -
    +
    - \ No newline at end of file diff --git a/social_platforms/irc_clients.html b/social_platforms/irc_clients.html index d66625f..27baf04 100644 --- a/social_platforms/irc_clients.html +++ b/social_platforms/irc_clients.html @@ -5,22 +5,11 @@ FOSS Alternative - - -
    -
    -
    FOSS alternative
    - - -
    -
    + + + + +

    5/5

    - diff --git a/social_platforms/matrix_clients.html b/social_platforms/matrix_clients.html index 0b55e8f..5d37938 100644 --- a/social_platforms/matrix_clients.html +++ b/social_platforms/matrix_clients.html @@ -5,22 +5,11 @@ FOSS Alternative - - -
    -
    -
    FOSS alternative
    - - -
    -
    + + + + +

    5/5

    - diff --git a/social_platforms/other_platforms.html b/social_platforms/other_platforms.html index b11ee54..490742a 100644 --- a/social_platforms/other_platforms.html +++ b/social_platforms/other_platforms.html @@ -1,27 +1,16 @@ - - - - FOSS Alternative - - - -
    -
    -
    FOSS alternative
    - - -
    -
    -
    + + + + FOSS Alternative + + + + + + +

    5/5

    • Mastodon
      • @@ -36,12 +25,6 @@
    • Friendica
    - diff --git a/social_platforms/signal_clients.html b/social_platforms/signal_clients.html index ccb054c..cc19d2a 100644 --- a/social_platforms/signal_clients.html +++ b/social_platforms/signal_clients.html @@ -5,22 +5,11 @@ FOSS Alternative - - -
    -
    -
    FOSS alternative
    - - -
    -
    + + + + +

    5/5

      @@ -35,12 +24,6 @@
    • Session
    - diff --git a/styles.css b/styles.css index 1398e13..b379bc8 100644 --- a/styles.css +++ b/styles.css @@ -3,33 +3,31 @@ box-sizing: border-box; margin: 0; padding: 0; - font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; - transition: 1s; + font-family: "Roboto", Arial, sans-serif; + transition: all 0.3s ease; /* Smooth transitions */ } /* Body styles */ body { - background-color: #f5f5f5; - background-image: url("assets/"); - background-repeat: no-repeat; - background-size: cover; - background-position: center; - background-attachment: fixed; + background-color: #f9f9f9; display: flex; flex-direction: column; align-items: center; min-height: 100vh; + margin: 0; + padding: 0; } /* Header styles */ header { - background-color: rgba(0, 0, 0, 0.7); - padding: 10px; + background-color: #2c3e50; + padding: 15px 0; width: 100%; position: fixed; top: 0; left: 0; z-index: 1000; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .header-content { @@ -38,18 +36,20 @@ header { align-items: center; max-width: 1200px; margin: 0 auto; + padding: 0 20px; } .project-name { - color: white; - font-size: 1.5em; + color: #ffffff; + font-size: 1.8em; + font-weight: bold; } .burger-menu { background: none; border: none; - color: white; - font-size: 1.5em; + color: #ffffff; + font-size: 1.8em; cursor: pointer; display: none; } @@ -58,15 +58,17 @@ header { list-style: none; display: flex; justify-content: space-around; + align-items: center; flex-grow: 1; + margin: 0; } header li { - margin: 0 10px; + margin: 15px; } header a { - color: white; + color: #ffffff; text-decoration: none; padding: 10px; border-radius: 5px; @@ -74,54 +76,56 @@ header a { } header a:hover { - background-color: rgba(255, 255, 255, 0.2); + background-color: #34495e; } /* Article styles */ article { - margin-top: 100px; + margin-top: 80px; margin-bottom: 50px; padding: 20px; width: 90%; max-width: 800px; - background: rgba(255, 255, 255, 0.9); + background-color: #ffffff; border-radius: 10px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - text-align: center; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); + text-align: left; } h1 { - color: #333; + color: #333333; margin-bottom: 20px; - font-size: 2em; + font-size: 2.5em; } p.text { - color: #666; - line-height: 1.2; + color: #555555; + line-height: 1.6; margin-bottom: 20px; - font-size: 1em; + font-size: 1.1em; } img { max-width: 100%; height: auto; margin-bottom: 20px; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } button { - padding: 10px 20px; - margin: 2em; + padding: 12px 24px; + margin: 1em 0; border: none; - background-color: #333; - color: white; + background-color: #3498db; + color: #ffffff; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; } button:hover { - background-color: #555; + background-color: #2980b9; } .flex { @@ -130,30 +134,31 @@ button:hover { } nav { - margin-top: 20px; + margin: 20px; } .folder-list { - list-style-type: none; - padding: 0; + list-style-type: none; + padding: 0; } .folder-list-item { - margin-bottom: 10px; + margin-bottom: 10px; } .folder-link { text-decoration: none; - color: #eee8e8; + color: #ffffff; font-weight: bold; display: block; padding: 10px; border-radius: 5px; - background: linear-gradient(to right, #000000, #707070); /* Gradient background */ + background-color: #2c3e50; + transition: background-color 0.3s ease; } .folder-link:hover { - background: linear-gradient(to right, #707070, #000000); /* Gradient change on hover */ + background-color: #34495e; } .folder-link:active { @@ -169,20 +174,22 @@ nav { .menu { display: none; flex-direction: column; - background-color: rgba(0, 0, 0, 0.7); + background-color: #2c3e50; position: absolute; top: 100%; /* Adjusted position */ left: 0; width: 100%; z-index: 999; + padding: 0; } .menu.active { display: flex; + padding: 10px; } header { - padding: 5px; + padding: 10px 0; height: auto; } @@ -190,25 +197,27 @@ nav { flex-direction: row; justify-content: space-between; align-items: center; + padding: 0 10px; } .project-name { - font-size: 1.2em; + font-size: 1.5em; } header li { margin: 0; - width: 100%; + padding: 10px; } header a { - padding: 10px; width: 100%; - display: block; + padding: 12px 0; + text-align: center; /* Center align the menu items */ } article { - margin-top: 190px; + margin-top: 140px; /* Increase margin-top for better readability */ padding-top: 20px; + margin-bottom: 20px; /* Adjust margin-bottom for consistency */ } } diff --git a/tools.html b/tools.html index 2b4e989..9aaf03b 100644 --- a/tools.html +++ b/tools.html @@ -5,22 +5,11 @@ FOSS Alternatives + + -
    -
    -
    FOSS alternative
    - - -
    -
    +
    - \ No newline at end of file