diff options
Diffstat (limited to 'public/block-docs/index.html')
-rw-r--r-- | public/block-docs/index.html | 126 |
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://localhost:8080/juice.css"> | ||
28 | |||
29 | |||
30 | </head> | ||
31 | |||
32 | <body> | ||
33 | |||
34 | <header class="box-shadow"> | ||
35 | |||
36 | |||
37 | <a href="http://localhost:8080/"> | ||
38 | <div class="logo"> | ||
39 | <img src="http://localhost:8080/gradecoin.png" alt="logo"> | ||
40 | Gradecoin | ||
41 | </div> | ||
42 | </a> | ||
43 | |||
44 | <nav> | ||
45 | |||
46 | <a class="nav-item subtitle-text" href="http://localhost:8080/block-docs/">Blocks</a> | ||
47 | |||
48 | <a class="nav-item subtitle-text" href="http://localhost:8080/transaction-docs/">Transactions</a> | ||
49 | |||
50 | <a class="nav-item subtitle-text" href="http://localhost:8080/register-docs/">Register</a> | ||
51 | |||
52 | <a class="nav-item subtitle-text" href="http://localhost:8080/jwt/">JWT</a> | ||
53 | |||
54 | |||
55 | |||
56 | <a class="nav-item subtitle-text" href="https://github.com/zhuowei/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 | ||
74 | tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At | ||
75 | vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd | ||
76 | ubergren, 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> | ||