-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Update README, index.html, and styles.css for MS Store
README.md: - Removed note about pending Microsoft Store certification. index.html: - Fixed and improved formatting of various sections. - Updated Microsoft Store badge and added "Download Now" button. styles.css: - Added styles and animations for .btn-download button. - Improved formatting of various CSS rules. - Removed .ms-off class.
- Loading branch information
1 parent
091162a
commit 605f87f
Showing
4 changed files
with
140 additions
and
78 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -4,7 +4,8 @@ | |
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <meta name="description" content="PicConvert - A powerful application for image conversion, resizing, and PDF merging."> | ||
| <meta name="description" | ||
| content="PicConvert - A powerful application for image conversion, resizing, and PDF merging."> | ||
| <meta name="keywords" content="image conversion, PDF merging, image resizing, metadata, PicConvert"> | ||
| <meta name="robots" content="index, follow"> | ||
| <title>PicConvert - Powerful Image Conversion App</title> | ||
|
|
@@ -30,7 +31,8 @@ | |
| <li><a href="#system-requirements">System Requirements</a></li> | ||
| <li><a href="#demo">Demo</a></li> | ||
| <li><a href="#privacy">Privacy</a></li> | ||
| <li><a href="https://github.com/NordinAlex/PicConvert" target="_blank" rel="noopener">Source Code</a></li> | ||
| <li><a href="https://github.com/NordinAlex/PicConvert" target="_blank" rel="noopener">Source Code</a> | ||
| </li> | ||
| <li> | ||
| <div class="language-switcher"> | ||
| <label for="language-toggle" class="switch"> | ||
|
|
@@ -48,13 +50,10 @@ | |
| <div class="hero"> | ||
| <h1>Welcome to PicConvert</h1> | ||
| <p class="hero-subtext">A powerful and simple application for managing and converting your images.</p> | ||
| <p> | ||
| Coming soon to the Microsoft Store! | ||
| </p> | ||
| <div class="ms-off"> | ||
| <ms-store-badge productid="9N65RVQB74MP" window-mode="direct" language="en" theme="light" class="ms-store-button" animation="on"></ms-store-badge> | ||
| </div> | ||
|
|
||
|
|
||
| <ms-store-badge productid="9N65RVQB74MP" window-mode="full" language="en" theme="light" | ||
| class="ms-store-button" animation="on"></ms-store-badge> | ||
|
|
||
| </div> | ||
| </header> | ||
|
|
||
|
|
@@ -88,19 +87,29 @@ <h3>Preserve Metadata</h3> | |
| <div class="about-container"> | ||
| <h2>About</h2> | ||
| <p> | ||
| PicConvert is an advanced image conversion application that makes it easy for users to manage and convert their images. With PicConvert, you can easily select multiple images at once and customize settings like format, quality, and size to meet your needs. | ||
| PicConvert is an advanced image conversion application that makes it easy for users to manage and | ||
| convert their images. With PicConvert, you can easily select multiple images at once and customize | ||
| settings like format, quality, and size to meet your needs. | ||
| </p> | ||
| <p> | ||
| The application uses ImageMagick, a leading and powerful image processing library under GPL V3 license, to ensure high-quality results with every conversion. With PicConvert, you can easily resize images, remove metadata to protect your privacy, and convert images to multiple formats, including PNG, JPEG, and WebP. | ||
| The application uses ImageMagick, a leading and powerful image processing library under GPL V3 license, | ||
| to ensure high-quality results with every conversion. With PicConvert, you can easily resize images, | ||
| remove metadata to protect your privacy, and convert images to multiple formats, including PNG, JPEG, | ||
| and WebP. | ||
| </p> | ||
| <p> | ||
| PicConvert is an open-source application under the MIT license, meaning the source code is freely available to everyone. This gives both users and developers the opportunity to customize, improve, and contribute to the application. | ||
| PicConvert is an open-source application under the MIT license, meaning the source code is freely | ||
| available to everyone. This gives both users and developers the opportunity to customize, improve, and | ||
| contribute to the application. | ||
| </p> | ||
| <p> | ||
| Please note that PicConvert is provided under the MIT license. This means we take no responsibility for any damage or issues that may arise from using the app. The application is provided "as is" without any warranties regarding its functionality or suitability for specific purposes. | ||
| Please note that PicConvert is provided under the MIT license. This means we take no responsibility for | ||
| any damage or issues that may arise from using the app. The application is provided "as is" without any | ||
| warranties regarding its functionality or suitability for specific purposes. | ||
| </p> | ||
| <p> | ||
| The goal of PicConvert is to offer a free, ad-free application for Windows 10 and later versions. We do not collect any personal data, ensuring that your privacy is always respected. | ||
| The goal of PicConvert is to offer a free, ad-free application for Windows 10 and later versions. We do | ||
| not collect any personal data, ensuring that your privacy is always respected. | ||
| </p> | ||
| </div> | ||
| </section> | ||
|
|
@@ -112,37 +121,43 @@ <h2>System Requirements</h2> | |
| <li>Processor: At least 1 GHz or faster, 64-bit architecture recommended</li> | ||
| <li>RAM: At least 4 GB</li> | ||
| <li>Disk Space: At least 500 MB of free space</li> | ||
| <li>Display: Minimum resolution of 800x600, higher resolution recommended for better user experience</li> | ||
| <li>Display: Minimum resolution of 800x600, higher resolution recommended for better user experience | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </section> | ||
|
|
||
| <section id="demo" class="demo-section"> | ||
| <div class="demo-container"> | ||
| <h2>Demo and Screenshots</h2> | ||
| <p>Watch a quick walkthrough of how PicConvert works and see some screenshots of the application.</p> | ||
| <div class="video-container"> | ||
| <iframe src="../Assets/Demo/PicConvert_Demo.mp4" title="PicConvert Demo" | ||
| frameborder="0" autoplay; clipboard-write></iframe> | ||
| <iframe src="../Assets/Demo/PicConvert_Demo.mp4" title="PicConvert Demo" frameborder="0" autoplay; | ||
| clipboard-write></iframe> | ||
| </div> | ||
| <div class="screenshots-grid"> | ||
| <img src="../Assets/Demo/Main_DarkMode.webp" alt="Screenshot 1" class="screenshot" data-src="../Assets/Demo/Main_DarkMode.webp"> | ||
| <img src="../Assets/Demo/Settings_DarkMode.webp" alt="Screenshot 2" class="screenshot" data-src="../Assets/Demo/Settings_DarkMode.webp"> | ||
| <img src="../Assets/Demo/Main_LightMode.webp" alt="Screenshot 3" class="screenshot" data-src="../Assets/Demo/Main_LightMode.webp"> | ||
| <img src="../Assets/Demo/Main_DarkMode.webp" alt="Screenshot 1" class="screenshot" | ||
| data-src="../Assets/Demo/Main_DarkMode.webp"> | ||
| <img src="../Assets/Demo/Settings_DarkMode.webp" alt="Screenshot 2" class="screenshot" | ||
| data-src="../Assets/Demo/Settings_DarkMode.webp"> | ||
| <img src="../Assets/Demo/Main_LightMode.webp" alt="Screenshot 3" class="screenshot" | ||
| data-src="../Assets/Demo/Main_LightMode.webp"> | ||
| </div> | ||
| </div> | ||
| <div id="image-modal" class="modal"> | ||
| <span class="close">×</span> | ||
| <img class="modal-content" id="modal-img" alt="Modal Image"> | ||
| </div> | ||
| </section> | ||
|
|
||
| <section id="privacy" class="privacy-section"> | ||
| <div class="privacy-container"> | ||
| <h2>Privacy Policy</h2> | ||
| <h3>1. Information Collection</h3> | ||
| <p> | ||
| 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. | ||
| </p> | ||
|
|
||
| <h3>2. Use of Information</h3> | ||
|
|
@@ -157,10 +172,11 @@ <h3>3. Information Sharing</h3> | |
|
|
||
| <h3>4. Contact</h3> | ||
| <p> | ||
| If you have any questions or suggestions, feel free to <a href="mailto:[email protected]">contact me via email</a> or create an issue on | ||
| If you have any questions or suggestions, feel free to <a | ||
| href="mailto:[email protected]">contact me via email</a> or create an issue on | ||
| <a href="https://github.com/NordinAlex/PicConvert" target="_blank" rel="noopener">GitHub</a>. | ||
| </p> | ||
|
|
||
| </div> | ||
| </section> | ||
|
|
||
|
|
@@ -169,11 +185,12 @@ <h3>4. Contact</h3> | |
| <ul class="social-links"> | ||
| <li><a href="https://github.com/NordinAlex/PicConvert" target="_blank" rel="noopener">LinkedIn</a></li> | ||
| <li><a href="https://github.com/NordinAlex/PicConvert" target="_blank" rel="noopener">GitHub</a></li> | ||
| <li><a href="https://apps.microsoft.com/detail/9N65RVQB74MP?mode=direct" target="_blank" rel="noopener">Microsoft Store</a></li> | ||
| <li><a href="https://apps.microsoft.com/detail/9N65RVQB74MP?mode=direct" target="_blank" | ||
| rel="noopener">Microsoft Store</a></li> | ||
| </ul> | ||
| </footer> | ||
| <script type="module" src="https://get.microsoft.com/badge/ms-store-badge.bundled.js"></script> | ||
| <script src="../app.js"></script> | ||
| </body> | ||
|
|
||
| </html> | ||
| </html> | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.