Merge pull request #4 from CycloKid/new

Minor Adjustments
Pomelo-Emu · Oct 25, 2024 · f2000ac · f2000ac
2 parents 29f3c3b + 65ddaa2
commit f2000ac
Show file tree

Hide file tree

Showing 6 changed files with 68 additions and 7 deletions.
diff --git a/.github/workflows/static.yml b/.github/workflows/static.yml
@@ -0,0 +1,43 @@
+# Simple workflow for deploying static content to GitHub Pages
+name: Deploy static content to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["new"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Single deploy job since we're just deploying
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          # Upload entire repository
+          path: './public/'
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
diff --git a/changes.txt b/changes.txt
@@ -0,0 +1,9 @@
+CycloKid, 2023-10-25 11AM EST
+- Allowed buttons to wrap to the next line
+  - This also fixes a problem with mobile browsers not being centered
+- Moved title to be below Pomelo icon
+- Removed arrow icons (I mean its kind of common sense to scroll down)
+- Adjusted spacing to make the hero section take up the entire page when entering (needs testing)
+  - Right now, theres a -probably- hacky solution for mobile browsers. Might need to be addressed in the future.
+- Adjusted about section text
+- Update minified files
diff --git a/index.html b/index.html
@@ -15,9 +15,18 @@
     <!-- Hero Section -->
     <section id="home" class="hero-section">
         <div class="hero-content">
-            <h2>Pomelo Emulator</h2>
+            <div style="height: 5px;"></div>
+            <div class="desktop-only" style="height: 10vh;"></div>
+            <style>
+                @media (max-width: 768px) {
+                    .desktop-only {
+                        display: none;
+                    }
+                }
+            </style>
             <img src="pomelo-icon.png" alt="Pomelo Icon" width="200" height="200">
-            <p>Nintendo Switch Emulator for iOS and iPadOS</p>
+            <h2>Pomelo</h2>
+            <p>A Nintendo Switch Emulator for iOS and iPadOS</p>
             <div class="button-group">
                 <a href="./downloads.html" class="usualbutton" role="button"><i class="fa-solid fa-download"></i> Download</a>
                 <a href="./titles.html" class="redbutton" role="button"><i class="fa-solid fa-gears"></i> Title Playability</a>
@@ -30,7 +39,6 @@ <h2>Pomelo Emulator</h2>
     <!-- Features Section -->
     <section id="features" class="features-section">
         <div class="container">
-            <br><br><br><i class="fa-solid fa-arrow-down"></i> <i class="fa-solid fa-arrow-down"></i> <i class="fa-solid fa-arrow-down"></i><br><br><br><br>
             <h2>Features</h2>
             <div class="feature-grid">
                 <div class="feature-item">
@@ -57,7 +65,7 @@ <h3>Our Community</h3>
     <section id="about" class="about-section">
         <div class="container">
             <h2>About Us</h2>
-            <p>We are Stossy11 and Tech Guy. We aim to provide the best NX emulation possible for iOS/iPadOS.</p>
+            <p>We are Stossy11 and Tech Guy - We're aiming to provide the best NX emulation possible for iOS/iPadOS.</p>
         </div>
     </section>
 

diff --git a/public/index.html b/public/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="./favicon.png" type="image/png"><title>Pomelo Emulator</title><link rel="stylesheet" href="styles.css"><script src="https://kit.fontawesome.com/f566336324.js" crossorigin="anonymous"></script><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@700&family=Merriweather:wght@400&display=swap" rel="stylesheet"><script src="script.js" defer></script></head><body><!-- Hero Section --><section id="home" class="hero-section"><div class="hero-content"><h2>Pomelo Emulator</h2><img src="pomelo-icon.png" alt="Pomelo Icon" width="200" height="200"><p>Nintendo Switch Emulator for iOS and iPadOS</p><div class="button-group"><a href="./downloads.html" class="usualbutton" role="button"><i class="fa-solid fa-download"></i> Download</a> <a href="./titles.html" class="redbutton" role="button"><i class="fa-solid fa-gears"></i> Title Playability</a> <a href="https://gitlab.com/pomelo-emu/Pomelo" class="usualbutton" role="button"><i class="fa-brands fa-gitlab"></i> Source Code</a> <a href="https://discord.gg/mY3tFQtXZT" class="purple" role="button"><i class="fa-brands fa-discord"></i> Discord</a></div></div></section><!-- Features Section --><section id="features" class="features-section"><div class="container"><br><br><br><i class="fa-solid fa-arrow-down"></i> <i class="fa-solid fa-arrow-down"></i> <i class="fa-solid fa-arrow-down"></i><br><br><br><br><h2>Features</h2><div class="feature-grid"><div class="feature-item"><h3>Compatibility</h3><p>Pomelo supports a wide range of devices</p></div><div class="feature-item"><h3>Local Multiplayer</h3><p>Play with other people on the go!</p></div><div class="feature-item"><h3>Trollstore Support</h3><p>Compatible with Trollstore from iOS 15 to 17</p></div><div class="feature-item"><h3>Our Community</h3><p>We are an open community. We welcome anyone looking for support, requesting features, or emulation discussion in general.</p></div></div></div></section><!-- About Section --><section id="about" class="about-section"><div class="container"><h2>About Us</h2><p>We are Stossy11 and Tech Guy. We aim to provide the best NX emulation possible for iOS/iPadOS.</p></div></section><!-- Footer --><footer><div class="container"><p>&copy; 2024 Pomelo Emu. All rights reserved.</p></div></footer></body></html>
+<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="./favicon.png" type="image/png"><title>Pomelo Emulator</title><link rel="stylesheet" href="styles.css"><script src="https://kit.fontawesome.com/f566336324.js" crossorigin="anonymous"></script><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@700&family=Merriweather:wght@400&display=swap" rel="stylesheet"><script src="script.js" defer></script></head><body><!-- Hero Section --><section id="home" class="hero-section"><div class="hero-content"><div style="height:5px"></div><div class="desktop-only" style="height:10vh"></div><style>@media (max-width:768px){.desktop-only{display:none}}</style><img src="pomelo-icon.png" alt="Pomelo Icon" width="200" height="200"><h2>Pomelo</h2><p>A Nintendo Switch Emulator for iOS and iPadOS</p><div class="button-group"><a href="./downloads.html" class="usualbutton" role="button"><i class="fa-solid fa-download"></i> Download</a> <a href="./titles.html" class="redbutton" role="button"><i class="fa-solid fa-gears"></i> Title Playability</a> <a href="https://gitlab.com/pomelo-emu/Pomelo" class="usualbutton" role="button"><i class="fa-brands fa-gitlab"></i> Source Code</a> <a href="https://discord.gg/mY3tFQtXZT" class="purple" role="button"><i class="fa-brands fa-discord"></i> Discord</a></div></div></section><!-- Features Section --><section id="features" class="features-section"><div class="container"><h2>Features</h2><div class="feature-grid"><div class="feature-item"><h3>Compatibility</h3><p>Pomelo supports a wide range of devices</p></div><div class="feature-item"><h3>Local Multiplayer</h3><p>Play with other people on the go!</p></div><div class="feature-item"><h3>Trollstore Support</h3><p>Compatible with Trollstore from iOS 15 to 17</p></div><div class="feature-item"><h3>Our Community</h3><p>We are an open community. We welcome anyone looking for support, requesting features, or emulation discussion in general.</p></div></div></div></section><!-- About Section --><section id="about" class="about-section"><div class="container"><h2>About Us</h2><p>We are Stossy11 and Tech Guy - We're aiming to provide the best NX emulation possible for iOS/iPadOS.</p></div></section><!-- Footer --><footer><div class="container"><p>&copy; 2024 Pomelo Emu. All rights reserved.</p></div></footer></body></html>
diff --git a/public/styles.css b/public/styles.css
diff --git a/styles.css b/styles.css
@@ -37,6 +37,7 @@ h1 {
   display: flex;
   justify-content: center;
   gap: 10px; /* Adjust the spacing between buttons */
+  flex-wrap: wrap; /* Allow buttons to wrap to the next line */
 }
 
 .button-group a {
@@ -46,8 +47,8 @@ h1 {
 }
 
 .features-section, .about-section {
+  margin-top: 15vh; /* Push the section below the viewport height */
   padding: 50px 20px;
-
 }
 
 h2 {
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="./favicon.png" type="image/png"><title>Pomelo Emulator</title><link rel="stylesheet" href="styles.css"><script src="https://kit.fontawesome.com/f566336324.js" crossorigin="anonymous"></script><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@700&family=Merriweather:wght@400&display=swap" rel="stylesheet"><script src="script.js" defer></script></head><body><!-- Hero Section --><section id="home" class="hero-section"><div class="hero-content"><h2>Pomelo Emulator</h2><img src="pomelo-icon.png" alt="Pomelo Icon" width="200" height="200"><p>Nintendo Switch Emulator for iOS and iPadOS</p><div class="button-group"><a href="./downloads.html" class="usualbutton" role="button"><i class="fa-solid fa-download"></i> Download</a> <a href="./titles.html" class="redbutton" role="button"><i class="fa-solid fa-gears"></i> Title Playability</a> <a href="https://gitlab.com/pomelo-emu/Pomelo" class="usualbutton" role="button"><i class="fa-brands fa-gitlab"></i> Source Code</a> <a href="https://discord.gg/mY3tFQtXZT" class="purple" role="button"><i class="fa-brands fa-discord"></i> Discord</a></div></div></section><!-- Features Section --><section id="features" class="features-section"><div class="container"><br><br><br><i class="fa-solid fa-arrow-down"></i> <i class="fa-solid fa-arrow-down"></i> <i class="fa-solid fa-arrow-down"></i><br><br><br><br><h2>Features</h2><div class="feature-grid"><div class="feature-item"><h3>Compatibility</h3><p>Pomelo supports a wide range of devices</p></div><div class="feature-item"><h3>Local Multiplayer</h3><p>Play with other people on the go!</p></div><div class="feature-item"><h3>Trollstore Support</h3><p>Compatible with Trollstore from iOS 15 to 17</p></div><div class="feature-item"><h3>Our Community</h3><p>We are an open community. We welcome anyone looking for support, requesting features, or emulation discussion in general.</p></div></div></div></section><!-- About Section --><section id="about" class="about-section"><div class="container"><h2>About Us</h2><p>We are Stossy11 and Tech Guy. We aim to provide the best NX emulation possible for iOS/iPadOS.</p></div></section><!-- Footer --><footer><div class="container"><p>© 2024 Pomelo Emu. All rights reserved.</p></div></footer></body></html>
		<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="./favicon.png" type="image/png"><title>Pomelo Emulator</title><link rel="stylesheet" href="styles.css"><script src="https://kit.fontawesome.com/f566336324.js" crossorigin="anonymous"></script><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@700&family=Merriweather:wght@400&display=swap" rel="stylesheet"><script src="script.js" defer></script></head><body><!-- Hero Section --><section id="home" class="hero-section"><div class="hero-content"><div style="height:5px"></div><div class="desktop-only" style="height:10vh"></div><style>@media (max-width:768px){.desktop-only{display:none}}</style><img src="pomelo-icon.png" alt="Pomelo Icon" width="200" height="200"><h2>Pomelo</h2><p>A Nintendo Switch Emulator for iOS and iPadOS</p><div class="button-group"><a href="./downloads.html" class="usualbutton" role="button"><i class="fa-solid fa-download"></i> Download</a> <a href="./titles.html" class="redbutton" role="button"><i class="fa-solid fa-gears"></i> Title Playability</a> <a href="https://gitlab.com/pomelo-emu/Pomelo" class="usualbutton" role="button"><i class="fa-brands fa-gitlab"></i> Source Code</a> <a href="https://discord.gg/mY3tFQtXZT" class="purple" role="button"><i class="fa-brands fa-discord"></i> Discord</a></div></div></section><!-- Features Section --><section id="features" class="features-section"><div class="container"><h2>Features</h2><div class="feature-grid"><div class="feature-item"><h3>Compatibility</h3><p>Pomelo supports a wide range of devices</p></div><div class="feature-item"><h3>Local Multiplayer</h3><p>Play with other people on the go!</p></div><div class="feature-item"><h3>Trollstore Support</h3><p>Compatible with Trollstore from iOS 15 to 17</p></div><div class="feature-item"><h3>Our Community</h3><p>We are an open community. We welcome anyone looking for support, requesting features, or emulation discussion in general.</p></div></div></div></section><!-- About Section --><section id="about" class="about-section"><div class="container"><h2>About Us</h2><p>We are Stossy11 and Tech Guy - We're aiming to provide the best NX emulation possible for iOS/iPadOS.</p></div></section><!-- Footer --><footer><div class="container"><p>© 2024 Pomelo Emu. All rights reserved.</p></div></footer></body></html>