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

change style of arrival and departure buttons

Browse Source
This commit is contained in:
izatwin
2025-01-23 13:58:30 -05:00
parent 0def17724c
commit d28b6db1b4
1 changed files with 27 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
html/index.html
+27 -10
View File
@@ -114,14 +114,29 @@
}
.reg-button {
background-color: var(--primary);
color: var(--white);
padding: 10px;
border: none;
text-align: left;
font-size: 1rem;
cursor: pointer;
display: inline-block;
padding: 10px 20px;
font-size: 16px;
text-align: center;
text-decoration: none;
color: #000;
background-color: #f0f0f0;
border: 1px solid #ccc;
border-radius: 5px;
margin: 10px;
cursor: pointer;
}
/* Center the buttons */
.button-container {
display: flex;
justify-content: center;
align-items: center;
}
/* Adjust styling when link is visited */
.reg-button:visited {
color: #333; /* Change to a lighter text color */
}
footer {
@@ -164,7 +179,7 @@
</header>
<div class="banner">
<img src="path-to-your-banner-image.jpg" alt="Banner Image">
<img src="nothing.jpg" alt="Banner Image">
</div>
<section class="hero">
@@ -202,8 +217,10 @@
</section>
<button class="reg-button"><a href="https://www.flightaware.com/live/findflight?origin=KLAF&amp;destination=KORD">Departures</a></button>
<button class="reg-button"><a href="https://www.flightaware.com/live/findflight?origin=KORD&amp;destination=KLAF">Arrivals</a></button>
<div class="button-container">
<button class="reg-button"><a href="https://www.flightaware.com/live/findflight?origin=KLAF&amp;destination=KORD">Departures</a></button>
<button class="reg-button"><a href="https://www.flightaware.com/live/findflight?origin=KORD&amp;destination=KLAF">Arrivals</a></button>
</div>
<section class="content" id="general">
<h3>General Information</h3>