aboutsummaryrefslogtreecommitdiffstats
path: root/public/block-docs/index.html
diff options
context:
space:
mode:
authorYigit Sever2021-04-15 05:30:53 +0300
committerYigit Sever2021-04-15 05:30:53 +0300
commit82f8e6877a57316860a9468f523decaae9f7529b (patch)
tree174a0d5a0e5918f4eb41cfba1a45a469531d64d2 /public/block-docs/index.html
parentee5dcba9046cdad96af673446165af0169fe15fe (diff)
downloadgradecoin-82f8e6877a57316860a9468f523decaae9f7529b.tar.gz
gradecoin-82f8e6877a57316860a9468f523decaae9f7529b.tar.bz2
gradecoin-82f8e6877a57316860a9468f523decaae9f7529b.zip
Start frontend
Diffstat (limited to 'public/block-docs/index.html')
-rw-r--r--public/block-docs/index.html126
1 files changed, 126 insertions, 0 deletions
diff --git a/public/block-docs/index.html b/public/block-docs/index.html
new file mode 100644
index 0000000..8331952
--- /dev/null
+++ b/public/block-docs/index.html
@@ -0,0 +1,126 @@
1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5 <meta charset="UTF-8">
6 <title>Blocks | </title>
7 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8 <style>
9 :root {
10 /* Primary theme color */
11 --primary-color: #F8D12F;
12 /* Primary theme text color */
13 --primary-text-color: #1E2329;
14 /* Primary theme link color */
15 --primary-link-color: #2F57F7;
16 /* Secondary color: the background body color */
17 --secondary-color: #FAFAFA;
18 --secondary-text-color: #303030;
19 /* Highlight text color of table of content */
20 --toc-highlight-text-color: #d46e13;
21 }
22</style>
23
24 <link href="https://fonts.googleapis.com/css?family=Alfa+Slab+One&display=swap" rel="stylesheet">
25 <link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600&display=swap" rel="stylesheet">
26 <link rel="stylesheet" href="/normalize.css">
27 <link rel="stylesheet" href="http:&#x2F;&#x2F;localhost:8080&#x2F;juice.css">
28
29
30</head>
31
32<body>
33
34<header class="box-shadow">
35
36
37<a href="http:&#x2F;&#x2F;localhost:8080&#x2F;">
38 <div class="logo">
39 <img src="http:&#x2F;&#x2F;localhost:8080&#x2F;gradecoin.png" alt="logo">
40 Gradecoin
41 </div>
42</a>
43
44<nav>
45
46 <a class="nav-item subtitle-text" href="http:&#x2F;&#x2F;localhost:8080&#x2F;block-docs&#x2F;">Blocks</a>
47
48 <a class="nav-item subtitle-text" href="http:&#x2F;&#x2F;localhost:8080&#x2F;transaction-docs&#x2F;">Transactions</a>
49
50 <a class="nav-item subtitle-text" href="http:&#x2F;&#x2F;localhost:8080&#x2F;register-docs&#x2F;">Register</a>
51
52 <a class="nav-item subtitle-text" href="http:&#x2F;&#x2F;localhost:8080&#x2F;jwt&#x2F;">JWT</a>
53
54
55
56 <a class="nav-item subtitle-text" href="https:&#x2F;&#x2F;github.com&#x2F;zhuowei&#x2F;nft_ptr#why">why?</a>
57
58
59</nav>
60
61</header>
62
63
64 <main>
65
66
67
68
69
70 <div class="content text">
71
72<div class="heading-text">Block Documentation</div>
73<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
74tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
75vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
76ubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
77
78
79 </div>
80
81
82
83 </main>
84
85
86<footer>
87
88</footer>
89
90</body>
91<script>
92 function highlightNav(heading) {
93 let pathname = location.pathname;
94 document.querySelectorAll(".toc a").forEach((item) => {
95 item.classList.remove("active");
96 });
97 document.querySelector(".toc a[href$='" + pathname + "#" + heading + "']").classList.add("active");
98 }
99
100 let currentHeading = "";
101 window.onscroll = function () {
102 let h = document.querySelectorAll("h1,h2,h3,h4,h5,h6");
103 let elementArr = [];
104
105 h.forEach(item => {
106 if (item.id !== "") {
107 elementArr[item.id] = item.getBoundingClientRect().top;
108 }
109 });
110 elementArr.sort();
111 for (let key in elementArr) {
112 if (!elementArr.hasOwnProperty(key)) {
113 continue;
114 }
115 if (elementArr[key] > 0 && elementArr[key] < 300) {
116 if (currentHeading !== key) {
117 highlightNav(key);
118 currentHeading = key;
119 }
120 break;
121 }
122 }
123 }
124</script>
125
126</html>