Merge pull request 'Creating FAQ Page' (#5) from arceus-patch-1 into main

Reviewed-on: #5

.dockerignore

@@ -0,0 +1,7 @@
+.git
+.gitignore
+Dockerfile*
+docker-compose*
+README.md
+LICENSE
+.vscode

.gitea/workflows/build.yml

@@ -0,0 +1,24 @@
+name: ci
+run-name: Build a new container version
+on: 
+  push:
+    branches: [main]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    container: catthehacker/ubuntu:act-latest
+    steps:
+      # - name: Set up Docker
+      #   uses: crazy-max/ghaction-setup-docker@v3
+      - name: Login to Gitea Container Registry
+        uses: docker/login-action@v3
+        with:
+          registry: gitea.cheezers.org
+          username: ${{ secrets.USERNAME }}
+          password: ${{ secrets.PASSWORD }}
+      - name: Build and push
+        uses: docker/build-push-action@v5
+        with:
+          push: true
+          tags: gitea.cheezers.org/${{ gitea.repository }}:latest

.gitea/workflows/demo.yml

@@ -0,0 +1,19 @@
+name: Gitea Actions Demo
+run-name: ${{ gitea.actor }} is testing out Gitea Actions 🚀
+on: [push]
+
+jobs:
+  Explore-Gitea-Actions:
+    runs-on: ubuntu-latest
+    steps:
+      - run: echo "The job was automatically triggered by a ${{ gitea.event_name }} event."
+      - run: echo "This job is now running on a ${{ runner.os }} server hosted by Gitea!"
+      - run: echo "The name of your branch is ${{ gitea.ref }} and your repository is ${{ gitea.repository }}."
+      - name: Check out repository code
+        uses: actions/checkout@v3
+      - run: echo "The ${{ gitea.repository }} repository has been cloned to the runner."
+      - run: echo "The workflow is now ready to test your code on the runner."
+      - name: List files in the repository
+        run: |
+          ls ${{ gitea.workspace }}
+      - run: echo "This job's status is ${{ job.status }}."

Dockerfile

@@ -0,0 +1,2 @@
+FROM nginx
+COPY . /usr/share/nginx

docker-compose.yml

@@ -0,0 +1,7 @@
+services:
+  flylaf:
+    image: gitea.cheezers.org/izatwin/flylaf:latest
+    container_name: flylaf
+    restart: unless-stopped
+    ports:
+      - 8080:80

html/faq.html

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>FAQ Page</title>
+    <style>
+        /* Add your CSS styles here */
+        .question {
+            font-weight: bold;
+            cursor: pointer;
+        }
+        .answer {
+            display: none;
+            margin-left: 20px;
+        }
+    </style>
+</head>
+<body>
+    <h1>Frequently Asked Questions</h1>
+    
+    <div class="faq-item">
+        <div class="question">Question 1: What is Lorem Ipsum?</div>
+        <div class="answer">Answer: Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
+    </div>
+
+    <div class="faq-item">
+        <div class="question">Question 2: Why do we use it?</div>
+        <div class="answer">Answer: It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</div>
+    </div>
+
+    <!-- Add more FAQ items as needed -->
+
+    <script>
+        // JavaScript to toggle the visibility of answers
+        const questions = document.querySelectorAll('.question');
+        
+        questions.forEach(question => {
+            question.addEventListener('click', () => {
+                const answer = question.nextElementSibling;
+                answer.style.display = (answer.style.display === 'block') ? 'none' : 'block';
+            });
+        });
+    </script>
+</body>
+</html>

html/index.html

@@ -0,0 +1,128 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>LAF - Purdue University Airport ✈️</title>
+<style>
+/* Purdue-themed CSS styling */
+body {
+font-family: Arial, sans-serif;
+margin: 0;
+padding: 0;
+background-color: #000;
+color: #FFF;
+}
+header {
+background-color: #C59E55; /* Purdue Gold */
+color: #000; /* Black */
+padding: 20px;
+text-align: center;
+font-size: 25px;
+border-bottom: 5px solid #000000;
+}
+.container {
+max-width: 800px;
+margin: 20px auto;
+padding: 0 20px;
+}
+.content {
+margin-top: 20px;
+}
+.highlight {
+color: #C59E55; /* Purdue Gold */
+font-weight: bold;
+}
+.airplane-img {
+display: block;
+margin: 0 auto;
+max-width: 100%;
+}
+.sponsor {
+text-align: center;
+margin-top: 20px;
+}
+.sponsor img {
+max-width: 150px;
+border-radius: 50%;
+margin-top: 10px;
+}
+
+/* New navigation bar styles */
+nav {
+  background-color: #C59E55; /* Purdue Gold */
+  color: #000; /* Black */
+  padding: 10px;
+  display: flex; /* Make items horizontal */
+  justify-content: space-between; /* Evenly distribute items */
+}
+
+nav ul {
+  list-style: none; /* Remove bullet points */
+  margin: 0; /* Remove default margin */
+  padding: 0; /* Remove default padding */
+}
+
+nav li {
+  display: inline-block; /* Make items inline */
+  margin-right: 20px; /* Add space between menu items */
+}
+
+nav li a {
+  color: #FFF; /* White text color */
+  text-decoration: none; /* Remove underline */
+  font-weight: bold;
+  font-size: 25px; /* Increased menu item font size */
+}
+
+nav li a:hover {
+  color: #000; /* Black on hover */
+}
+</style>
+</head>
+<body>
+  <nav>
+    <ul>
+      <li><a href="#">Home</a></li>
+      <li><a href="#">Airline Flights</a></li>
+      <li><a href="#">About LAF</a></li>
+      <li><a href="#">FAQ</a></li>
+      <li><a href="#">Gallery</a></li>
+      <li><a href="#">Blog</a></li>
+    </ul>
+  </nav>
+
+  <header>
+    <h1>Fly LAF - Purdue University Airport ✈️</h1>
+    <p>West Lafayette, IN</p>
+  </header>
+
+<div class="container">
+    <div class="content">
+        <h2>Airline flights starting on May 15!</h2>
+        <p>Take advantage of a short drive, cheap and convenient parking, and speedy check-in and security by flying LAF!</p>
+        <p>Our airport is designed to elevate your educational experience with <span class="highlight">innovative</span> features:</p>
+        <ul>
+            <li>📚 Located on Purdue University's campus!</li>
+            <li>🔬 5 minutes from downtown Lafayette</li>
+            <li>🎓 Cheap and convenient parking and public transportation</li>
+            <li>🌱 Extremely quick check-in and security!</li>
+            <li>🚀 Supporting local business</li>
+        </ul>
+        <h3>Flight to Chicago!</h3>
+        <p>Starting May 15th, Purdue Airport offers daily flights to Chicago. Take advantage of this convenient service to reach your destination quickly and comfortably.</p>
+        <p>Terminal Location: 1501 Aviation Drive, West Lafayette, IN 47907</p>
+        <p>Open daily: 5 a.m. to 10 p.m.</p>
+        <p><span class="highlight">Flying local</span> means major savings on parking and transportation, with lower rates than other airports in the region.</p>
+        <img src="img/FlightInformation-BookYourFlight.jpg" alt="Flight Information" class="airplane-img">
+        <div class="sponsor">
+            <p>This website is sponsored by Adam Baxmeyer Fan Club.</p>
+        </div>
+        <p>We hope to see you at LAF for your next flight!!</p>
+        <p>NOTE: This website is not affiliated with Purdue University, the Purdue University Airport, or Southern Airways Express. See www.purdue.edu/airport for more information.</p>
+
+    </div>
+</div>
+
+</body>
+</html>