commit 7b192bc8b2c1ab1bb8237d967bbce895f79511c6 Author: ProgramistaZpolski Date: Tue Jul 23 14:55:43 2024 +0200 Initial commit diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 0000000..13566b8 --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,8 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Editor-based HTTP Client requests +/httpRequests/ +# Datasource local storage ignored files +/dataSources/ +/dataSources.local.xml diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000..59010a9 --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/php.xml b/.idea/php.xml new file mode 100644 index 0000000..f324872 --- /dev/null +++ b/.idea/php.xml @@ -0,0 +1,19 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/.idea/wezuwiuszweb.iml b/.idea/wezuwiuszweb.iml new file mode 100644 index 0000000..c956989 --- /dev/null +++ b/.idea/wezuwiuszweb.iml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..8f5f7d9 --- /dev/null +++ b/LICENSE @@ -0,0 +1,201 @@ + Apache License + Version 2.0, January 2004 + http://www.apache.org/licenses/ + + TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION + + 1. Definitions. + + "License" shall mean the terms and conditions for use, reproduction, + and distribution as defined by Sections 1 through 9 of this document. + + "Licensor" shall mean the copyright owner or entity authorized by + the copyright owner that is granting the License. + + "Legal Entity" shall mean the union of the acting entity and all + other entities that control, are controlled by, or are under common + control with that entity. For the purposes of this definition, + "control" means (i) the power, direct or indirect, to cause the + direction or management of such entity, whether by contract or + otherwise, or (ii) ownership of fifty percent (50%) or more of the + outstanding shares, or (iii) beneficial ownership of such entity. + + "You" (or "Your") shall mean an individual or Legal Entity + exercising permissions granted by this License. + + "Source" form shall mean the preferred form for making modifications, + including but not limited to software source code, documentation + source, and configuration files. + + "Object" form shall mean any form resulting from mechanical + transformation or translation of a Source form, including but + not limited to compiled object code, generated documentation, + and conversions to other media types. + + "Work" shall mean the work of authorship, whether in Source or + Object form, made available under the License, as indicated by a + copyright notice that is included in or attached to the work + (an example is provided in the Appendix below). + + "Derivative Works" shall mean any work, whether in Source or Object + form, that is based on (or derived from) the Work and for which the + editorial revisions, annotations, elaborations, or other modifications + represent, as a whole, an original work of authorship. For the purposes + of this License, Derivative Works shall not include works that remain + separable from, or merely link (or bind by name) to the interfaces of, + the Work and Derivative Works thereof. + + "Contribution" shall mean any work of authorship, including + the original version of the Work and any modifications or additions + to that Work or Derivative Works thereof, that is intentionally + submitted to Licensor for inclusion in the Work by the copyright owner + or by an individual or Legal Entity authorized to submit on behalf of + the copyright owner. For the purposes of this definition, "submitted" + means any form of electronic, verbal, or written communication sent + to the Licensor or its representatives, including but not limited to + communication on electronic mailing lists, source code control systems, + and issue tracking systems that are managed by, or on behalf of, the + Licensor for the purpose of discussing and improving the Work, but + excluding communication that is conspicuously marked or otherwise + designated in writing by the copyright owner as "Not a Contribution." + + "Contributor" shall mean Licensor and any individual or Legal Entity + on behalf of whom a Contribution has been received by Licensor and + subsequently incorporated within the Work. + + 2. Grant of Copyright License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + copyright license to reproduce, prepare Derivative Works of, + publicly display, publicly perform, sublicense, and distribute the + Work and such Derivative Works in Source or Object form. + + 3. Grant of Patent License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + (except as stated in this section) patent license to make, have made, + use, offer to sell, sell, import, and otherwise transfer the Work, + where such license applies only to those patent claims licensable + by such Contributor that are necessarily infringed by their + Contribution(s) alone or by combination of their Contribution(s) + with the Work to which such Contribution(s) was submitted. If You + institute patent litigation against any entity (including a + cross-claim or counterclaim in a lawsuit) alleging that the Work + or a Contribution incorporated within the Work constitutes direct + or contributory patent infringement, then any patent licenses + granted to You under this License for that Work shall terminate + as of the date such litigation is filed. + + 4. Redistribution. You may reproduce and distribute copies of the + Work or Derivative Works thereof in any medium, with or without + modifications, and in Source or Object form, provided that You + meet the following conditions: + + (a) You must give any other recipients of the Work or + Derivative Works a copy of this License; and + + (b) You must cause any modified files to carry prominent notices + stating that You changed the files; and + + (c) You must retain, in the Source form of any Derivative Works + that You distribute, all copyright, patent, trademark, and + attribution notices from the Source form of the Work, + excluding those notices that do not pertain to any part of + the Derivative Works; and + + (d) If the Work includes a "NOTICE" text file as part of its + distribution, then any Derivative Works that You distribute must + include a readable copy of the attribution notices contained + within such NOTICE file, excluding those notices that do not + pertain to any part of the Derivative Works, in at least one + of the following places: within a NOTICE text file distributed + as part of the Derivative Works; within the Source form or + documentation, if provided along with the Derivative Works; or, + within a display generated by the Derivative Works, if and + wherever such third-party notices normally appear. The contents + of the NOTICE file are for informational purposes only and + do not modify the License. You may add Your own attribution + notices within Derivative Works that You distribute, alongside + or as an addendum to the NOTICE text from the Work, provided + that such additional attribution notices cannot be construed + as modifying the License. + + You may add Your own copyright statement to Your modifications and + may provide additional or different license terms and conditions + for use, reproduction, or distribution of Your modifications, or + for any such Derivative Works as a whole, provided Your use, + reproduction, and distribution of the Work otherwise complies with + the conditions stated in this License. + + 5. Submission of Contributions. Unless You explicitly state otherwise, + any Contribution intentionally submitted for inclusion in the Work + by You to the Licensor shall be under the terms and conditions of + this License, without any additional terms or conditions. + Notwithstanding the above, nothing herein shall supersede or modify + the terms of any separate license agreement you may have executed + with Licensor regarding such Contributions. + + 6. Trademarks. This License does not grant permission to use the trade + names, trademarks, service marks, or product names of the Licensor, + except as required for reasonable and customary use in describing the + origin of the Work and reproducing the content of the NOTICE file. + + 7. Disclaimer of Warranty. Unless required by applicable law or + agreed to in writing, Licensor provides the Work (and each + Contributor provides its Contributions) on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or + implied, including, without limitation, any warranties or conditions + of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A + PARTICULAR PURPOSE. You are solely responsible for determining the + appropriateness of using or redistributing the Work and assume any + risks associated with Your exercise of permissions under this License. + + 8. Limitation of Liability. In no event and under no legal theory, + whether in tort (including negligence), contract, or otherwise, + unless required by applicable law (such as deliberate and grossly + negligent acts) or agreed to in writing, shall any Contributor be + liable to You for damages, including any direct, indirect, special, + incidental, or consequential damages of any character arising as a + result of this License or out of the use or inability to use the + Work (including but not limited to damages for loss of goodwill, + work stoppage, computer failure or malfunction, or any and all + other commercial damages or losses), even if such Contributor + has been advised of the possibility of such damages. + + 9. Accepting Warranty or Additional Liability. While redistributing + the Work or Derivative Works thereof, You may choose to offer, + and charge a fee for, acceptance of support, warranty, indemnity, + or other liability obligations and/or rights consistent with this + License. However, in accepting such obligations, You may act only + on Your own behalf and on Your sole responsibility, not on behalf + of any other Contributor, and only if You agree to indemnify, + defend, and hold each Contributor harmless for any liability + incurred by, or claims asserted against, such Contributor by reason + of your accepting any such warranty or additional liability. + + END OF TERMS AND CONDITIONS + + APPENDIX: How to apply the Apache License to your work. + + To apply the Apache License to your work, attach the following + boilerplate notice, with the fields enclosed by brackets "[]" + replaced with your own identifying information. (Don't include + the brackets!) The text should be enclosed in the appropriate + comment syntax for the file format. We also recommend that a + file or class name and description of purpose be included on the + same "printed page" as the copyright notice for easier + identification within third-party archives. + + Copyright 2024 Wezuwiusz + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. diff --git a/blog/beta-1-released.html b/blog/beta-1-released.html new file mode 100644 index 0000000..87eb348 --- /dev/null +++ b/blog/beta-1-released.html @@ -0,0 +1,57 @@ + + + + + + + Dzienniczek Wezuwiusz + + + +
+
+ +

