Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Bismarck website #43

Merged
merged 6 commits into from
May 14, 2024
Merged

Bismarck website #43

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
eb684e9
Added base website code
johndavedosn May 7, 2024
e0c1678
Used github pages's expected name
johndavedosn May 7, 2024
30a08e7
Fixed some typos and added more responsiveness
johndavedosn May 10, 2024
eba19aa
Added gets tarted section and footer
johndavedosn May 14, 2024
a79e1c3
Merge branch 'Panini-Devs:main' into main
johndavedosn May 14, 2024
b8ee75b
Used a desctipion meta tag to improve SEO
johndavedosn May 14, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
158 changes: 158 additions & 0 deletions docs/CSS/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,158 @@
p{
font-family: "Roboto", sans-serif;
}
h2, h1, h3 {
font-family: "Open sans", sans-serif;
}
.hdr {
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between;
position: fixed;
background-color: #f8f8f8;

width: 100%;
top: 0;
right: 0;
left: 0;
border-bottom: 1.7px solid gray;
}
.hdr h2 {
padding-left: 50px;
}
.hdr nav {
padding-left: 600px;
}
body {
background-color: #f8f8f8;
color: black;
}
.hdr a {
color: black;
text-decoration: none;
font-family: "Roboto", sans-serif;
padding-right: 15px;
}
.main {
margin-top: 200px;
}

.gradient-underline {
background-image: linear-gradient(to right, lime, lightblue, blue);
background-size: 100% 2px;
background-repeat: no-repeat;
background-position: bottom;
}

.grid-of-4 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.grid-of-4 i {
font-size: 130px;
padding-top: 30px;
}
.feature {
border-radius: 10px;
}
.feature img {
padding-top: 20px;
}

.dropbtn {
background-color: #f8f8f8;
color: black;
padding: 16px;
font-size: 16px;
border: none;
display: none;
}

.dropdown {
position: relative;
display: inline-block;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}

.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}

.dropdown-content a:hover {
background-color: #ddd;
}

.dropdown:hover .dropdown-content {
display: block;
padding-right: 20px;
}

.dropdown:hover .dropbtn {
background-color: lightgrey;
}

@media screen and (max-width: 850px) {
.grid-of-4 {
display: flex;
flex-direction: column;
}
.hdr nav {
display: none;
}
.dropbtn {
display: block;
}
.hdr h2 {
padding-right: 200px;
}
}
.gsbtn {
background-color: green;
color: white;
height: 50px;
width: 100px;
box-shadow: 4px 4px 20px 4px grey;
cursor: pointer;
}
.gsbtn:hover {
background-color: rgb(5, 72, 5);
}


body, html {
height: 100%;
margin: 0;
}
.footer {
right: 0;
left: 0;
background-color: black;
margin-bottom: -200px;
color: white;
height: 100px;
display: flex;
flex-direction: column;
margin-top: 20px;
align-items: center;
}
.footer a {
color: white;
text-decoration: none;
padding-right: 50px;
}
.footer nav{
padding-left: 40px;
}
4 changes: 4 additions & 0 deletions docs/JS/main.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
document.getElementById("gsbtn").addEventListener("click", () => {
window.location.href = "https://github.com/Panini-Devs/bismarck"
})

92 changes: 92 additions & 0 deletions docs/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,92 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Biasmark bot - home</title>
<meta name="description" content="Bismarck is an open-source bot made with the Rust <br>
programming language and can adapt to all hosting options!">
<!-- fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<!-- Main CSS -->
<link rel="stylesheet" href="CSS/style.css">
<!-- Font awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Main JS -->
<script defer src="JS/main.js"></script>
</head>
<body>
<header class="hdr">
<div class="dropdown">
<button class="dropbtn"><i class="fa-solid fa-caret-down"></i></button>
<div class="dropdown-content">
<a href="./index.html">Home</a>
<a href="https://github.com/Panini-Devs/bismarck" target="_blank">Github</a>
<a href="">Docs</a>
</div>
</div>
<h2>Bismarck</h2>
<nav>
<a href="./index.html">Home</a>
<a href="https://github.com/Panini-Devs/bismarck" target="_blank">Github</a>
<a href="">Docs</a>
</nav>

</header>
<div class="main">
<center>
<h1>A bot made to let <span class="gradient-underline">you</span> choose</h1>
<p>
Bismarck is an open-source bot made with the Rust <br>
programming language and can adapt to all hosting options!
</p>
<h1>Features</h1>
<div class="grid-of-4">
<div class="feature">
<img src="https://exerecoimpala.sirv.com/Bismarck/Math_icon.png" alt="math icon">
<h2>A math expression evaluator</h2>
<p>A mathemathical expressions parser to evaluete <br>
your expressions for all of you math nerds out there!</p>
</div>
<div class="feature">
<img src="https://exerecoimpala.sirv.com/Bismarck/genshin.png" alt="Genshin impact icon">
<h2>A genshin impact wishes simulator</h2>
<p>A simulator to Genshin Impact's wishes, specifcally for <br>
genshin's lovers to have fun!</p>
</div>
<div class="feature">
<img src="https://exerecoimpala.sirv.com/Bismarck/ui.png" alt="Computer screen icon">
<h2>A simple to use UI</h2>
<p>The bot provides a simple and intiutive interface to make it <br>
easier are more convinient to use!</p>
</div>
<div class="feature">
<img src="https://exerecoimpala.sirv.com/Bismarck/discord.png" alt="discord logo">
<h2>Management for servers</h2>
<p>The bot also provides efficient tools for you to manage <br>
your discord servers, helping you maintain a fun and happy community! </p>
</div>
</div>
<div class="gs">
<h2>Ready to get started?</h2>
<p>A whole lot of fun is waiting for you, to enjoy it!</p>
<button id="gsbtn" class="gsbtn" type="button">Get started</button>
</div>
</center>

</div>
<div class="footer">
<footer>
<h3>&copy; Bismarck | All rights reserved</h3>
<nav>
<a href="./index.html">Home</a>
<a href="https://github.com/Panini-Devs/bismarck" target="_blank">Github</a>
<a href="">Docs</a>
</nav>
</footer>
</div>
</body>
</html>
Loading