Skip to content

Commit 215bddf

Browse files
andiwandandiwand
committed
many changes
- text frontend - folder structure - examples - vite
1 parent e841781 commit 215bddf

15 files changed

Lines changed: 2448 additions & 132 deletions

‎examples/document.html‎

Lines changed: 230 additions & 0 deletions
Large diffs are not rendered by default.

‎examples/index.html‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<!doctype html>
2+
<html>
3+
4+
<body>
5+
<h1>Examples</h1>
6+
<ul id="list"></ul>
7+
8+
<script type="module">
9+
const pages = import.meta.glob("./*.html", { eager: true, as: "url", });
10+
console.log(pages);
11+
12+
const ul = document.getElementById("list");
13+
Object.keys(pages)
14+
.filter(p => !p.endsWith("index.html"))
15+
.forEach(p => {
16+
const name = p.replace("./", "");
17+
const li = document.createElement("li");
18+
li.innerHTML = `<a href="${name}">${name}</a>`;
19+
ul.appendChild(li);
20+
});
21+
</script>
22+
</body>
23+
24+
</html>

‎examples/text.html‎

Lines changed: 229 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,229 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8"/>
5+
<base target="_blank"/>
6+
<title>odr</title>
7+
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes"/>
8+
<link href="/dist/text.css" rel="stylesheet">
9+
</head>
10+
<body>
11+
<div class="odr-text">
12+
<div class="odr-text-nr">
13+
<div>1</div>
14+
<div>2</div>
15+
<div>3</div>
16+
<div>4</div>
17+
<div>5</div>
18+
<div>6</div>
19+
<div>7</div>
20+
<div>8</div>
21+
<div>9</div>
22+
<div>10</div>
23+
<div>11</div>
24+
<div>12</div>
25+
<div>13</div>
26+
<div>14</div>
27+
<div>15</div>
28+
<div>16</div>
29+
<div>17</div>
30+
<div>18</div>
31+
<div>19</div>
32+
<div>20</div>
33+
<div>21</div>
34+
<div>22</div>
35+
<div>23</div>
36+
<div>24</div>
37+
<div>25</div>
38+
<div>26</div>
39+
<div>27</div>
40+
<div>28</div>
41+
<div>29</div>
42+
<div>30</div>
43+
<div>31</div>
44+
<div>32</div>
45+
<div>33</div>
46+
<div>34</div>
47+
<div>35</div>
48+
<div>36</div>
49+
<div>37</div>
50+
<div>38</div>
51+
<div>39</div>
52+
<div>40</div>
53+
<div>41</div>
54+
<div>42</div>
55+
<div>43</div>
56+
<div>44</div>
57+
<div>45</div>
58+
<div>46</div>
59+
<div>47</div>
60+
<div>48</div>
61+
<div>49</div>
62+
<div>50</div>
63+
<div>51</div>
64+
<div>52</div>
65+
<div>53</div>
66+
<div>54</div>
67+
<div>55</div>
68+
<div>56</div>
69+
<div>57</div>
70+
<div>58</div>
71+
<div>59</div>
72+
<div>60</div>
73+
<div>61</div>
74+
<div>62</div>
75+
<div>63</div>
76+
<div>64</div>
77+
<div>65</div>
78+
<div>66</div>
79+
<div>67</div>
80+
<div>68</div>
81+
<div>69</div>
82+
<div>70</div>
83+
<div>71</div>
84+
<div>72</div>
85+
<div>73</div>
86+
<div>74</div>
87+
<div>75</div>
88+
<div>76</div>
89+
<div>77</div>
90+
<div>78</div>
91+
<div>79</div>
92+
<div>80</div>
93+
<div>81</div>
94+
<div>82</div>
95+
<div>83</div>
96+
<div>84</div>
97+
<div>85</div>
98+
<div>86</div>
99+
<div>87</div>
100+
<div>88</div>
101+
<div>89</div>
102+
<div>90</div>
103+
<div>91</div>
104+
<div>92</div>
105+
<div>93</div>
106+
<div>94</div>
107+
<div>95</div>
108+
<div>96</div>
109+
<div>97</div>
110+
<div>98</div>
111+
<div>99</div>
112+
<div>100</div>
113+
<div>101</div>
114+
<div>102</div>
115+
<div>103</div>
116+
<div>104</div>
117+
<div>105</div>
118+
</div>
119+
<div class="odr-text-body odr-text-wrap" contenteditable="true">
120+
<div>The following are the graphical (non-control) characters defined by</div>
121+
<div>ISO 8859-1 (1987). Descriptions in words aren't all that helpful,</div>
122+
<div>but they're the best we can do in text. A graphics file illustrating</div>
123+
<div>the character set should be available from the same archive as this</div>
124+
<div>file.</div>
125+
<div><br/></div>
126+
<div>Hex Description Hex Description</div>
127+
<div><br/></div>
128+
<div>20 SPACE</div>
129+
<div>21 EXCLAMATION MARK A1 INVERTED EXCLAMATION MARK</div>
130+
<div>22 QUOTATION MARK A2 CENT SIGN</div>
131+
<div>23 NUMBER SIGN A3 POUND SIGN</div>
132+
<div>24 DOLLAR SIGN A4 CURRENCY SIGN</div>
133+
<div>25 PERCENT SIGN A5 YEN SIGN</div>
134+
<div>26 AMPERSAND A6 BROKEN BAR</div>
135+
<div>27 APOSTROPHE A7 SECTION SIGN</div>
136+
<div>28 LEFT PARENTHESIS A8 DIAERESIS</div>
137+
<div>29 RIGHT PARENTHESIS A9 COPYRIGHT SIGN</div>
138+
<div>2A ASTERISK AA FEMININE ORDINAL INDICATOR</div>
139+
<div>2B PLUS SIGN AB LEFT-POINTING DOUBLE ANGLE QUOTATION MARK</div>
140+
<div>2C COMMA AC NOT SIGN</div>
141+
<div>2D HYPHEN-MINUS AD SOFT HYPHEN</div>
142+
<div>2E FULL STOP AE REGISTERED SIGN</div>
143+
<div>2F SOLIDUS AF OVERLINE</div>
144+
<div>30 DIGIT ZERO B0 DEGREE SIGN</div>
145+
<div>31 DIGIT ONE B1 PLUS-MINUS SIGN</div>
146+
<div>32 DIGIT TWO B2 SUPERSCRIPT TWO</div>
147+
<div>33 DIGIT THREE B3 SUPERSCRIPT THREE</div>
148+
<div>34 DIGIT FOUR B4 ACUTE ACCENT</div>
149+
<div>35 DIGIT FIVE B5 MICRO SIGN</div>
150+
<div>36 DIGIT SIX B6 PILCROW SIGN</div>
151+
<div>37 DIGIT SEVEN B7 MIDDLE DOT</div>
152+
<div>38 DIGIT EIGHT B8 CEDILLA</div>
153+
<div>39 DIGIT NINE B9 SUPERSCRIPT ONE</div>
154+
<div>3A COLON BA MASCULINE ORDINAL INDICATOR</div>
155+
<div>3B SEMICOLON BB RIGHT-POINTING DOUBLE ANGLE QUOTATION MARK</div>
156+
<div>3C LESS-THAN SIGN BC VULGAR FRACTION ONE QUARTER</div>
157+
<div>3D EQUALS SIGN BD VULGAR FRACTION ONE HALF</div>
158+
<div>3E GREATER-THAN SIGN BE VULGAR FRACTION THREE QUARTERS</div>
159+
<div>3F QUESTION MARK BF INVERTED QUESTION MARK</div>
160+
<div>40 COMMERCIAL AT C0 CAPITAL LETTER A WITH GRAVE</div>
161+
<div>41 CAPITAL LETTER A C1 CAPITAL LETTER A WITH ACUTE</div>
162+
<div>42 CAPITAL LETTER B C2 CAPITAL LETTER A WITH CIRCUMFLEX</div>
163+
<div>43 CAPITAL LETTER C C3 CAPITAL LETTER A WITH TILDE</div>
164+
<div>44 CAPITAL LETTER D C4 CAPITAL LETTER A WITH DIAERESIS</div>
165+
<div>45 CAPITAL LETTER E C5 CAPITAL LETTER A WITH RING ABOVE</div>
166+
<div>46 CAPITAL LETTER F C6 CAPITAL LETTER AE</div>
167+
<div>47 CAPITAL LETTER G C7 CAPITAL LETTER C WITH CEDILLA</div>
168+
<div>48 CAPITAL LETTER H C8 CAPITAL LETTER E WITH GRAVE</div>
169+
<div>49 CAPITAL LETTER I C9 CAPITAL LETTER E WITH ACUTE</div>
170+
<div>4A CAPITAL LETTER J CA CAPITAL LETTER E WITH CIRCUMFLEX</div>
171+
<div>4B CAPITAL LETTER K CB CAPITAL LETTER E WITH DIAERESIS</div>
172+
<div>4C CAPITAL LETTER L CC CAPITAL LETTER I WITH GRAVE</div>
173+
<div>4D CAPITAL LETTER M CD CAPITAL LETTER I WITH ACUTE</div>
174+
<div>4E CAPITAL LETTER N CE CAPITAL LETTER I WITH CIRCUMFLEX</div>
175+
<div>4F CAPITAL LETTER O CF CAPITAL LETTER I WITH DIAERESIS</div>
176+
<div>50 CAPITAL LETTER P D0 CAPITAL LETTER ETH (Icelandic)</div>
177+
<div>51 CAPITAL LETTER Q D1 CAPITAL LETTER N WITH TILDE</div>
178+
<div>52 CAPITAL LETTER R D2 CAPITAL LETTER O WITH GRAVE</div>
179+
<div>53 CAPITAL LETTER S D3 CAPITAL LETTER O WITH ACUTE</div>
180+
<div>54 CAPITAL LETTER T D4 CAPITAL LETTER O WITH CIRCUMFLEX</div>
181+
<div>55 CAPITAL LETTER U D5 CAPITAL LETTER O WITH TILDE</div>
182+
<div>56 CAPITAL LETTER V D6 CAPITAL LETTER O WITH DIAERESIS</div>
183+
<div>57 CAPITAL LETTER W D7 MULTIPLICATION SIGN</div>
184+
<div>58 CAPITAL LETTER X D8 CAPITAL LETTER O WITH STROKE</div>
185+
<div>59 CAPITAL LETTER Y D9 CAPITAL LETTER U WITH GRAVE</div>
186+
<div>5A CAPITAL LETTER Z DA CAPITAL LETTER U WITH ACUTE</div>
187+
<div>5B LEFT SQUARE BRACKET DB CAPITAL LETTER U WITH CIRCUMFLEX</div>
188+
<div>5C REVERSE SOLIDUS DC CAPITAL LETTER U WITH DIAERESIS</div>
189+
<div>5D RIGHT SQUARE BRACKET DD CAPITAL LETTER Y WITH ACUTE</div>
190+
<div>5E CIRCUMFLEX ACCENT DE CAPITAL LETTER THORN (Icelandic)</div>
191+
<div>5F LOW LINE DF SMALL LETTER SHARP S (German)</div>
192+
<div>60 GRAVE ACCENT E0 SMALL LETTER A WITH GRAVE</div>
193+
<div>61 SMALL LETTER A E1 SMALL LETTER A WITH ACUTE</div>
194+
<div>62 SMALL LETTER B E2 SMALL LETTER A WITH CIRCUMFLEX</div>
195+
<div>63 SMALL LETTER C E3 SMALL LETTER A WITH TILDE</div>
196+
<div>64 SMALL LETTER D E4 SMALL LETTER A WITH DIAERESIS</div>
197+
<div>65 SMALL LETTER E E5 SMALL LETTER A WITH RING ABOVE</div>
198+
<div>66 SMALL LETTER F E6 SMALL LETTER AE</div>
199+
<div>67 SMALL LETTER G E7 SMALL LETTER C WITH CEDILLA</div>
200+
<div>68 SMALL LETTER H E8 SMALL LETTER E WITH GRAVE</div>
201+
<div>69 SMALL LETTER I E9 SMALL LETTER E WITH ACUTE</div>
202+
<div>6A SMALL LETTER J EA SMALL LETTER E WITH CIRCUMFLEX</div>
203+
<div>6B SMALL LETTER K EB SMALL LETTER E WITH DIAERESIS</div>
204+
<div>6C SMALL LETTER L EC SMALL LETTER I WITH GRAVE</div>
205+
<div>6D SMALL LETTER M ED SMALL LETTER I WITH ACUTE</div>
206+
<div>6E SMALL LETTER N EE SMALL LETTER I WITH CIRCUMFLEX</div>
207+
<div>6F SMALL LETTER O EF SMALL LETTER I WITH DIAERESIS</div>
208+
<div>70 SMALL LETTER P F0 SMALL LETTER ETH (Icelandic)</div>
209+
<div>71 SMALL LETTER Q F1 SMALL LETTER N WITH TILDE</div>
210+
<div>72 SMALL LETTER R F2 SMALL LETTER O WITH GRAVE</div>
211+
<div>73 SMALL LETTER S F3 SMALL LETTER O WITH ACUTE</div>
212+
<div>74 SMALL LETTER T F4 SMALL LETTER O WITH CIRCUMFLEX</div>
213+
<div>75 SMALL LETTER U F5 SMALL LETTER O WITH TILDE</div>
214+
<div>76 SMALL LETTER V F6 SMALL LETTER O WITH DIAERESIS</div>
215+
<div>77 SMALL LETTER W F7 DIVISION SIGN</div>
216+
<div>78 SMALL LETTER X F8 SMALL LETTER O WITH STROKE</div>
217+
<div>79 SMALL LETTER Y F9 SMALL LETTER U WITH GRAVE</div>
218+
<div>7A SMALL LETTER Z FA SMALL LETTER U WITH ACUTE</div>
219+
<div>7B LEFT CURLY BRACKET FB SMALL LETTER U WITH CIRCUMFLEX</div>
220+
<div>7C VERTICAL LINE FC SMALL LETTER U WITH DIAERESIS</div>
221+
<div>7D RIGHT CURLY BRACKET FD SMALL LETTER Y WITH ACUTE</div>
222+
<div>7E TILDE FE SMALL LETTER THORN (Icelandic)</div>
223+
<div> FF SMALL LETTER Y WITH DIAERESIS</div>
224+
<div><br/></div>
225+
</div>
226+
</div>
227+
<script src="/dist/text.js"></script>
228+
</body>
229+
</html>

0 commit comments

Comments
 (0)