Initial Upload
This commit is contained in:
commit
62be8116da
52
index.html
Normal file
52
index.html
Normal file
@ -0,0 +1,52 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>LonaDB</title>
|
||||
|
||||
<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=Kanit:wght@300&display=swap" rel="stylesheet">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link href="/style.css" type="text/css" rel="stylesheet">
|
||||
<link rel="icon" type="image/x-icon" href="/logo.png">
|
||||
</head>
|
||||
<body>
|
||||
<p class="luna">LonaDB</p>
|
||||
<div class="what">
|
||||
<p class="title">What is LonaDB?</p>
|
||||
<p>LonaDB is a early prototype of a Database written in JavaScript.</p>
|
||||
<p>It uses JSON to store everything and supports different users.</p>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div class="how-work">
|
||||
<p class="title">How does it work?</p>
|
||||
<p>LonaDB is a Open Source Project and can be self-hosted. It uses the Node.JS Library "net" to start a socket.</p>
|
||||
<p>Requests can be sent from a Client. These requests are stringified JSONs containing all data required from the server to operate and give the requested variable's value for example.</p>
|
||||
<br>
|
||||
<p>There is currently only one official client for LonaDB, which is written in JavaScript.</p>
|
||||
<a href="https://www.npmjs.com/package/LonaDB-client">Client</a>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div class="where">
|
||||
<p class="title">Where can I get LonaDB?</p>
|
||||
<p>LonaDB is available on GitHub. In the README.md is a quick tutorial on how to install LonaDB.</p>
|
||||
<p>Please remember to edit the config.js file!</p>
|
||||
<a href="https://github.com/Hanyaku-Chan/LonaDB/">GitHub</a>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div class="bottom">
|
||||
<p>© 2023 Collin Buchkamer. All rights reserved.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
153
style.css
Normal file
153
style.css
Normal file
@ -0,0 +1,153 @@
|
||||
body {
|
||||
background: white;
|
||||
font-family: 'Kanit', sans-serif;
|
||||
color: #49998a;
|
||||
}
|
||||
|
||||
.luna {
|
||||
font-size: 250%;
|
||||
color: aquamarine;
|
||||
margin-left: 25%;
|
||||
text-shadow: -1px -1px 0 #0ac7a4, 1px -1px 0 #0ac7a4, -1px 1px 0 #0ac7a4, 1px 1px 0 #0ac7a4;
|
||||
}
|
||||
|
||||
.what {
|
||||
border-radius: 25px;
|
||||
background-color: #a6ffef;
|
||||
|
||||
margin-left: 15%;
|
||||
margin-right: auto;
|
||||
width: 50%;
|
||||
padding: 10px;
|
||||
|
||||
box-shadow: 60px -16px #49998a;
|
||||
}
|
||||
|
||||
.how-work {
|
||||
border-radius: 25px;
|
||||
background-color: #a6ffef;
|
||||
|
||||
margin-left: auto;
|
||||
margin-right: 10%;
|
||||
width: 50%;
|
||||
padding: 10px;
|
||||
|
||||
text-align: right;
|
||||
|
||||
box-shadow: 60px -16px #49998a;
|
||||
}
|
||||
|
||||
.where{
|
||||
border-radius: 25px;
|
||||
background-color: #a6ffef;
|
||||
|
||||
margin-left: 25%;
|
||||
margin-right: auto;
|
||||
width: 50%;
|
||||
padding: 10px;
|
||||
|
||||
box-shadow: 60px -16px #49998a;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 150%;
|
||||
color: #0ac7a4;
|
||||
}
|
||||
|
||||
a {
|
||||
border-radius: 25px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
font-size: 150%;
|
||||
text-decoration: none;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
background: #0ac7a4;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
border-radius: 25px;
|
||||
background-color: #49998a;
|
||||
margin: 25px;
|
||||
padding: 1px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1600px) {
|
||||
.luna {
|
||||
font-size: 550%;
|
||||
color: aquamarine;
|
||||
margin-left: 25%;
|
||||
text-shadow: -1px -1px 0 #0ac7a4, 1px -1px 0 #0ac7a4, -1px 1px 0 #0ac7a4, 1px 1px 0 #0ac7a4;
|
||||
}
|
||||
|
||||
.what {
|
||||
border-radius: 25px;
|
||||
background-color: #a6ffef;
|
||||
|
||||
margin-left: 7.5%;
|
||||
margin-right: auto;
|
||||
width: 75%;
|
||||
padding: 10px;
|
||||
|
||||
box-shadow: 60px -16px #49998a;
|
||||
}
|
||||
|
||||
.how-work {
|
||||
border-radius: 25px;
|
||||
background-color: #a6ffef;
|
||||
|
||||
margin-left: auto;
|
||||
margin-right: 10%;
|
||||
width: 75%;
|
||||
padding: 10px;
|
||||
|
||||
text-align: right;
|
||||
|
||||
box-shadow: 60px -16px #49998a;
|
||||
}
|
||||
|
||||
.where{
|
||||
border-radius: 25px;
|
||||
background-color: #a6ffef;
|
||||
|
||||
margin-left: 7.5%;
|
||||
margin-right: auto;
|
||||
width: 75%;
|
||||
padding: 10px;
|
||||
|
||||
box-shadow: 60px -16px #49998a;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 300%;
|
||||
color: #0ac7a4;
|
||||
}
|
||||
|
||||
a {
|
||||
border-radius: 25px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
font-size: 350%;
|
||||
background: #0ac7a4;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
|
||||
margin-bottom: 5px;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
border-radius: 25px;
|
||||
background-color: #49998a;
|
||||
margin: 25px;
|
||||
padding: 1px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user