Merge pull request 'Modifications' (#3) from Gabubu/libreshop_website:main into main

Reviewed-on: libreshop/libreshop_website#3
This commit is contained in:
Emily Daemon 2023-08-28 18:02:48 +00:00
commit 54cc6f1cb9
4 changed files with 62 additions and 13 deletions

46
about/index.html Normal file
View File

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Varela+Round">
<link rel="stylesheet" href="../content/head/style.css">
<title>LibreShop</title>
<link rel="icon" type="image/x-icon" href="../content/head/logo_fav.png">
<meta content="LibreShop" property="og:title">
<meta content="LibreShop is an app that lets you download Homebrew apps onto your Wii." property="og:description">
<meta content="ADD THAT LATER - LINK EMBED" property="og:url">
<meta content="../content/head/logo_embed.png" property="og:image">
<meta content="#2a7589" data-react-helmet="true" name="theme-color">
</head>
<header>
<img src="../content/index/logo.png" style="height: 50px; padding-top: 15px; padding-left: 20px; padding-right: 20px;">
<a href="/" style="margin-top: auto; margin-bottom: auto;">Home</a>
<a href="/download" style="margin-top: auto; margin-bottom: auto;">Download</a>
<a href="/" style="margin-top: auto; margin-bottom: auto;">Wiki</a>
<a href="/about" style="margin-top: auto; margin-bottom: auto;">About</a>
</header>
<body>
<div class="content" style="padding-left: 3%;">
<h1>not yet:tm:</h1>
</div>
</body>
<footer>
<div class="grid-footer">
<div class="footer-item1"><p>This is a homebrew project in which it is not affiliated with Nintendo and all trademarks are the property of their respective owners. No copyright infringement intended.</p></div>
<div class="footer-item2">
<p style="text-align: right;"><span>&#169;</span> LibreShop - 2023</p>
<img src="../content/footer/socialmedia/sc01.png" style="padding-left: 0px; padding-right: 5px;">
<img src="../content/footer/socialmedia/sc01.png" style="padding-left: 0px; padding-right: 5px;">
<img src="../content/footer/socialmedia/sc01.png" style="padding-left: 0px; padding-right: 5px;">
<img src="../content/footer/socialmedia/sc01.png" style="padding-left: 0px; padding-right: 5px;">
<img src="../content/footer/socialmedia/sc01.png" style="padding-left: 0px; padding-right: 5px;">
<img src="../content/footer/socialmedia/sc01.png" style="padding-left: 0px; padding-right: 5px;">
<img src="../content/footer/socialmedia/sc01.png" style="padding-left: 0px; padding-right: 5px;">
<img src="../content/footer/socialmedia/sc01.png" style="padding-left: 0px; padding-right: 5px;">
<img src="../content/footer/socialmedia/sc01.png" style="padding-left: 0px; padding-right: 5px;">
<img src="../content/footer/socialmedia/sc01.png" style="padding-left: 0px; padding-right: 5px;">
</div>
</div>
</footer>
</html>

View File

@ -1,7 +1,10 @@
/* this whole funny thing is used on every .html page */
/* body, more like the background and font */
body {
margin: 0 auto;
min-height: 100vh;
margin: 0;
display: flex;
flex-direction: column;
font-family: "Varela Round", sans-serif;
background-color: #08171f;
background-image: url(../index/libreshop_bg.png);
@ -13,8 +16,8 @@ body {
/* the website's header */
header {
display: flex;
min-height: 80px;
padding: auto;
height: 80px;
gap: 5px;
background-color: #173e49;
}
@ -35,6 +38,7 @@ a:hover {
/* the website's body */
.content {
flex: 1;
margin: 0 auto;
padding-bottom: 25px;
width: 95%;
@ -185,8 +189,7 @@ a:hover {
/* footer */
footer {
position: relative;
min-height: 100%;
min-height: 80px;
overflow: hidden;
background-color: #245f71;
}
@ -247,4 +250,4 @@ code {
.latestdownload:hover {
background-color: #2b7c92;
color: white;
}
}

View File

@ -14,10 +14,10 @@
</head>
<header>
<img src="../content/index/logo.png" style="height: 50px; padding-top: 15px; padding-left: 20px; padding-right: 20px;">
<a href="../" style="margin-top: auto; margin-bottom: auto;">Home</a>
<a href="download.html" style="margin-top: auto; margin-bottom: auto;">Download</a>
<a href="" style="margin-top: auto; margin-bottom: auto;">Wiki</a>
<a href="" style="margin-top: auto; margin-bottom: auto;">About</a>
<a href="/" style="margin-top: auto; margin-bottom: auto;">Home</a>
<a href="/download" style="margin-top: auto; margin-bottom: auto;">Download</a>
<a href="/" style="margin-top: auto; margin-bottom: auto;">Wiki</a>
<a href="/about" style="margin-top: auto; margin-bottom: auto;">About</a>
</header>
<body>
<div class="content" style="padding-left: 3%;">
@ -60,4 +60,4 @@
</div>
</footer>
</html>

View File

@ -15,9 +15,9 @@
<header>
<img src="content/index/logo.png" style="height: 50px; padding-top: 15px; padding-left: 20px; padding-right: 20px;">
<a href="/" style="margin-top: auto; margin-bottom: auto;">Home</a>
<a href="download" style="margin-top: auto; margin-bottom: auto;">Download</a>
<a href="" style="margin-top: auto; margin-bottom: auto;">Wiki</a>
<a href="" style="margin-top: auto; margin-bottom: auto;">About</a>
<a href="/download" style="margin-top: auto; margin-bottom: auto;">Download</a>
<a href="/" style="margin-top: auto; margin-bottom: auto;">Wiki</a>
<a href="/about" style="margin-top: auto; margin-bottom: auto;">About</a>
</header>
<body>
<div class="content">