Dzienniczek
Wezuwiusz

 +
+
+
+

Dzienniczek Wezuwiusz Beta 1 - wydana!

+

+ Wydaliśmy pierwszą oficjalną Betę Dzienniczka Wezuwiusz! 🎉 + Co dodaliśmy od ostatniego postu na kanale? +

+ +

+ Warto również wspomnieć, że rozpoczeliśmy pracę nad fakehebe (GitHub) + - Wulkanowy Fakelog, ale dla API hebe. Postawiliśmy również własny serwer z wiadomościami - + messages.wezuwiusz.eu + Miłego korzystania z aplikacji, wszelkie bug reporty prosimy zgłaszać na naszym chacie | + https://t.me/wezuwiuszchat + + Aplikacja dostępna jest do pobrania z GitHuba +

+
+ + \ No newline at end of file diff --git a/img/guide_1.webp b/img/guide_1.webp new file mode 100644 index 0000000..3491edc Binary files /dev/null and b/img/guide_1.webp differ diff --git a/img/guide_2.webp b/img/guide_2.webp new file mode 100644 index 0000000..d59c9fd Binary files /dev/null and b/img/guide_2.webp differ diff --git a/img/logo.svg b/img/logo.svg new file mode 100644 index 0000000..35dc28b --- /dev/null +++ b/img/logo.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/screenshots/01.webp b/img/screenshots/01.webp new file mode 100644 index 0000000..cb5748f Binary files /dev/null and b/img/screenshots/01.webp differ diff --git a/img/screenshots/02.webp b/img/screenshots/02.webp new file mode 100644 index 0000000..810449e Binary files /dev/null and b/img/screenshots/02.webp differ diff --git a/img/screenshots/03.webp b/img/screenshots/03.webp new file mode 100644 index 0000000..7f21489 Binary files /dev/null and b/img/screenshots/03.webp differ diff --git a/img/screenshots/04.webp b/img/screenshots/04.webp new file mode 100644 index 0000000..441cca9 Binary files /dev/null and b/img/screenshots/04.webp differ diff --git a/img/vesuvius.jpg b/img/vesuvius.jpg new file mode 100644 index 0000000..f165e84 Binary files /dev/null and b/img/vesuvius.jpg differ diff --git a/img/vesuvius.webp b/img/vesuvius.webp new file mode 100644 index 0000000..38b8cb9 Binary files /dev/null and b/img/vesuvius.webp differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..035930a --- /dev/null +++ b/index.html @@ -0,0 +1,126 @@ + + + + + + + Dzienniczek Wezuwiusz + + + +
+
+ +

