Compare commits

...
2 Commits
Author SHA1 Message Date
izatwin feef861a68 chore: separate css style into an external stylesheet
ci / build (push) Failing after 4m10s
Gitea Actions Demo / Explore-Gitea-Actions (push) Failing after 7m5s
2024-06-18 22:45:43 -04:00
izatwin 6aeb2f8de1 feat: update flights page 2024-06-18 22:45:14 -04:00
9 changed files with 137 additions and 605 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 95 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

+1 -98
View File
@@ -5,104 +5,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LAF - Purdue University Airport ✈️</title> <title>LAF - Purdue University Airport ✈️</title>
<style> <link rel="stylesheet" href="style.css">
/* 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> </head>
<body> <body>
+1 -98
View File
@@ -5,104 +5,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About | LAF - Purdue University Airport ✈️</title> <title>About | LAF - Purdue University Airport ✈️</title>
<style> <link rel="stylesheet" href="../style.css">
/* 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> </head>
<body> <body>
+1 -98
View File
@@ -5,104 +5,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog | LAF - Purdue University Airport ✈️</title> <title>Blog | LAF - Purdue University Airport ✈️</title>
<style> <link rel="stylesheet" href="../style.css">
/* 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> </head>
<body> <body>
+1 -109
View File
@@ -5,115 +5,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FAQ | LAF - Purdue University Airport ✈️</title> <title>FAQ | LAF - Purdue University Airport ✈️</title>
<style> <link rel="stylesheet" href="../style.css">
/* 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> </head>
<body> <body>
+9 -104
View File
@@ -5,104 +5,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flights | LAF - Purdue University Airport ✈️</title> <title>Flights | LAF - Purdue University Airport ✈️</title>
<style> <link rel="stylesheet" href="../style.css">
/* 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> </head>
<body> <body>
@@ -127,12 +30,14 @@
<p>Southern Airways Express has several daily flights between the Purdue Airport and Chicago’s O’Hare <p>Southern Airways Express has several daily flights between the Purdue Airport and Chicago’s O’Hare
Airport (ORD). Airport (ORD).
</p> </p>
<p>As a partner of American Airlines, United Airlines, and Alaskan Airlines, passengers can book flights to <button class="big-button">
and from <a href="https://www.google.com/travel/flights?tfs=CBwQARoJagcIARIDTEZUQAFIAXABggELCP___________wGYAQI&tfu=KgIIAg" style="color: white; text-decoration: none;">Search Flights</a>
LAF directly on AA.com, United.com, and Alaskaair.com! By booking directly with those airlines, you can </button>
get one <p>As a partner of American Airlines, United Airlines, and Alaskan Airlines, passengers can book flights
ticket from LAF to your final destination- meaning that checked bags will be sent through to your final to and from LAF directly on <a href=https://aa.com>AA.com</a>, <a href=https://www.united.com>United.com</a>, and <a href=https://www.alaskaair.com>Alaskaair.com</a>!
destination.</p> 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>
<img src="../img/southern_plane.jpg" alt="Southern Airplane" class="airplane-img">
<p>Alternatively, you can book the flight between LAF and ORD separately from your flight to or from <p>Alternatively, you can book the flight between LAF and ORD separately from your flight to or from
Chicago’s Chicago’s
O’hare. This can give you access to cheaper fares on various airlines that fly to Chicago, while still O’hare. This can give you access to cheaper fares on various airlines that fly to Chicago, while still
+1 -98
View File
@@ -5,104 +5,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gallery | LAF - Purdue University Airport ✈️</title> <title>Gallery | LAF - Purdue University Airport ✈️</title>
<style> <link rel="stylesheet" href="../style.css">
/* 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> </head>
<body> <body>
+123
View File
@@ -0,0 +1,123 @@
/* 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;
}
.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;
}