From 259e02d57e6ce99330d37c973cdcff5a0d16501c Mon Sep 17 00:00:00 2001 From: Klubuntu Date: Wed, 9 Apr 2025 23:03:18 +0200 Subject: [PATCH 1/7] Moved css to external file for better code reading --- css/style.css | 178 +++++++++++++++++++++++++++++++++++++++++++++++ index.html | 189 ++------------------------------------------------ 2 files changed, 183 insertions(+), 184 deletions(-) create mode 100644 css/style.css diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..318ff2d --- /dev/null +++ b/css/style.css @@ -0,0 +1,178 @@ +:root { + --color-bg-light: #e0e0e0; + --color-bg-dark: #121212; + --color-text-light: #333; + --color-text-dark: #f0f0f0; + --color-accent: #204080; + --color-white-box-light: #f5f5f5; + --color-white-box-dark: #1e1e1e; + --color-box-border-light: #aaa; + --color-box-border-dark: #444; + } + + body { + margin: 0; + font-family: Tahoma, Verdana, sans-serif; + background-color: var(--color-bg-light); + color: var(--color-text-light); + transition: background-color 0.3s, color 0.3s; + } + + body.dark { + background-color: var(--color-bg-dark); + color: var(--color-text-dark); + } + + header { + background: linear-gradient(to bottom, #4b6cb7, #182848); + padding: 20px 10px; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + } + + .nav-left, + .nav-right { + display: flex; + align-items: center; + gap: 10px; + } + + nav { + flex-grow: 1; + text-align: center; + } + + nav a { + display: inline-block; + background: linear-gradient(to bottom, #ffffff, #d4d4d4); + color: #333; + text-decoration: none; + padding: 10px 20px; + margin: 5px; + border-radius: 10px; + border: 1px solid #aaa; + box-shadow: inset 0 1px 0 #fff, 0 2px 5px rgba(0,0,0,0.3); + font-weight: bold; + transition: background 0.3s, color 0.3s; + } + + body.dark nav a { + background: linear-gradient(to bottom, #2a2a2a, #1c1c1c); + color: #f0f0f0; + border: 1px solid #555; + box-shadow: inset 0 1px 0 #333, 0 2px 5px rgba(0,0,0,0.5); + } + + nav a:hover { + background: linear-gradient(to bottom, #f0f0f0, #c0c0c0); + } + + body.dark nav a:hover { + background: linear-gradient(to bottom, #3a3a3a, #2a2a2a); + } + + .icon-button { + width: 40px; + height: 40px; + background: white; + border-radius: 10px; + border: 1px solid #aaa; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + box-shadow: inset 0 1px 0 #fff, 0 2px 5px rgba(0,0,0,0.3); + } + + body.dark .icon-button { + background: #1e1e1e; + border: 1px solid #555; + box-shadow: inset 0 1px 0 #333, 0 2px 5px rgba(0,0,0,0.5); + } + + .tab-content { + display: none; + background: white; + margin: 30px auto; + padding: 20px; + max-width: 800px; + border-radius: 10px; + box-shadow: 0 0 10px rgba(0,0,0,0.2); + transition: background 0.3s, color 0.3s; + } + + body.dark .tab-content { + background: var(--color-white-box-dark); + } + + .tab-content.active { + display: block; + } + + h1, h2, h3 { + color: var(--color-accent); + text-shadow: 1px 1px 0 #fff; + transition: color 0.3s; + } + + body.dark h1, + body.dark h2, + body.dark h3 { + color: #90c0ff; + text-shadow: none; + } + + .program-logo { + max-width: 150px; + float: right; + margin-left: 20px; + border: 1px solid #ccc; + padding: 5px; + background-color: #f9f9f9; + border-radius: 5px; + } + + body.dark .program-logo { + background-color: #2a2a2a; + border: 1px solid #555; + } + + .download-button { + display: inline-block; + margin-top: 20px; + padding: 10px 20px; + background: linear-gradient(to bottom, #4CAF50, #388E3C); + color: white; + font-weight: bold; + border: none; + border-radius: 10px; + text-decoration: none; + box-shadow: 0 2px 5px rgba(0,0,0,0.3); + transition: background 0.3s; + } + + .download-button:hover { + background: linear-gradient(to bottom, #66BB6A, #43A047); + } + + .clearfix::after { + content: ""; + display: block; + clear: both; + } + + .changelog-box { + border: 1px solid var(--color-box-border-light); + padding: 15px; + margin-top: 20px; + background-color: var(--color-white-box-light); + transition: background 0.3s, border 0.3s; + } + + body.dark .changelog-box { + border: 1px solid var(--color-box-border-dark); + background-color: var(--color-white-box-dark); + } \ No newline at end of file diff --git a/index.html b/index.html index 8b8dd60..1e5bc61 100644 --- a/index.html +++ b/index.html @@ -4,193 +4,14 @@ MTSoftware - +
- Logo MTSoftware + Logo MTSoftware
@@ -217,7 +38,7 @@

Strona główna

🗒️ Dziennik zmian

-

📦 Wersja 1.1.0 – 05.04.2025

+

📦 Wersja 1.1.0 - 05.04.2025

  • Zmieniono Zakładkę MTMath na "Inne Programy".
  • Dodano ciemny motyw oraz logo!
    • @@ -225,7 +46,7 @@

    📦 Wersja 1.1.0 – 05.04.2025

-

📦 Wersja 1.0.0 – 04.04.2025

+

📦 Wersja 1.0.0 - 04.04.2025

  • Pierwsze wydanie oficjalnej strony MTSoftware.
  • Witajcie!
    • @@ -241,7 +62,7 @@

    O nas

    MTDownloader

    - +

    MTDownloader to nasz prosty program oparty na YT-DLP, umożliwia pobieranie filmów, muzyki oraz witryn internetowych. Wymagany wget, zainstaluj za pomocą "winget install wget" w CMD!

    📥 Pobierz MTDownloader
    From c4f892ee32c78cac3f5a19525dd250a2f9c7a35e Mon Sep 17 00:00:00 2001 From: Klubuntu Date: Wed, 9 Apr 2025 23:03:43 +0200 Subject: [PATCH 2/7] Changed images dir stucture --- MTD.jpg => img/MTD.jpg | Bin MTD.png => img/MTD.png | Bin logo.png => img/logo.png | Bin 3 files changed, 0 insertions(+), 0 deletions(-) rename MTD.jpg => img/MTD.jpg (100%) rename MTD.png => img/MTD.png (100%) rename logo.png => img/logo.png (100%) diff --git a/MTD.jpg b/img/MTD.jpg similarity index 100% rename from MTD.jpg rename to img/MTD.jpg diff --git a/MTD.png b/img/MTD.png similarity index 100% rename from MTD.png rename to img/MTD.png diff --git a/logo.png b/img/logo.png similarity index 100% rename from logo.png rename to img/logo.png From 1a330c805d8aa0d5af715e35101c04699fc97999 Mon Sep 17 00:00:00 2001 From: Klubuntu Date: Wed, 9 Apr 2025 23:05:43 +0200 Subject: [PATCH 3/7] Optimized code for better reading --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 1e5bc61..5562c03 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - MTSoftware + MTSoftware - MTDownloader and more From 7d189907691f367f00caafd88a2c12b800764767 Mon Sep 17 00:00:00 2001 From: Klubuntu Date: Wed, 9 Apr 2025 23:05:58 +0200 Subject: [PATCH 4/7] Optimization --- index.html | 21 +++++++++++++++++---- 1 file changed, 17 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 5562c03..6db5289 100644 --- a/index.html +++ b/index.html @@ -56,15 +56,23 @@

    📦 Wersja 1.0.0 - 04.04.2025

    O nas

    -

    Tworzymy oprogramowanie od roku 2019, a organizacja powstała w 2024 roku. Stworzyliśmy parę programów m.in MTDownloader.

    +

    + Tworzymy oprogramowanie od roku 2019, a organizacja powstała w 2024 roku. + Stworzyliśmy parę programów m.in MTDownloader. +

    MTDownloader

    -

    MTDownloader to nasz prosty program oparty na YT-DLP, umożliwia pobieranie filmów, muzyki oraz witryn internetowych. Wymagany wget, zainstaluj za pomocą "winget install wget" w CMD!

    - 📥 Pobierz MTDownloader +

    + MTDownloader to nasz prosty program oparty na YT-DLP, umożliwia pobieranie filmów, muzyki oraz witryn internetowych. + Wymagany wget, zainstaluj za pomocą "winget install wget" w CMD! +

    + + 📥 Pobierz MTDownloader +
    @@ -78,7 +86,12 @@

    Inne programy

    Kontakt

    -

    Napisz do nas: zixmichal@gmail.com lub odwiedź nasz profil na GitHub 😄

    +

    Napisz do nas: + zixmichal@gmail.com + lub odwiedź nasz profil na + GitHub + 😄 +

    From aa4a364939219ba204e1412a4380cff1b81263fc Mon Sep 17 00:00:00 2001 From: Klubuntu Date: Wed, 9 Apr 2025 23:13:28 +0200 Subject: [PATCH 5/7] Added Windows 2000/XP loading bar --- index.html | 68 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 68 insertions(+) diff --git a/index.html b/index.html index 6db5289..5a9e540 100644 --- a/index.html +++ b/index.html @@ -5,9 +5,62 @@ MTSoftware - MTDownloader and more + +
    +
    +
    +
    +
    +
    @@ -37,6 +90,13 @@

    Strona główna

    🗒️ Dziennik zmian

    +
    +

    📦 Wersja 1.2.0 - 10.04.2025

    +
      +
    • Dodano ładowanie strony w stylu Windowsa 2000
      • +
    +
    +

    📦 Wersja 1.1.0 - 05.04.2025

      @@ -96,6 +156,14 @@

      Kontakt