Dzienniczek
Wezuwiusz

 +
+
+
+
+
+

Dzienniczek Wezuwiusz. + Darmowa i otwartoźłodłowa aplikacja do dziennika elektronicznego VULCAN.

+ Pobierz z GitHuba (Beta 1) + Potrzebujesz pomocy w instalacji? +

Wezuwiusz jest forkiem popularnej aplikacji Dzienniczek Wulkanowy. + Nie jesteśmy powiązani ani z ekipą orginalnego + Wulkanowego, ani z firmą VULCAN.

+ +
+ + Home screen + + + Grades + + + Student vs Class + + + Messages + +
+
+
+

Dlaczego?

+
+
+
+ + + +
+
Zwiększona niezawodność.
+

Dzienniczek Wezuwiusz został dogłębnie zaaktualizowany pod maską, a większość informacji + jest pobierana z API oficjalnej aplikacji dziennika. Oznacza to, że + Wezuwiusza trudniej zablokować.

+
+
+
+ + + +
+
Logowanie e-mailem i hasłem.
+

Dzięki połączeniu scrappera z API Mobilnym nie musisz do Wezuwiusza logować się PIN-em, + Tokenem i Symbolem. Potrzebujesz tylko maila i hasła.

+
+
+
+
+
+ + + +
+
Wydajność.
+

