-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·141 lines (133 loc) · 6.53 KB
/
index.html
File metadata and controls
executable file
·141 lines (133 loc) · 6.53 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>good.db</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="styles.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
</head>
<body class="bg-dark">
<header class="bg-dark py-3">
<nav class="container d-flex justify-content-between align-items-center">
<div class="logo">
<img src="gooddb_logo.png" class="img-fluid" alt="good Logo" height="30">
</div>
<ul class="nav">
<li class="nav-item"><a class="nav-link text-light" href="/docs">Docs</a></li>
</ul>
</nav>
</header>
<main class="container my-5">
<section class="hero text-center mb-5">
<img src="gooddb ts js.png" alt="good Logo" class="mb-4 img-fluid h-100">
<p class="lead text-light-emphasis">
good.db is a fast, easy to use, open-source, in-memory database for JavaScript. It's designed to be
simple to use and easy to install.
</p>
<div class="install-buttons my-4">
<button class="btn btn-light text-secondary me-2" id="npm-btn" onclick="change('npm')">
npm
</button>
<button class="btn btn-outline-light text-secondary" id="yarn-btn" onclick="change('yarn')">
yarn
</button>
</div>
<div class="install-command">
<code id="command-line">
$ npm install good.db
<button id="copy-btn" class="button-cus text-light mb-1 mr-0 ml-0" onclick="copyCommand()">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard" viewBox="0 0 16 16">
<path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1z"/>
<path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0z"/>
</svg>
</button>
</code>
</div>
</section>
<section class="features mb-5">
<div class="row">
<div class="col-md-3 mb-4">
<div class="feature-card p-4 bg-dark rounded-3">
<h3 class="mb-3 text-light">JSON driver</h3>
<p class="text-secondary">
good.db comes with a built-in JSON driver that allows you to store your data in a JSON file.
</p>
</div>
</div>
<div class="col-md-3 mb-4">
<div class="feature-card p-4 bg-dark rounded-3">
<h3 class="mb-3 text-light">SQLite driver</h3>
<p class="text-secondary">
good.db comes with a built-in SQLite driver that allows you to store your data in a SQLite
database.
</p>
</div>
</div>
<div class="col-md-3 mb-4">
<div class="feature-card p-4 bg-dark rounded-3">
<h3 class="mb-3 text-light">YAML driver</h3>
<p class="text-secondary">
good.db comes with a built-in YAML driver that allows you to store your data in a YAML file.
</p>
</div>
</div>
<div class="col-md-3 mb-4">
<div class="feature-card p-4 bg-dark rounded-3">
<h3 class="mb-3 text-light">MongoDB driver</h3>
<p class="text-secondary">
good.db comes with a built-in MongoDB driver that allows you to store your data in a MongoDB
database.
</p>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="feature-card p-4 bg-dark rounded-3">
<h3 class="mb-3 text-light">MySQL driver</h3>
<p class="text-secondary">
good.db comes with a built-in MySQL driver that allows you to store your data in a MySQL
database.
</p>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="feature-card p-4 bg-dark rounded-3">
<h3 class="mb-3 text-light">PostgreSQL driver</h3>
<p class="text-secondary">
good.db comes with a built-in PostgreSQL driver that allows you to store your data in a
PostgreSQL database.
</p>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="feature-card p-4 bg-dark rounded-3">
<h3 class="mb-3 text-light">Memory driver</h3>
<p class="text-secondary">
good.db comes with a built-in memory driver that allows you to store your data in memory.
</p>
</div>
</div>
</div>
</section>
<section class="benchmark">
<h2 class="text-center mb-4 text-light">
JSON driver
</h2>
<p class="text-center mb-4 text-secondary">
The following chart shows the performance of the JSON driver when performing CRUD operations.
</p>
<div class="chart mb-4 bg-dark">
<canvas id="myChart"
class="w-100 text-center align-self-center align-content-center justify-content-center"></canvas>
</div>
</section>
</main>
<footer class="bg-secondary py-3">
<div class="container text-center text-light">
© Good.db 2024 - All rights reserved
</div>
</footer>
<script src="/scripts.js"></script>
</body>
</html>