summaryrefslogtreecommitdiffstats
path: root/data
diff options
context:
space:
mode:
Diffstat (limited to 'data')
-rw-r--r--data/index.html31
-rw-r--r--data/script.js15
-rw-r--r--data/style.css40
3 files changed, 86 insertions, 0 deletions
diff --git a/data/index.html b/data/index.html
new file mode 100644
index 0000000..f3b7068
--- /dev/null
+++ b/data/index.html
@@ -0,0 +1,31 @@
1<!DOCTYPE html>
2<html lang="pl">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <meta http-equiv="X-UA-Compatible" content="ie=edge">
7 <title>Schack v.0.0.1</title>
8 <link rel="stylesheet" href="./style.css">
9 <link rel="icon" href="./favicon.ico" type="image/x-icon">
10 </head>
11 <body>
12 <main>
13 <h1>Schack</h1>
14
15 <section id="container">
16 <div id="controll-buttons">
17 <input id="button-previous-s" type="button" value="<< Previous Section" />
18 <input id="button-previous" type="button" value="< Previous" />
19
20 <input id="button-next" type="button" value="Next >" />
21 <input id="button-next-s" type="button" value="Next Section >>" />
22 </div>
23 </section>
24
25 <footer>
26 Github: <a href="https://github.com/jdlugosz963/schack" target="_blank">jdlugosz963/schack</a>
27 </footer>
28 </main>
29 <script src="script.js"></script>
30 </body>
31</html>
diff --git a/data/script.js b/data/script.js
new file mode 100644
index 0000000..0f3101f
--- /dev/null
+++ b/data/script.js
@@ -0,0 +1,15 @@
1document.getElementById("button-previous-s").onclick = function() {
2 fetch("/previouss");
3}
4
5document.getElementById("button-previous").onclick = function() {
6 fetch("/previous");
7}
8
9document.getElementById("button-next").onclick = function() {
10 fetch("/next");
11}
12
13document.getElementById("button-next-s").onclick = function() {
14 fetch("/nexts");
15}
diff --git a/data/style.css b/data/style.css
new file mode 100644
index 0000000..52dfca6
--- /dev/null
+++ b/data/style.css
@@ -0,0 +1,40 @@
1:root {
2 --black: #333333;
3 --white: #eeeeee;
4}
5
6body {
7 background-color: var(--black);
8 color: var(--white);
9
10 font-family: monospace;
11 letter-spacing: 0.2em;
12}
13
14main {
15 padding: 2em;
16}
17
18a {
19 color: var(--white);
20}
21
22h1 {
23 font-size: 42px;
24
25 margin: 0;
26}
27
28#container {
29 padding-top: 2em;
30 padding-bottom: 2em;
31}
32
33input {
34 padding: 0.5em;
35
36 background-color: var(--white);
37 color: var(--black);
38
39 border: none;
40}