Dzięki przepisaniu na API Mobilne aplikacja działa znacznie szybciej od Wulkanowego, + który pobierał dane ze strony dziennika.

+
+
+
+ + + +
+
Lepsza obsługa tabletów.
+

Do naszej aplikacji dodano wiele usprawnień interfejsu użytkownika, która sprawiają, iż + użytkowanie aplikacji na tablecie jest przyjemniejsze.

+
+
+
+
+

Blog

+ +
+
+ Dzienniczek Wezuwiusz Beta 1 - wydana! +
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam atque deleniti in, ipsum nemo quisquam. Blanditiis commodi incidunt reprehenderit temporibus!

+ 23 lipca 2024 +
+ +
+ Archiwum +
+

Kontakt

+

+ Zapraszamy do dołączenia do naszego kanału na Telegramie, gdzie zamieszczamy wszelkie aktualizacje:
+ @dzienniczekwezuwiusz

+ Posiadamy również chat na Telegramie, gdzie możesz porozmawiać z + innymi użytkownikami dziennika, oraz jego twórcami.
+ Jest to także najlepszy sposób na zdobycie pomocy:
+ @wezuwiuszchat

+ Jeżeli nie posiadasz Telegrama, możesz się z nami skontaktować za pomocą emaila:
+ support@wezuwiusz.eu +

+
+
+
+ + \ No newline at end of file diff --git a/installation.html b/installation.html new file mode 100644 index 0000000..99bae27 --- /dev/null +++ b/installation.html @@ -0,0 +1,37 @@ + + + + + + + Dzienniczek Wezuwiusz + + + +
+
+ +

Dzienniczek
Wezuwiusz

 +
+
+
+

Pomoc w instalacji aplikacji

+
    +
  1. Pobierz aplikację ze strony wezuwiusz.eu
    2. +
  2. Możesz zostać ostrzeżony, iż twój telefon nie może instalować aplikacji z nieznanych źródeł. + Naciśnij ustawienia i włącz instalację z nieznanych źródeł:
    + Warning screen + Allow for installation from unknown sources +
    3. +
  3. Po zezwoleniu czasami będziesz musiał/a jeszcze raz otworzyć pobrany plik. Wybierz zainstaluj.
    4. +
  4. Czasami Google Play Protect może wyrzucić błąd, że aplikacji nie udało się przeskanować (gdyż nie jest + dostępna w sklepie Play). Kontynuujemy instalację pomimo tego. +
    5. +
+

Nadal masz problemy z instalacją? Zachęcamy do dołączenia naszego chatu na Telegramie @wezuwiuszchat (w ten sposób otrzymasz odpowiedź najszybciej) + bądź kontaktu na nasz adres e-mail: support@wezuwiusz.eu

