izatwin/flylaf
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: izatwin/flylaf:main
Branches Tags
izatwin/flylaf:main
..
compare: izatwin/flylaf:fe7e994c281664ee2c01a8b730f501e0157ea1b9
Branches Tags
izatwin/flylaf:main
18 Commits
main .. fe7e994c28
Author SHA1 Message Date
izatwin fe7e994c28 code formatting changes and alignment of text on the FAQ page and flights page
ci / build (push) Successful in 12s
Details
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 4s
Details
2024-05-12 12:20:58 -04:00
izatwin 2088b1fdb5 add gitignore 
start with ignoring .vscode folder
 2024-05-12 12:20:01 -04:00
izatwin a5f18c281d added several pages
ci / build (push) Successful in 11s
Details
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 4s
Details 
added about, blog, flights, gallery
 2024-05-12 12:04:50 -04:00
izatwin 3c8bdcbc18 Merge pull request 'Update html/faq.html' (#6) from arceus-patch-2 into main
ci / build (push) Successful in 13s
Details
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 4s
Details 
Reviewed-on: #6
 2024-05-12 10:11:55 -04:00
izatwin 569de48de1 Merge pull request 'Creating FAQ Page' (#5) from arceus-patch-1 into main
Gitea Actions Demo / Explore-Gitea-Actions (push) Waiting to run
Details
ci / build (push) Has been cancelled
Details 
Reviewed-on: #5
 2024-05-12 10:11:25 -04:00
arceus d96836deaa Update html/faq.html
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 3s
Details
2024-05-06 17:17:53 -04:00
arceus cda716c3f7 Creating FAQ Page
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 4s
Details 
Created a very basic FAQ page with no information, using Chat GPT
 2024-05-06 17:11:34 -04:00
izatwin b585ad1b60 change styling a bit
ci / build (push) Successful in 13s
Details
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 4s
Details
2024-04-27 14:40:11 -04:00
izatwin ce5de550dd add correct registry
ci / build (push) Successful in 16s
Details
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 4s
Details
2024-04-25 23:31:42 -04:00
izatwin 5c1a4c0a42 change container
ci / build (push) Failing after 23s
Details
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 4s
Details
2024-04-25 23:30:05 -04:00
izatwin 5626144741 add docker install
ci / build (push) Failing after 14s
Details
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 3s
Details
2024-04-25 23:23:52 -04:00
izatwin 96b14c21f9 correct urls
ci / Say-hello (push) Failing after 17s
Details
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 4s
Details
2024-04-25 23:11:08 -04:00
izatwin 9f3ece5a48 build container action
ci / Say-hello (push) Failing after 18s
Details
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 4s
Details
2024-04-25 23:07:49 -04:00
izatwin c4c4a5cc71 new gitea action
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 3s
Details
Build new container / Say-hello (pull_request) Successful in 4s
Details
2024-04-25 13:17:35 -04:00
izatwin 3f9fda99cc actions commit
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 10s
Details
2024-04-24 23:11:24 -04:00
izatwin 749714f99d added docker bits 2024-04-24 23:00:02 -04:00
izatwin 83682c41fd no dani 2024-04-24 22:47:24 -04:00
izatwin 4ab2f33628 add the basic html 2024-04-24 22:46:53 -04:00
19 changed files with 857 additions and 175 deletions
Expand all files Collapse all files
.dockerignore
Executable → Regular
View File
.gitea/workflows/build.yml
Executable → Regular
View File
.gitea/workflows/demo.yml
+19
View File
@@ -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 }}."
.gitignore
Executable → Regular
View File
.vscode/settings.json
Vendored
-6
View File
@@ -1,6 +0,0 @@
{
"cSpell.words": [
"Alaskaair",
"Baxmeyer"
]
}
Dockerfile
Executable → Regular
View File
README.md
Executable → Regular
View File
docker-compose.yml
Executable → Regular
View File
html/img/600px-Garfaganda.jpeg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

html/img/CFJ6136.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

html/img/FlightInformation-BookYourFlight.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 81 KiB

html/img/wide-southern-plane.JPG
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 762 KiB

