diff --git a/README.md b/README.md index aca7902..5b3f1e3 100644 --- a/README.md +++ b/README.md @@ -17,8 +17,6 @@ För att använda PicConvert på din Windows 10 eller högre: 1. [Ladda ner den senaste versionen](https://apps.microsoft.com/detail/9N65RVQB74MP?mode=direct) från Microsoft Store. -**OBS:** Appen är för närvarande inte tillgänglig på Microsoft Store då jag väntar på certifiering. Håll utkik efter uppdateringar! - ## Användning diff --git a/Website/en/index.html b/Website/en/index.html index 6594f46..c189f42 100644 --- a/Website/en/index.html +++ b/Website/en/index.html @@ -4,7 +4,8 @@ - + PicConvert - Powerful Image Conversion App @@ -30,7 +31,8 @@
  • System Requirements
  • Demo
  • Privacy
    • -
  • Source Code
    • +
  • Source Code +
  • Processor: At least 1 GHz or faster, 64-bit architecture recommended
  • RAM: At least 4 GB
  • Disk Space: At least 500 MB of free space
    • -
  • Display: Minimum resolution of 800x600, higher resolution recommended for better user experience
    • +
  • Display: Minimum resolution of 800x600, higher resolution recommended for better user experience +
    • - +

    Demo and Screenshots

    Watch a quick walkthrough of how PicConvert works and see some screenshots of the application.

    - +
    - Screenshot 1 - Screenshot 2 - Screenshot 3 + Screenshot 1 + Screenshot 2 + Screenshot 3
    - +

    Privacy Policy

    1. Information Collection

    - PicConvert does not collect any personal information from users. All files you process remain local on your device. Please note that the application is provided "as is" under the MIT license, and we take no responsibility for any damage or issues that may arise. + PicConvert does not collect any personal information from users. All files you process remain local on + your device. Please note that the application is provided "as is" under the MIT license, and we take no + responsibility for any damage or issues that may arise.

    2. Use of Information

    @@ -157,10 +172,11 @@

    3. Information Sharing

    4. Contact

    - If you have any questions or suggestions, feel free to contact me via email or create an issue on + If you have any questions or suggestions, feel free to contact me via email or create an issue on GitHub.

    - +
    @@ -169,11 +185,12 @@

    4. Contact

    - + \ No newline at end of file diff --git a/Website/index.html b/Website/index.html index b3766d5..6cac794 100644 --- a/Website/index.html +++ b/Website/index.html @@ -43,24 +43,19 @@ - - -

    Välkommen till PicConvert

    -

    En kraftfull och enkel applikation för att hantera och konvertera dina bilder.

    -

    - Kommmer snart till Microsoft Store! -

    -
    - -
    +

    En kraftfull och enkel applikation för att hantera och konvertera dina bilder.

    + + + Ladda ner nu
    @@ -123,7 +118,7 @@

    Om Appen

    - +

    Systemkrav

    @@ -132,25 +127,29 @@

    Systemkrav

  • Processor: Minst 1 GHz eller snabbare, med 64-bitars arkitektur rekommenderas
  • RAM: Minst 4 GB
  • Hårddiskutrymme: Minst 500 MB ledigt utrymme
    • -
  • Bildskärm: Minst 800x600 upplösning, högre upplösning rekommenderas för bättre användarupplevelse
    • +
  • Bildskärm: Minst 800x600 upplösning, högre upplösning rekommenderas för bättre användarupplevelse +
    • - - + +

    Demo och Skärmdumpar

    Titta på en snabb genomgång av hur PicConvert fungerar och några skärmdumpar från applikationen.

    - +
    - Skärmdump 1 - Skärmdump 2 - Skärmdump 3 + Skärmdump 1 + Skärmdump 2 + Skärmdump 3
    - - + +

    Integritetspolicy

    diff --git a/Website/styles.css b/Website/styles.css index 41cabb1..b6e2783 100644 --- a/Website/styles.css +++ b/Website/styles.css @@ -143,6 +143,68 @@ nav { background-color: darken(var(--primary-color), 10%); } +/* Download Custom Button */ +.btn-download { + margin-top: 2rem; + padding: 0.8em 2em; + border: none; + outline: none; + color: rgb(255, 255, 255); + background: #111; + cursor: pointer; + position: relative; + z-index: 0; + border-radius: 10px; + -webkit-user-select: none; + user-select: none; + touch-action: manipulation; + text-decoration: none; + transition: transform 0.3s ease; +} +.btn-download:hover { + transform: translateY(-5px); +} +.btn-download:before { + content: ""; + background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); + position: absolute; + top: -2px; + left: -2px; + background-size: 400%; + z-index: -1; + -webkit-filter: blur(5px); + filter: blur(5px); + width: calc(100% + 4px); + height: calc(100% + 4px); + animation: glowing-btn-download 20s linear infinite; + transition: opacity 0.3s ease-in-out; + border-radius: 10px; +} + +@keyframes glowing-btn-download { + 0% { + background-position: 0 0; + } + 50% { + background-position: 400% 0; + } + 100% { + background-position: 0 0; + } +} + +.btn-download:after { + z-index: -1; + content: ""; + position: absolute; + width: 100%; + height: 100%; + background: #222; + left: 0; + top: 0; + border-radius: 10px; +} + /* Features Section */ .features-section { text-align: center; @@ -291,11 +353,9 @@ footer p { align-items: center; padding-top: 5rem; transform: translateX(-120%); - transition: transform 0.3s ease-in-out; + transition: transform 0.3s ease-in-out; justify-content: flex-start; z-index: 10; - - } .nav-links.active { @@ -309,9 +369,6 @@ footer p { .nav-links a { font-size: 1.5rem; } - - - } /* _______________________ */ @@ -319,7 +376,7 @@ footer p { .language-switcher { display: flex; align-items: center; - gap: 10px; + gap: 10px; } .language-switcher .switch { @@ -409,23 +466,17 @@ footer p { opacity: 1; } - - -.ms-off{ - pointer-events: none; - opacity: 0.5; -} - - /* Responsiva layouter och stil för sektionerna */ -.system-requirements-section, .demo-section { +.system-requirements-section, +.demo-section { padding: 40px 20px; background-color: #f8f8f8; margin-top: 40px; } -.system-requirements-container, .demo-container { +.system-requirements-container, +.demo-container { max-width: 1200px; margin: 0 auto; text-align: center; @@ -469,34 +520,31 @@ footer p { /* Lägg till andra anpassade stilar efter behov */ - /* Modal container */ .modal { - display: none; - position: fixed; - z-index: 1; + display: none; + position: fixed; + z-index: 1; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100vh; - overflow: auto; + overflow: auto; background-color: rgba(0, 0, 0, 0.8); justify-content: center; - align-items: center; - + align-items: center; } /* Modal content */ .modal-content { - margin: 10px ; + margin: 10px; padding: 5px; display: block; - width: 80%; + width: 80%; border-radius: 20px; background: linear-gradient(0deg, #e70909, #004b87); - } /* Close button */