+
+ + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..597cf06 --- /dev/null +++ b/style.css @@ -0,0 +1,352 @@ +:root { + --md-sys-color-primary: rgb(144 74 69); + --md-sys-color-surface-tint: rgb(144 74 69); + --md-sys-color-on-primary: rgb(255 255 255); + --md-sys-color-primary-container: rgb(255 218 214); + --md-sys-color-on-primary-container: rgb(59 9 8); + --md-sys-color-secondary: rgb(119 86 83); + --md-sys-color-on-secondary: rgb(255 255 255); + --md-sys-color-secondary-container: rgb(255 218 214); + --md-sys-color-on-secondary-container: rgb(44 21 19); + --md-sys-color-tertiary: rgb(114 91 46); + --md-sys-color-on-tertiary: rgb(255 255 255); + --md-sys-color-tertiary-container: rgb(254 222 166); + --md-sys-color-on-tertiary-container: rgb(38 25 0); + --md-sys-color-error: rgb(186 26 26); + --md-sys-color-on-error: rgb(255 255 255); + --md-sys-color-error-container: rgb(255 218 214); + --md-sys-color-on-error-container: rgb(65 0 2); + --md-sys-color-background: rgb(255 248 247); + --md-sys-color-on-background: rgb(35 25 24); + --md-sys-color-surface: rgb(255 248 247); + --md-sys-color-on-surface: rgb(35 25 24); + --md-sys-color-surface-variant: rgb(245 221 219); + --md-sys-color-on-surface-variant: rgb(83 67 66); + --md-sys-color-outline: rgb(133 115 113); + --md-sys-color-outline-variant: rgb(216 194 191); + --md-sys-color-shadow: rgb(0 0 0); + --md-sys-color-scrim: rgb(0 0 0); + --md-sys-color-inverse-surface: rgb(57 46 45); + --md-sys-color-inverse-on-surface: rgb(255 237 235); + --md-sys-color-inverse-primary: rgb(255 179 172); + --md-sys-color-primary-fixed: rgb(255 218 214); + --md-sys-color-on-primary-fixed: rgb(59 9 8); + --md-sys-color-primary-fixed-dim: rgb(255 179 172); + --md-sys-color-on-primary-fixed-variant: rgb(115 51 47); + --md-sys-color-secondary-fixed: rgb(255 218 214); + --md-sys-color-on-secondary-fixed: rgb(44 21 19); + --md-sys-color-secondary-fixed-dim: rgb(231 189 184); + --md-sys-color-on-secondary-fixed-variant: rgb(93 63 60); + --md-sys-color-tertiary-fixed: rgb(254 222 166); + --md-sys-color-on-tertiary-fixed: rgb(38 25 0); + --md-sys-color-tertiary-fixed-dim: rgb(225 195 140); + --md-sys-color-on-tertiary-fixed-variant: rgb(88 68 25); + --md-sys-color-surface-dim: rgb(232 214 212); + --md-sys-color-surface-bright: rgb(255 248 247); + --md-sys-color-surface-container-lowest: rgb(255 255 255); + --md-sys-color-surface-container-low: rgb(255 240 239); + --md-sys-color-surface-container: rgb(252 234 232); + --md-sys-color-surface-container-high: rgb(246 228 226); + --md-sys-color-surface-container-highest: rgb(241 222 220); +} + +body { + font-family: Inter, -system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, sans-serif; + line-height: 1.625; + background-color: var(--md-sys-color-surface); + color: var(--md-sys-color-on-surface); + padding: 0; + margin: 0; +} + +.website-header { + display: flex; + justify-content: center; + align-items: center; + background-image: url("./img/vesuvius.webp"); + background-size: cover; + background-position-y: center; +} + +.website-header a { + text-decoration: none; +} + +.website-header > div { + margin: 4rem 0; + display: flex; + align-items: center; +} + +.wezuwiusz-logo { + margin-right: 2rem; +} + +header h1 { + margin: 0; + color: white; + font-size: 4rem; + line-height: 1.25; +} + +main { + width: 80%; + margin: 2rem auto; +} + +h2 { + font-size: 2rem; +} + +.wezuwiusz-intro { + font-weight: 400; +} + +.wezuwiusz-intro b { + display: block; +} + +.support-link { + display: block; + margin-top: 1rem; + color: var(--md-sys-color-on-surface); +} + +.app-description { + font-size: 1.25rem; +} + +.split { + display: flex; +} + +.split__left-pane { + width: 40%; +} + +.split__right-pane { + width: 60%; + margin-left: 8rem; +} + +.wezuwiusz-why, .blog-header, .contact-header { + font-size: 2rem; +} + +.reasons__row { + display: flex; + gap: 2rem; +} + +.reasons { + display: flex; + flex-direction: column; + gap: 2rem; +} + +.reason { + width: 50%; + display: flex; + background-color: var(--md-sys-color-primary-container); + color: var(--md-sys-color-on-primary-container); + padding: 1.5rem; + border-radius: 2rem; +} + +.reason svg { + margin-right: 2rem; + width: 15%; +} + +.reason > div { + width: 85%; +} + +.reason header { + font-weight: 600; + font-size: 1.5rem; +} + +.reason p { + margin-top: .5rem; + margin-bottom: 0; +} + +a { + color: inherit; +} + +button, .button { + border-radius: 100px; + background-color: var(--md-sys-color-primary); + border: none; + color: var(--md-sys-color-on-primary); + padding: 10px 24px; + font-weight: 500; + font-family: inherit; + font-size: 1rem; + text-decoration: none; + height: min-content; + display: inline-block; +} + +.screenshots { + margin-top: 4rem; + display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 3rem; +} + +.screenshots a { + width: 30%; +} + +.screenshots img { + width: 100%; +} + +.article-card { + display: block; + text-decoration: none; + background-color: var(--md-sys-color-primary-container); + color: var(--md-sys-color-on-primary-container); + padding: 1.5rem; + border-radius: 2rem; +} + +.article-card header { + font-size: 1.5rem; + font-weight: 600; +} + +.article-card p { + margin: .25rem 0 0; + max-width: 70%; +} + +.blog__archive { + margin: 2rem; + text-align: center; +} + +.blog__archive a { + color: inherit; +} + +.contact-info a { + color: inherit; +} + +@media (prefers-color-scheme: dark) { + :root { + --md-sys-color-primary: rgb(255 179 172); + --md-sys-color-surface-tint: rgb(255 179 172); + --md-sys-color-on-primary: rgb(87 30 26); + --md-sys-color-primary-container: rgb(115 51 47); + --md-sys-color-on-primary-container: rgb(255 218 214); + --md-sys-color-secondary: rgb(231 189 184); + --md-sys-color-on-secondary: rgb(68 41 39); + --md-sys-color-secondary-container: rgb(93 63 60); + --md-sys-color-on-secondary-container: rgb(255 218 214); + --md-sys-color-tertiary: rgb(225 195 140); + --md-sys-color-on-tertiary: rgb(63 45 4); + --md-sys-color-tertiary-container: rgb(88 68 25); + --md-sys-color-on-tertiary-container: rgb(254 222 166); + --md-sys-color-error: rgb(255 180 171); + --md-sys-color-on-error: rgb(105 0 5); + --md-sys-color-error-container: rgb(147 0 10); + --md-sys-color-on-error-container: rgb(255 218 214); + --md-sys-color-background: rgb(26 17 16); + --md-sys-color-on-background: rgb(241 222 220); + --md-sys-color-surface: rgb(26 17 16); + --md-sys-color-on-surface: rgb(241 222 220); + --md-sys-color-surface-variant: rgb(83 67 66); + --md-sys-color-on-surface-variant: rgb(216 194 191); + --md-sys-color-outline: rgb(160 140 138); + --md-sys-color-outline-variant: rgb(83 67 66); + --md-sys-color-shadow: rgb(0 0 0); + --md-sys-color-scrim: rgb(0 0 0); + --md-sys-color-inverse-surface: rgb(241 222 220); + --md-sys-color-inverse-on-surface: rgb(57 46 45); + --md-sys-color-inverse-primary: rgb(144 74 69); + --md-sys-color-surface-dim: rgb(26 17 16); + --md-sys-color-surface-bright: rgb(66 55 53); + --md-sys-color-surface-container-lowest: rgb(20 12 11); + --md-sys-color-surface-container-low: rgb(35 25 24); + --md-sys-color-surface-container: rgb(39 29 28); + --md-sys-color-surface-container-high: rgb(50 40 38); + --md-sys-color-surface-container-highest: rgb(61 50 49); + } +} + +@media (max-width: 1960px) { + .reasons__row { + flex-direction: column; + } + + .reason { + width: unset; + } +} + +@media (max-width: 1337px) { + .screenshots { + flex-direction: column; + } + + .screenshots a { + width: 60%; + } +} + +@media (max-width: 850px) { + .split { + display: block; + } + .split__left-pane { + width: 100%; + } + .split__right-pane { + width: 100%; + } + .screenshots { + flex-direction: row; + } + .screenshots a { + width: 18%; + } + .split__right-pane { + margin-left: 0; + } +} + +@media (max-width: 640px) { + .website-header > div { + text-align: center; + display: block; + } + + .website-header img { + width: 50%; + margin-bottom: 1rem; + } + + header h1 { + font-size: 3rem; + } +} + +@media (max-width: 450px) { + .reason { + display: block; + } + + .reason > div { + width: 100%; + } + + .reason svg { + width: 48px; + } +} \ No newline at end of file