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 { .reg-button {
background-color: var(--primary); display: inline-block;
color: var(--white); padding: 10px 20px;
padding: 10px; font-size: 16px;
border: none; text-align: center;
text-align: left; text-decoration: none;
font-size: 1rem; color: #000;
cursor: pointer; background-color: #f0f0f0;
border: 1px solid #ccc;
border-radius: 5px; 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 { footer {
@@ -164,7 +179,7 @@
</header> </header>
<div class="banner"> <div class="banner">
<img src="path-to-your-banner-image.jpg" alt="Banner Image"> <img src="nothing.jpg" alt="Banner Image">
</div> </div>
<section class="hero"> <section class="hero">
@@ -202,8 +217,10 @@
</section> </section>
<button class="reg-button"><a href="https://www.flightaware.com/live/findflight?origin=KLAF&amp;destination=KORD">Departures</a></button> <div class="button-container">
<button class="reg-button"><a href="https://www.flightaware.com/live/findflight?origin=KORD&amp;destination=KLAF">Arrivals</a></button> <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"> <section class="content" id="general">
<h3>General Information</h3> <h3>General Information</h3>