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

chore: separate css style into an external stylesheet
ci / build (push) Failing after 4m10s
Details
Gitea Actions Demo / Explore-Gitea-Actions (push) Failing after 7m5s
Details

Browse Source
This commit is contained in:
izatwin
2024-06-18 22:45:43 -04:00
parent 6aeb2f8de1
commit feef861a68
7 changed files with 128 additions and 501 deletions
Download Patch File Download Diff File Expand all files Collapse all files
html/img/laf-airplane-with-logos.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 95 KiB

html/index.html
+1 -98
View File
@@ -5,104 +5,7 @@
<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>
<link rel="stylesheet" href="style.css">
</head>
<body>
html/pages/about.html
+1 -98
View File
@@ -5,104 +5,7 @@
<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>
<link rel="stylesheet" href="../style.css">
</head>
<body>
html/pages/blog.html
+1 -98
View File
@@ -5,104 +5,7 @@
<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>
<link rel="stylesheet" href="../style.css">
</head>
<body>
html/pages/faq.html
+1 -109
View File
@@ -5,115 +5,7 @@
<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>
<link rel="stylesheet" href="../style.css">
</head>
<body>
html/pages/gallery.html
+1 -98
View File
@@ -5,104 +5,7 @@
<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>
<link rel="stylesheet" href="../style.css">
</head>
<body>
html/style.css
+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;
}