aboutsummaryrefslogtreecommitdiffstats
path: root/public/jwt
diff options
context:
space:
mode:
authorYigit Sever2021-04-15 05:30:53 +0300
committerYigit Sever2021-04-15 05:30:53 +0300
commit68c568670ce2608153e0d5709b0a08b2418431b4 (patch)
tree310eb518a29e0046ba5a24587862f03898a9e6a8 /public/jwt
parentdcc2d99140d25c5f163e425fb6ed7246fe88ea54 (diff)
downloadgradecoin-68c568670ce2608153e0d5709b0a08b2418431b4.tar.gz
gradecoin-68c568670ce2608153e0d5709b0a08b2418431b4.tar.bz2
gradecoin-68c568670ce2608153e0d5709b0a08b2418431b4.zip
Start frontend
Diffstat (limited to 'public/jwt')
-rw-r--r--public/jwt/index.html126
1 files changed, 126 insertions, 0 deletions
diff --git a/public/jwt/index.html b/public/jwt/index.html
new file mode 100644
index 0000000..899aada
--- /dev/null
+++ b/public/jwt/index.html
@@ -0,0 +1,126 @@
1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5 <meta charset="UTF-8">
6 <title>JWT | </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">JSON Web Token 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>