Skip to content

Commit

Permalink
Simple placeholder page
Browse files Browse the repository at this point in the history
  • Loading branch information
HumbleDeer committed Sep 22, 2023
1 parent 1ef1723 commit 1c6bb49
Show file tree
Hide file tree
Showing 3 changed files with 175 additions and 24 deletions.
123 changes: 123 additions & 0 deletions build/basic-style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,123 @@
* {
box-sizing: border-box;
}

html {
height: 100vh;
width: 100%;
margin: 0;
padding: 0;
border: 0;
background-color: #383737;
background-image: url("vzbot.png");
background-position: right bottom;
background-size: contain;
background-origin: border-box;
background-attachment: local;
background-repeat: no-repeat;
}

body {
width: 40vw;
margin: 0;
padding-left: 25px;
padding-top: 30px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
overflow: hidden;
}

@media only screen and (max-width: 600px) {
body {
width: 100vw;
overflow: scroll;
}
}

h1,
h2,
h3,
h4,
h5 {
color: white;
font-weight: normal;
letter-spacing: 0.065rem;
}

h1.title {
font-size: 2.5em;
margin-left: 25px;
margin-right: 25px;
font-weight: 400;
}

main {
min-height: 100vh;
padding: 10px;
}

nav {
display: block;
}

nav ul {
text-decoration: none;
color: white;
margin: 0;
padding: 0;
display: inline-block;
min-width: 40%;
}

nav ul > li {
margin: 5px 15px;
padding: 10px 14px;
display: inline-block;
background-color: rgba(35, 35, 35, 0.85);
color: white;
font-family: monospace;
font-weight: 500;
font-size: 18px;
border-radius: 3px;
box-shadow: 2px 3px rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width: 600px) {
nav ul > li {
margin: 5px 5px;
}
body{
padding:0
}
footer{
background-color:rgba(35, 35, 35, 0.85);
box-shadow: 1px 6px rgba(35, 35, 35, 0.85);
}
}

nav ul > li[single] {
display: table;
}

nav ul > li > a {
text-decoration: none;
color: white;
display: inline-block;
}

nav ul hr {
margin: 15px 5px 15px 15px;
border: 2px solid rgba(200, 200, 200, 0.33);
}

footer {
padding: 10px;
position: sticky;
bottom: 0px;
}

footer > p {
text-align: center;
font-size: 9px;
color: #646464;
}
76 changes: 52 additions & 24 deletions build/index.html
Original file line number Diff line number Diff line change
@@ -1,26 +1,54 @@
<html>
<head>
<title>VzBot 3D-printer</title>
<style>
html, body, #wrapper {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
border: 0;
background-color: #393838;
}
#wrapper td {
vertical-align: middle;
text-align: center;
}
</style>
</head>
<body>
<table id="wrapper">
<tr>
<td><img src="vzbot.png" alt="VzBot" /></td>
</tr>
</table>
</body>
<head>
<title>VzBot 3D-printer</title>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"
/>
<link rel="stylesheet" href="basic-style.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
<main>
<h1 class="title">VzBot</h1>
<nav>
<ul>
<li>
<a href="https://docs.vzbot.org" target="_blank">
<i class="bi bi-file-earmark-text-fill"></i> Documentation
</a>
</li>
<hr />
<li>
<a href="https://github.com/VzBoT3D/VzBoT-Vz330" target="_blank">
<i class="bi bi-github"></i> VzBot 330
</a>
</li>
<li>
<a href="https://github.com/VzBoT3D/VzBoT-Vz235" target="_blank">
<i class="bi bi-github"></i> VzBot 235
</a>
</li>
<hr />
<a
target="_blank"
rel="noopener noreferrer nofollow"
style="display:block; margin-top: 30px; text-align: center;"
href="https://camo.githubusercontent.com/5492e6dc80ce71c14ee27fea3ee39d0d53e9d3a8e6e3af003234de8c159aaf2b/68747470733a2f2f646973636f72646170702e636f6d2f6170692f6775696c64732f3832393832383736353531323130363035342f7769646765742e706e673f7374796c653d62616e6e657232"
>
<img
src="https://camo.githubusercontent.com/5492e6dc80ce71c14ee27fea3ee39d0d53e9d3a8e6e3af003234de8c159aaf2b/68747470733a2f2f646973636f72646170702e636f6d2f6170692f6775696c64732f3832393832383736353531323130363035342f7769646765742e706e673f7374796c653d62616e6e657232"
alt="Join us on Discord"
data-canonical-src="https://discordapp.com/api/guilds/829828765512106054/widget.png?style=banner2"
style="max-width: 100%;"
/>
</a>
</ul>
</nav>
</main>
<footer>
<p>© Copyright 2023 - VzBot Team</p>
</footer>
</body>
</html>
Binary file modified build/vzbot.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 1c6bb49

Please sign in to comment.