-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
radicals-and-examples.html
157 lines (138 loc) · 8.3 KB
/
radicals-and-examples.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
<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-173562145-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-173562145-1');
</script>
<title>行列字根表：不是只有字根表，還有拯救你的豐富字根實例 | FISH UP 行列查碼</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- For google -->
<meta name="author" content="Mister FISH UP">
<meta name="description" content="行列輸入法的字根表在這裡！還有超豐富的字根實例，讓你輕鬆學行列拆字！">
<meta name="keywords" content="行列,行列輸入法,行列輸入法練習,中文輸入法,行列查碼,行列字根表">
<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="行列字根表：不是只有字根表，還有拯救你的豐富字根實例 | FISH UP 行列查碼">
<meta itemprop="description" content="行列輸入法的字根表在這裡！還有超豐富的字根實例，讓你輕鬆學行列拆字！">
<meta itemprop="image" content="https://array30.misterfishup.com/img/array-radicals.png">
<!-- For facebook Open Graph -->
<meta property="og:type" content="website">
<meta property="og:title" content="行列字根表：不是只有字根表，還有拯救你的豐富字根實例 | FISH UP 行列查碼">
<meta property="og:description" content="行列輸入法的字根表在這裡！還有超豐富的字根實例，讓你輕鬆學行列拆字！">
<meta property="og:url" content="https://array30.misterfishup.com/radicals-and-examples.html">
<meta property="og:image" content="https://array30.misterfishup.com/img/array-radicals.png">
<meta property="og:site_name" content="FISH UP 行列查碼">
<meta property="fb:admins" content="106035361278242">
<!-- For twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@misterfishup">
<meta name="twitter:title" content="行列字根表：不是只有字根表，還有拯救你的豐富字根實例 | FISH UP 行列查碼">
<meta name="twitter:description" content="行列輸入法的字根表在這裡！還有超豐富的字根實例，讓你輕鬆學行列拆字！">
<meta name="twitter:creator" content="@misterfishup">
<meta name="twitter:image" content="https://array30.misterfishup.com/img/array-radicals.png">
<!-- icon -->
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<!-- css -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Domine:wght@400;700&family=Noto+Serif+TC&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/w3.css">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/radicals-and-examples.css">
</head>
<body>
<!-- loading overlay -->
<div id="loading-overlay" style="background-color: white; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1000;"></div>
<!-- app -->
<div id='app' v-cloak data-local='tw' data-page-name='radicals-and-examples.html'>
<!-- Navbar -->
<app-nav-bar></app-nav-bar>
<!-- empty aside -->
<aside id="toggleStickyTOC"></aside>
<!-- btn for toggling toc on small screens -->
<button id="toggleTOCSmall"><i class="fa fa-list" aria-hidden="true"></i></button>
<!-- toc on small screens -->
<div id="tocSmallWrapper" class="w3-hide">
<button id="closeTOCSmall"><i class="fa fa-times" aria-hidden="true"></i></button>
<div id="tocSmall" style="font-size: large; text-align: center;">
<h2 class="bold-center">{{ appContent.contents[local] }}</h2>
<div>
<a href="#radical-overview">{{ appContent.radicalOverview[local] }}</a><br>
<a href="#radical-example">{{ appContent.exampleCharacters[local] }}</a>
</div>
<h4 class="bold-center">{{ appContent.exampleCharacters[local] }}</h4>
<!-- index column position -->
<p>
<div class="bold-center">{{ appContent.columnPosition[local] }}</div>
<a href="#radical-example-1">1</a> |
<a href="#radical-example-2">2</a> |
<a href="#radical-example-3">3</a> |
<a href="#radical-example-4">4</a> |
<a href="#radical-example-5">5</a> |
<a href="#radical-example-6">6</a> |
<a href="#radical-example-7">7</a> |
<a href="#radical-example-8">8</a> |
<a href="#radical-example-9">9</a> |
<a href="#radical-example-0">0</a>
</p>
<!-- index radical key -->
<p id="index-radical-key"></p>
<!-- index radical code -->
<p id="index-radical-code"></p>
</div>
</div>
<!-- radical recap -->
<div id="radical-overview-wrapper">
<div id="radical-overview">
<h1 class="w3-wide bold-center">{{ appContent.radicalOverview[local] }}</h1>
<div class="w3-center w3-padding-small">
<span class="radical-special">■</span> {{ appContent.specialRadical[local] }} 
<span class="radical-sc">■</span> {{ appContent.scRadical[local] }} 
<span class="radical-special-sc">■</span> {{ appContent.specialSCRadical[local] }}
</div>
<div id="overview"></div>
</div>
<!-- share button & support -->
<div style="margin: 4px 20px; text-align: center; font-size: large" id='share-and-support'>
{{ appContent.shareOn[local] }}
<img class="social-share facebook-share" tabindex="0">
<img class="social-share twitter-share" tabindex="0">
<img class="social-share line-share" tabindex="0">
<img class="social-share telegram-share" tabindex="0">
<img class="social-share linkedIn-share" tabindex="0">
 
<!-- buy me a cake -->
<span v-html='appContent.buyMeACake[local]'></span>
</div>
</div>
<!-- radical example -->
<div id="radical-example">
<h1 class="w3-wide bold-center">{{ appContent.exampleCharacters[local] }}</h1>
</div>
<!-- Footer -->
<app-footer></app-footer>
<!-- back to top button -->
<button type="button" id="to_top" class="toTop-arrow"></button>
</div>
<!-- script -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://unpkg.com/vue@3.0.0/dist/vue.global.prod.js"></script>
<!-- <script src="https://unpkg.com/vue@3.0.0/dist/vue.global.js"></script> -->
<script type="text/javascript" src="/data/radicals.js"></script>
<script type="text/javascript" src="/data/object-radical-examples.js"></script>
<script type="text/javascript" src="/data/object-decomposition.js"></script>
<script type="text/javascript" src="/app/local.js"></script>
<script type="text/javascript" src="/app/radicals-and-examples.js"></script>
<script type="text/javascript" src="/app/app.js"></script>
<script type="text/javascript" src="/js/decomposition-generator.js"></script>
<script type="text/javascript" src="/js/radicals-and-examples.js"></script>
<script type="text/javascript" src="/js/toc.js"></script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
</body>
</html>