Lona-Development/Docs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial Upload

Browse Source
This commit is contained in:
Collin 2023-06-07 22:44:17 +02:00
commit 62be8116da
3 changed files with 205 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
index.html Normal file
View 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>

BIN
logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 143 KiB

153
style.css Normal file
View 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;
}
}