This commit is contained in:
roryjshelton 2023-05-06 18:36:07 +02:00
parent 152f22ee27
commit 3fb257e87c
2 changed files with 0 additions and 131 deletions

View File

@ -1,63 +0,0 @@
---
import React from "react";
import Grid from "dynamic-react-grid";
import "./FooterStyles.css";
---
<div class="justify-center bg-[black] list-none items-start pl-[5%];">
<div class="flex flex-row;" style={{ padding: 15 }}>
<Grid row spacing={1}>
<Grid>
<h6>
<div class="footer-logo"></div>
<ul>
<li class="footer-li">
<span class="footer-email"
></span>contact@lumeweb.com
</li>
<li>
<span class="footer-h2"
>Freedom, privacy, <br />ownership.</span
>
</li>
</ul>
</h6>
</Grid>
<Grid>
<h5 class="footer-padding">General</h5><br /><h6>
<li class="footer-li">Home</li>
<li class="footer-li">Get Started</li>
<li class="footer-li">Documentation</li>
<li class="footer-li">Projects</li>
</h6>
</Grid>
<Grid>
<h5 class="footer-padding">Community</h5><br /><h6>
<li class="footer-li">GitHub</li>
<li class="footer-li">Discord</li>
<li class="footer-li">Twitter</li>
<li class="footer-li">facebook</li>
</h6>
</Grid>
<Grid>
<h5 class="footer-padding">Other</h5><br /><h6>
<li class="footer-li">BrowserUniversal</li>
<li class="footer-li">Storage</li>
</h6>
</Grid>
<Grid>
<h5 class="footer-padding">Other</h5><br /><h6>
<li class="footer-li">BrowserUniversal</li>
<li class="footer-li">Storage</li>
</h6>
</Grid>
<Grid>
<h5 class="footer-padding">Support Us</h5><br /><h6>
<li class="footer-li">Donate</li>
<li class="footer-li">Download App</li>
<li class="footer-li">Partnerships</li>
</h6>
</Grid>
</Grid>
</div>
</div>

View File

@ -1,68 +0,0 @@
.footer-logo {
background-image: url('../../../assets/lume-logo.webp');
background-repeat: no-repeat;
background-size: contain;
margin-left: 5px;
height: 55px;
min-width: 150px;
display: inline-block;
text-align: left;
margin-inline: 5px;
margin-top: 3vh;
z-index: 998 !important;
}
.footer-email {
background-image: url('../../../assets/email-icon.webp');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
padding-inline: 10px;
margin-inline: 10px;
height: 14px;
object-fit: cover;
width: 17px;
}
.footer-column {
justify-content: center;
background-color: black;
list-style-type: none;
align-items: flex-start;
vertical-align: center;
padding-inline: 1%;
padding-left: 5%;
}
.footer-container {
display: flex;
flex-direction: row;
}
.footer-padding {
display: inline-block;
text-align: left;
font-family: var(--font-family-jaldi);
font-size: calc(15px + (21 - 10) * ((100vw - 300px) / (1600 - 300)));
margin-inline: 5px;
margin-top: 5vh;
}
.footer-li {
color: #808687;
font-family: var(--font-family-jaldi);
font-size: calc(10px + (21 - 10) * ((100vw - 300px) / (1600 - 300)));
font-weight: 100;
font-style: normal;
padding-left: 0;
line-height: 1px;
margin-inline: 5px;
}
.footer-h2 {
font-size: calc(15px + (25 - 10) * ((100vw - 300px) / (1600 - 300)));
color: var(--aquamarine);
line-height: 1vh;
z-index: 999;
}