-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindexold.html
180 lines (161 loc) · 8.23 KB
/
indexold.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<title>TotallyInformation Web Components Documentation</title>
<meta name="description" content="TotallyInformation Web Components Documentation">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <link rel="icon" type="image/png" href="./images/favicon.ico"> -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify@latest/themes/vue.css" /> -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/style.min.css"
title="docsify-darklight-theme" type="text/css" /> -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-themeable@latest/dist/css/theme-simple.css"> -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/docsify-themeable/style.min.css" type="text/css">
<!-- docsify-themeable styles-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-themeable@latest/dist/css/theme-simple.css" title="light">
<link rel="stylesheet alternative" href="https://cdn.jsdelivr.net/npm/docsify-themeable@latest/dist/css/theme-simple-dark.css" title="dark">
<style>
:root {
--base-font-size: 20px;
--sidebar-width: 22em;
/* --base-font-family: Arial, Sans-serif; */
/*--sidebar-background: #005EB8;*/
}
.dhide {
display: none;
}
img[src*="#cool"] {
display: none;
}
.sidebar-nav > ul > li li {
font-style: normal;
}
.sidebar-nav > ul > li {
font-style: italic;
}
.sidebar-nav > ul > li > a {
font-style: normal;
}
.app-name-link img {
width: 5rem;
float:left
}
.app-name-link {
font-size: 80%;
}
.app-name-link::after {
content: "TI Web Components";
float:right;
}
</style>
</head><body>
<div id="app">Loading, please wait ...</div>
<script src="https://unpkg.com/docsify-edit-on-github/index.js"></script>
<script>
'use strict'
// https://docsify.js.org/
// https://jhildenbiddle.github.io/docsify-themeable
window.$docsify = { // eslint-disable-line no-undef
name: 'TotallyInformation Web Components Documentation',
repo: 'TotallyInformation/web-components',
homepage: 'README.md',
executeScript: true,
// loadNavbar: true,
// mergeNavbar: true,
loadSidebar: true,
autoHeader: false,
logo: '/images/node-blue-125x125.png',
auto2top: true,
alias: {
'/.*/_sidebar.md': '/_sidebar.md', // use the same sidebar everywhere. See #301
'.*?/uibhome': 'https://raw.githubusercontent.com/TotallyInformation/web-components/main/README.md',
'/docs/(.*)': '/$1',
},
subMaxLevel: 2,
search: {
depth : 3,
noData : 'No results!',
placeholder: 'Search...'
},
pagination: {
// previousText: '上一章节',
// nextText: '下一章节',
crossChapter: true,
crossChapterText: true,
},
plugins: [
EditOnGithubPlugin.create('https://github.com/TotallyInformation/web-components/blob/main/docs/'),
// Custom plugin
function (hook, vm) {
//console.log({hook,vm})
const orgName = 'Julian Knight (Totally Information)'
const orgUrl = 'https://it.knightnet.org.uk'
const footer = [
'<hr/>',
'<footer>',
'<span>',
'Copyright © 2021', // per-page - (c) and date
` <a href="${orgUrl}">${orgName}</a>.`,
'', // updated date
'</span> ',
'',
' <span>Published with <a href="https://docsify.js.org/" target="_blank">docsify</a>.</span> ',
'</footer>'
]
// Runs against the raw markdown for each page
hook.beforeEach(function(content) {
let strYr = (new Date()).getFullYear()
let mydate = false
let yearFrom = 2017
let yearTo = strYr
footer[5] = ''
if ( vm.frontmatter ) { // fm only exists per page, requires plugin
//#region --- Add front-matter (YAML) standard metadata to each page if present ---
if ( vm.frontmatter.description ) {
content = `${vm.frontmatter.description}\n\n${content}`
}
if ( vm.frontmatter.title ) {
content = `# ${vm.frontmatter.title}\n\n${content}`
}
//#endregion --- ---
//#region --- Add page specific (c) and last updated date to each page if available from YAML front-matter ---
if ( vm.frontmatter.created ) {
mydate = new Date(vm.frontmatter.created)
yearFrom = mydate.getFullYear()
}
if ( vm.frontmatter.lastUpdated ) {
mydate = new Date(vm.frontmatter.lastUpdated)
yearTo = mydate.getFullYear()
}
if ( mydate !== false ) {
if ( yearFrom === yearTo && yearFrom !== Number(strYr) ) {
strYr = yearFrom
} else if ( yearFrom !== yearTo ) {
strYr = yearFrom + '-' + yearTo
}
footer[5] = ` Last updated ${mydate.toLocaleString('en-GB', { dateStyle: 'medium', timeStyle: 'short' })}.`
}
//#endregion --- ---
} // ---- End of if front-matter ---- //
footer[3] = `Copyright © ${strYr}`
return content
}) // ------- End of Custom Plugin ------- //
// Runs against the rendered HTML for each page
hook.afterEach(function (html, next) {
next( html + footer.join('') )
})
},
],
}
</script>
<script src="https://cdn.jsdelivr.net/npm/docsify@latest"></script>
<script src="https://cdn.jsdelivr.net/npm/docsify@latest/lib/plugins/search.min.js"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/index.min.js" type="text/javascript"></script> -->
<script src="https://cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/docsify-themeable/main.min.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/docsify-themeable/index.min.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/prismjs@latest/components/prism-json.min.js">/* see https://cdn.jsdelivr.net/npm/prismjs@1/components/ */</script>
<script src="https://cdn.jsdelivr.net/npm/prismjs@latest/components/prism-nginx.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsify@latest/lib/plugins/front-matter.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsify-mustache"></script> <!-- https://ppipada.github.io/post/markdown/2020-04-29-docsify-mustache/ -->
<script src="https://unpkg.com/docsify-pagination/dist/docsify-pagination.min.js"></script>
<!--<script src="//cdn.jsdelivr.net/npm/vue@2/dist/vue.min.js"></script>-->
</body></html>