mirror of
https://git.moonleay.net/Websites/liljudd-website.git
synced 2025-07-26 11:22:04 +02:00
feat: finished with html (pretty much) started with css
This commit is contained in:
parent
212d3a25a5
commit
2f112edb29
12 changed files with 141 additions and 58 deletions
|
@ -1,13 +1,11 @@
|
|||
import styles from "./wrapping_objects.module.css"
|
||||
|
||||
export function NavBar(){
|
||||
return(
|
||||
<nav className={styles.navMenu}>
|
||||
<img className={styles.logo} src={"https://static.moonleay.net/img/lilJuddWeb/logos/logox256.png"} alt={"The Bots Logo"}/>
|
||||
<a href={"/"} target={"_self"}>li'l Judd</a>
|
||||
<ul>
|
||||
<li>
|
||||
<a href={"/"} target={"_self"}>Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href={"/features"} target={"_self"}>Features</a>
|
||||
</li>
|
||||
|
@ -20,19 +18,27 @@ export function NavBar(){
|
|||
<li>
|
||||
<a href={"/about"} target={"_self"}>About</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href={"https://discord.com/api/oauth2/authorize?client_id=1024410658973941862&permissions=8&scope=bot"}
|
||||
target={"_blank"}>Invite to your Discord Server</a>
|
||||
</li>
|
||||
</ul>
|
||||
<a href={"https://discord.com/api/oauth2/authorize?client_id=1024410658973941862&permissions=8&scope=bot"} target={"_blank"}>Invite to your Discord Server</a>
|
||||
</nav>
|
||||
)
|
||||
}
|
||||
|
||||
export function Footer() {
|
||||
return (
|
||||
<footer>
|
||||
<img src={"https://static.moonleay.net/img/lilJuddWeb/lilJudd.png"} alt={"A cute Image of lil Judd <3"}/>
|
||||
<div>
|
||||
<table>
|
||||
<thead>
|
||||
<>
|
||||
<footer className={styles.footer}>
|
||||
<div className={styles.footerIcon}>
|
||||
<img className={styles.footerImage} src={"https://static.moonleay.net/img/lilJuddWeb/lilJudd.png"}
|
||||
alt={"A cute Image of lil Judd <3"}/>
|
||||
<p>li'l Judd</p>
|
||||
</div>
|
||||
<div className={styles.footerTable}>
|
||||
<table className={styles.table}>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>
|
||||
<p className={styles.fong}>Navigation</p>
|
||||
|
@ -47,8 +53,8 @@ export function Footer() {
|
|||
<p>Legal</p>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<a href={"/"} target={"_self"}>Home</a>
|
||||
|
@ -110,11 +116,14 @@ export function Footer() {
|
|||
<a href={"/about"} target={"_self"}>About</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<Notice/>
|
||||
</footer>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div className={styles.footerNotice}>
|
||||
<Notice/>
|
||||
</div>
|
||||
</footer>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue