chore: moved to pnpm, improved footer
This commit is contained in:
parent
4caf4eede9
commit
3fa345888a
7 changed files with 992 additions and 93 deletions
0
app/contact/page.module.css
Normal file
0
app/contact/page.module.css
Normal file
9
app/contact/page.tsx
Normal file
9
app/contact/page.tsx
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
export default function Contact() {
|
||||
return (
|
||||
<section>
|
||||
<h1>Contact</h1>
|
||||
<p>EMail: <a href={"mailto:contact@moonleay.net"}>contact@moonleay.net</a></p>
|
||||
<p>Discord: <a>@moonleay</a></p>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
5
app/home.module.css
Normal file
5
app/home.module.css
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
.section {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
}
|
||||
|
|
@ -1,10 +1,10 @@
|
|||
import {Footer, NavBar, Notice} from "@/app/util/wrapping_objects";
|
||||
//import Image from "@/app/test/page";
|
||||
import styles from "./home.module.css";
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<>
|
||||
<section>
|
||||
<section className={styles.section}>
|
||||
<h1>li'l Judd</h1>
|
||||
<h5>The competetive Splatoon Bot</h5>
|
||||
<p>Improve your competitive Splatoon experience!</p>
|
||||
|
|
|
|||
|
|
@ -66,11 +66,22 @@
|
|||
}
|
||||
|
||||
.footerTable {
|
||||
margin: 10px 50px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 20px 0;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.footerTable h3 {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.footerLinks {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
|
||||
.table {
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
|
|
@ -85,18 +96,18 @@
|
|||
padding: 4px 7px;
|
||||
}
|
||||
|
||||
.table a {
|
||||
.footerLinks a {
|
||||
position: relative;
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.table a:hover {
|
||||
.footerLinks a:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
|
||||
.table a::before {
|
||||
.footerLinks a::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
|
|
@ -104,13 +115,14 @@
|
|||
height: 2px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: #ffffff;
|
||||
transform: scaleX(0);
|
||||
transform-origin: left;
|
||||
background-color: #ffffff;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
|
||||
.table a:hover::before {
|
||||
.footerLinks a:hover::before {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
|
|
@ -118,7 +130,7 @@
|
|||
.footer {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||
column-gap: 5px;
|
||||
column-gap: 0px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@ export function NavBar(){
|
|||
</li>
|
||||
<li className={styles.navElem}>
|
||||
<a href={"https://discord.com/api/oauth2/authorize?client_id=1024410658973941862&permissions=8&scope=bot"}
|
||||
target={"_blank"}>Invite to your Discord Server</a>
|
||||
target={"_blank"}>Invite to your server</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
|
@ -44,87 +44,44 @@ export function Footer() {
|
|||
<p className={styles.footerImageNote}>Your competitive Splatoon assistant.</p>
|
||||
</div>
|
||||
<div className={styles.footerTable}>
|
||||
<table className={styles.table}>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>
|
||||
<p className={styles.fong}>Navigation</p>
|
||||
</th>
|
||||
<th>
|
||||
<p>The Software</p>
|
||||
</th>
|
||||
<th>
|
||||
<p>More</p>
|
||||
</th>
|
||||
<th>
|
||||
<p>Legal</p>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<a href={"/"} target={"_self"}>Home</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href={"https://git.moonleay.net/DiscordBots/lilJudd"} target={"_blank"}>The Bot Code</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href={"https://moonleay.net/"} target={"_self"}>My homepage</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href={"/imprint"} target={"_self"}>Imprint</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href={"/features"} target={"_self"}>Features</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href={"https://git.moonleay.net/Websites/liljudd-website"} target={"_blank"}>The Website Code</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href={"https://moonleay.net/blog/"} target={"_blank"}>My blog</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href={"/privacy-policy"} target={"_self"}>Privacy Policy</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href={"/how-do-i"} target={"_self"}>How do I...?</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href={"/acknowledgements"} target={"_self"}>Acknowledgements</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href={"/contact"} target={"_self"}>Contact me</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href={"/terms-of-service"} target={"_self"}>Terms of Service</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href={"/stack"} target={"_self"}>The Stack</a>
|
||||
</td>
|
||||
<td>
|
||||
|
||||
</td>
|
||||
<td>
|
||||
<a href={"https://up.moonleay.net/"} target={"_blank"}>Uptime Status</a>
|
||||
</td>
|
||||
<td>
|
||||
<a href={"https://git.moonleay.net/DiscordBots/lilJudd/src/branch/master/LICENSE"} target={"_blank"}>The license</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href={"/about"} target={"_self"}>About</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div>
|
||||
<h3 className={styles.fong}>Navigation</h3>
|
||||
<div className={styles.footerLinks}>
|
||||
<a href={"/"} target={"_self"}>Home</a>
|
||||
<a href={"/features"} target={"_self"}>Features</a>
|
||||
<a href={"/how-do-i"} target={"_self"}>How do I...?</a>
|
||||
<a href={"/stack"} target={"_self"}>The Stack</a>
|
||||
<a href={"/about"} target={"_self"}>About</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className={styles.fong}>The Software</h3>
|
||||
<div className={styles.footerLinks}>
|
||||
<a href={"https://git.moonleay.net/DiscordBots/lilJudd"} target={"_blank"}>The Bot Code</a>
|
||||
<a href={"https://git.moonleay.net/Websites/liljudd-website"} target={"_blank"}>The Website
|
||||
Code</a>
|
||||
<a href={"/acknowledgements"} target={"_self"}>Acknowledgements</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className={styles.fong}>More</h3>
|
||||
<div className={styles.footerLinks}>
|
||||
<a href={"https://moonleay.net/"} target={"_self"}>My homepage</a>
|
||||
<a href={"https://moonleay.net/blog/"} target={"_blank"}>My blog</a>
|
||||
<a href={"/contact"} target={"_self"}>Contact me</a>
|
||||
<a href={"https://up.moonleay.net/"} target={"_blank"}>Uptime Status</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className={styles.fong}>Legal</h3>
|
||||
<div className={styles.footerLinks}>
|
||||
<a href={"/imprint"} target={"_self"}>Imprint</a>
|
||||
<a href={"/privacy-policy"} target={"_self"}>Privacy Policy</a>
|
||||
<a href={"/terms-of-service"} target={"_self"}>Terms of Service</a>
|
||||
<a href={"https://git.moonleay.net/DiscordBots/lilJudd/src/branch/master/LICENSE"}
|
||||
target={"_blank"}>The license</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Notice/>
|
||||
</footer>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue