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

change styling a bit
ci / build (push) Successful in 13s
Details
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 4s
Details

Browse Source
This commit is contained in:
izatwin
2024-04-27 14:40:11 -04:00
parent ce5de550dd
commit b585ad1b60
2 changed files with 91 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docker-compose.yml
+1 -1
View File
@@ -1,6 +1,6 @@
services: services:
flylaf: flylaf:
image: flylaf-image:v1.01 image: gitea.cheezers.org/izatwin/flylaf:latest
container_name: flylaf container_name: flylaf
restart: unless-stopped restart: unless-stopped
ports: ports:
html/index.html
+90 -49
View File
@@ -1,60 +1,101 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<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> <style>
/* Purdue-themed CSS styling */ /* Purdue-themed CSS styling */
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: #000; background-color: #000;
color: #FFF; color: #FFF;
} }
header { header {
background-color: #C59E55; /* Purdue Gold */ background-color: #C59E55; /* Purdue Gold */
color: #000; /* Black */ color: #000; /* Black */
padding: 20px; padding: 20px;
text-align: center; text-align: center;
font-size: 36px; font-size: 25px;
border-bottom: 5px solid #000000; border-bottom: 5px solid #000000;
} }
.container { .container {
max-width: 800px; max-width: 800px;
margin: 20px auto; margin: 20px auto;
padding: 0 20px; padding: 0 20px;
} }
.content { .content {
margin-top: 20px; margin-top: 20px;
} }
.highlight { .highlight {
color: #C59E55; /* Purdue Gold */ color: #C59E55; /* Purdue Gold */
font-weight: bold; font-weight: bold;
} }
.airplane-img { .airplane-img {
display: block; display: block;
margin: 0 auto; margin: 0 auto;
max-width: 100%; max-width: 100%;
} }
.sponsor { .sponsor {
text-align: center; text-align: center;
margin-top: 20px; margin-top: 20px;
} }
.sponsor img { .sponsor img {
max-width: 150px; max-width: 150px;
border-radius: 50%; border-radius: 50%;
margin-top: 10px; margin-top: 10px;
} }
</style>
/* 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>
<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> <header>
<h1>Fly LAF - Purdue University Airport ✈️</h1> <h1>Fly LAF - Purdue University Airport ✈️</h1>
<p>West Lafayette, IN</p> <p>West Lafayette, IN</p>
</header> </header>
<div class="container"> <div class="container">
<div class="content"> <div class="content">