Altitude/SiteFrontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed footer, messed with some colors. Wasted time on a failed attempted at a darkmode switch

Browse Source
This commit is contained in:
Peter
2024-01-14 21:05:13 +01:00
parent e967a42423
commit 3baee7f8e5
7 changed files with 260 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/contact_form/Contact.css
-4
View File
@@ -46,8 +46,4 @@ input[type="submit"] {
button[disabled],
input[type="submit"][disabled] {
background-color: #ccc;
}
#footer{
padding-bottom: 0 !important;
}
src/components/footer/Footer.css
+14 -2
View File
@@ -3,6 +3,15 @@ footer {
transition: 0.5s ease;
}
ul {
padding: 0px;
}
a {
text-decoration: none;
color: var(--link-color);
}
#footer {
padding: 80px 0;
width: 80%;
@@ -33,14 +42,14 @@ footer {
footer ul, footer p {
list-style: none;
font-size: 0.9em;
color: rgb(168, 168, 168);
color: var(--font-color);
font-family: 'opensans',sans-serif;
}
footer h2 {
margin-bottom: 10px;
font-size: 1.3em;
color: var(--white);
color: var(--font-color);
}
#copyright {
@@ -49,6 +58,9 @@ footer h2 {
.followus {
padding-top: 15px;
height: 35px;
display: flex;
align-items: flex-end;
}
.followus img {
src/components/footer/footer.tsx
+9 -9
View File
@@ -10,17 +10,17 @@ const Footer: FC = () => {
<div id="footerinner">
<div id="footertext">
<h2>ABOUT US</h2>
<p>Altitude is a community-centered {version} version survival server. We're one of those
<p>Altitude is a community-centered {version} survival server. We're one of those
servers you come to call "home". We are your place to get together with friends and play
survival, with a few extra features suggested by our community!</p>
<div className="followus">
<a target="_blank" rel="noopener" href="https://discordapp.com/invite/TGqpzCJ">
<a target="_blank" rel="noreferrer" href="https://discordapp.com/invite/TGqpzCJ">
<img src="https://alttd.com//assets/img/logos/discord.png" alt="Discord Button"/>
</a>
<a target="_blank" rel="noopener" href="https://twitter.com/alttdmc">
<a target="_blank" rel="noreferrer" href="https://twitter.com/alttdmc">
<img src="https://alttd.com//assets/img/logos/twitter.png" alt="Twitter Button"/>
</a>
<a target="_blank" rel="noopener" href="https://instagram.com/alttdmc">
<a target="_blank" rel="noreferrer" href="https://instagram.com/alttdmc">
<img src="https://alttd.com/assets/img/logos/instagram.png" alt="Instagram Button"/>
</a>
</div>
@@ -28,13 +28,13 @@ const Footer: FC = () => {
<div className="footernav">
<h2>COMMUNITY</h2>
<ul>
<li><a target="_blank" rel="noopener"
<li><a target="_blank" rel="noreferrer"
href="https://discordapp.com/invite/TGqpzCJ">Discord</a></li>
<li><a target="_blank" rel="noopener" href="https://alttd.com/blog">Blog</a></li>
<li><a target="_blank" rel="noopener" href="https://twitter.com/alttdmc">Twitter</a></li>
<li><a target="_blank" rel="noopener" href="https://instagram.com/alttdmc">Instagram</a>
<li><a target="_blank" rel="noreferrer" href="https://alttd.com/blog">Blog</a></li>
<li><a target="_blank" rel="noreferrer" href="https://twitter.com/alttdmc">Twitter</a></li>
<li><a target="_blank" rel="noreferrer" href="https://instagram.com/alttdmc">Instagram</a>
</li>
<li><a target="_blank" rel="noopener" href="https://reddit.com/r/alttd">Reddit</a></li>
<li><a target="_blank" rel="noreferrer" href="https://reddit.com/r/alttd">Reddit</a></li>
</ul>
</div>
<div className="footernav">
src/components/home/home.tsx
+2 -2
View File
@@ -9,8 +9,8 @@ const Home: FunctionComponent = () => {
<meta name="Forms home page" content="The home page for all Altitude forms"/>
</Helmet>
<header className="App-header">
<p>Welcome to the Altitude forms page</p>
<a href="/contact">Contact us.</a>
<h1>Welcome to the Altitude forms page</h1>
<h2><a href="/contact">Contact us.</a></h2>
</header>
</div>
);