html/index.html
+138 -34
View File
@@ -1,55 +1,159 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="refresh" content="10;url=https://purdue.edu/airport" />
<title>FlyLAF</title>
<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: sans-serif;
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;
padding: 50px;
background-color: #f9f9f9;
font-size: 25px;
border-bottom: 5px solid #000000;
}
.container {
max-width: 500px;
margin: auto;
background: white;
padding: 2rem;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
max-width: 800px;
margin: 20px auto;
padding: 0 20px;
}
.info-bubble {
background-color: #003366;
color: white;
padding: 1rem;
margin-top: 1.5rem;
border-radius: 8px;
.content {
margin-top: 20px;
}
.highlight {
color: #C59E55;
/* Purdue Gold */
font-weight: bold;
}
.info-bubble a {
color: #add8ff;
text-decoration: underline;
.airplane-img {
display: block;
margin: 0 auto;
max-width: 100%;
}
a {
color: #0073e6;
.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="index.html">Home</a></li>
<li><a href="./pages/flights.html">Airline Flights</a></li>
<li><a href="./pages/about.html">About LAF</a></li>
<li><a href="./pages/faq.html">FAQ</a></li>
<li><a href="./pages/gallery.html">Gallery</a></li>
<li><a href="./pages/blog.html">Blog</a></li>
</ul>
</nav>
<header>
<h1>Fly LAF - Purdue University Airport ✈️</h1>
<p>West Lafayette, IN</p>
</header>
<div class="container">
<h1>Support LAF's new Airline Flights!</h1>
<p>You are being redirected to the <strong>Purdue University Airport</strong> website.</p>
<p>This page will redirect in 10 seconds.</p>
<p>If you are not redirected, <a href="https://purdue.edu/airport">click here</a>.</p>
<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 class="info-bubble">
✈️ <a href="https://www.united.com/en/us" target="_blank">Book LAF Flights on United.com</a>
</div>
<hr />
<p>Contact: <a href="mailto:[email protected]">[email protected]</a></p>
</div>
</body>
</html>
</html>
html/pages/about.html
+127
View File
@@ -0,0 +1,127 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About | 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="../index.html">Home</a></li>
<li><a href="./flights.html">Airline Flights</a></li>
<li><a href="./about.html">About LAF</a></li>
<li><a href="./faq.html">FAQ</a></li>
<li><a href="./gallery.html">Gallery</a></li>
<li><a href="./blog.html">Blog</a></li>
</ul>
</nav>
<header>
<h1>Fly LAF - Purdue University Airport ✈️</h1>
<p>West Lafayette, IN</p>
</header>
</body>
</html>
html/pages/blog.html
+126
View File
@@ -0,0 +1,126 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog | 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="../index.html">Home</a></li>
<li><a href="./flights.html">Airline Flights</a></li>
<li><a href="./about.html">About LAF</a></li>
<li><a href="./faq.html">FAQ</a></li>
<li><a href="./gallery.html">Gallery</a></li>
<li><a href="./blog.html">Blog</a></li>
</ul>
</nav>
<header>
<h1>Fly LAF - Purdue University Airport ✈️</h1>
<p>West Lafayette, IN</p>
</header>
</body>
</html>
html/pages/faq.html
+171
View File
@@ -0,0 +1,171 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FAQ | LAF - Purdue University Airport ✈️</title>
<style>
/* Add your CSS styles here */
.question {
font-weight: bold;
cursor: pointer;
}
.answer {
display: none;
margin-left: 20px;
}
/* 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="../index.html">Home</a></li>
<li><a href="./flights.html">Airline Flights</a></li>
<li><a href="./about.html">About LAF</a></li>
<li><a href="./faq.html">FAQ</a></li>
<li><a href="./gallery.html">Gallery</a></li>
<li><a href="./blog.html">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">
<h1>Frequently Asked Questions</h1>
<div class="faq-item">
<div class="question">Question 1: Is the Purdue University Airport (LAF) open to the public?</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: What airlines fly to the Purdue Airport?</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>
</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/pages/flights.html
+149
View File
@@ -0,0 +1,149 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flights | 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="../index.html">Home</a></li>
<li><a href="./flights.html">Airline Flights</a></li>
<li><a href="./about.html">About LAF</a></li>
<li><a href="./faq.html">FAQ</a></li>
<li><a href="./gallery.html">Gallery</a></li>
<li><a href="./blog.html">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">
<p>Southern Airways Express has several daily flights between the Purdue Airport and Chicago’s O’Hare
Airport (ORD).
</p>
<p>As a partner of American Airlines, United Airlines, and Alaskan Airlines, passengers can book flights to
and from
LAF directly on AA.com, United.com, and Alaskaair.com! By booking directly with those airlines, you can
get one
ticket from LAF to your final destination- meaning that checked bags will be sent through to your final
destination.</p>
<p>Alternatively, you can book the flight between LAF and ORD separately from your flight to or from
Chicago’s
O’hare. This can give you access to cheaper fares on various airlines that fly to Chicago, while still
enjoying
the convenience and speed of the Purdue Airport.</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>
html/pages/gallery.html
+127
View File
@@ -0,0 +1,127 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gallery | 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="../index.html">Home</a></li>
<li><a href="./flights.html">Airline Flights</a></li>
<li><a href="./about.html">About LAF</a></li>
<li><a href="./faq.html">FAQ</a></li>
<li><a href="./gallery.html">Gallery</a></li>
<li><a href="./blog.html">Blog</a></li>
</ul>
</nav>
<header>
<h1>Fly LAF - Purdue University Airport ✈️</h1>
<p>West Lafayette, IN</p>
</header>
</body>
</html>
html/style.css
-135
View File
@@ -1,135 +0,0 @@
/* 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 */
}
.question {
font-weight: bold;
cursor: pointer;
color: #C59E55;
}
.answer {
display: none;
margin-left: 20px;
}
.big-button {
display: inline-block;
padding: 20px 40px;
font-size: 24px;
color: white;
background-color: #99adc2;
border: none;
border-radius: 5px;
text-align: center;
text-decoration: none;
cursor: pointer;
}
.big-button:hover {
background-color: #C59E55;
}
.button-container {
display: grid;
grid-template-columns: auto auto;
justify-content: center;
align-items: center;
gap: 10px;
/* Adjust the gap between buttons as needed */
height: 10vh;
/* Full viewport height to center vertically */
}