aboutsummaryrefslogtreecommitdiffstats
path: root/site/public/jwt/index.html
diff options
context:
space:
mode:
authorYigit Sever2021-04-15 03:39:36 +0300
committerYigit Sever2021-04-15 03:39:36 +0300
commit376ec590ea5da21315a37292817997352e58dee6 (patch)
treeb4a9d8d0697c1ae2063fbca27a9e09dbd23fc7b6 /site/public/jwt/index.html
parentf04141d2ab699d86d7bfe37a3c77fc9c7ccad74d (diff)
downloadgradecoin-376ec590ea5da21315a37292817997352e58dee6.tar.gz
gradecoin-376ec590ea5da21315a37292817997352e58dee6.tar.bz2
gradecoin-376ec590ea5da21315a37292817997352e58dee6.zip
Create the static site
DON'T FORGET TO CHANGE site/config.toml BEFORE DEPLOYMENT
Diffstat (limited to 'site/public/jwt/index.html')
-rw-r--r--site/public/jwt/index.html126
1 files changed, 126 insertions, 0 deletions
diff --git a/site/public/jwt/index.html b/site/public/jwt/index.html
new file mode 100644
index 0000000..899aada
--- /dev/null
+++ b/site/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>