-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
334 lines (248 loc) · 27.7 KB
/
index.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
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
<!doctype html>
<!-- The following comment is called a MOTW comment and is necessary for the TiddlyIE Internet Explorer extension -->
<!-- saved from url=(0021)https://tiddlywiki.com -->
<html lang="en-GB">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<!--~~ Raw markup for the top of the head section ~~-->
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<meta name="application-name" content="TiddlyWiki" />
<meta name="generator" content="TiddlyWiki" />
<meta name="tiddlywiki-version" content="5.3.6-prerelease" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="format-detection" content="telephone=no" />
<meta name="copyright" content="TiddlyWiki created by Jeremy Ruston, (jeremy [at] jermolene [dot] com)
Copyright (c) 2004-2007, Jeremy Ruston
Copyright (c) 2007-2024, UnaMesa Association
All rights reserved.
Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:
* Redistributions of source code must retain the above copyright notice, this
list of conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice,
this list of conditions and the following disclaimer in the documentation
and/or other materials provided with the distribution.
* Neither the name of the copyright holder nor the names of its
contributors may be used to endorse or promote products derived from
this software without specific prior written permission.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS 'AS IS'
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE." />
<link id="faviconLink" rel="shortcut icon" href="favicon.ico">
<title>Font Manager</title>
<!--~~ This is a Tiddlywiki file. The points of interest in the file are marked with this pattern ~~-->
<!--~~ Raw markup ~~-->
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap" rel="stylesheet">
</head>
<body class="tc-body">
<!--~~ Raw markup for the top of the body section ~~-->
<!--~~ Static styles ~~-->
<div id="styleArea">
<style data-tiddler-title="$:/boot/boot.css" data-tiddler-type="text/css" type="text/css">/*
Basic styles used before we boot up the parsing engine
*/
/*
Error message and password prompt
*/
.tc-error-form {
font-family: sans-serif;
color: #fff;
z-index: 20000;
position: fixed;
background-color: rgb(255, 75, 75);
border: 8px solid rgb(255, 0, 0);
border-radius: 8px;
width: 50%;
margin-left: 25%;
margin-top: 4em;
padding: 0 2em 1em 2em;
}
.tc-error-form h1 {
text-align: center;
}
.tc-error-prompt {
text-align: center;
color: #000;
}
.tc-error-message {
overflow: auto;
max-height: 40em;
padding-right: 1em;
margin: 1em 0;
white-space: pre-line;
}
.tc-password-wrapper {
font-family: sans-serif;
z-index: 20000;
position: fixed;
text-align: center;
width: 200px;
top: 4em;
left: 50%;
margin-left: -144px; /* - width/2 - paddingHorz/2 - border */
padding: 16px 16px 16px 16px;
border-radius: 8px;
}
.tc-password-wrapper {
color: #000;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: rgb(197, 235, 183);
border: 8px solid rgb(164, 197, 152);
}
.tc-password-wrapper form {
text-align: left;
}
.tc-password-wrapper h1 {
font-size: 16px;
line-height: 20px;
padding-bottom: 16px;
}
.tc-password-wrapper input {
width: 100%;
}
</style>
</div>
<!--~~ Static content for Google and browsers without JavaScript ~~-->
<noscript>
<div id="splashArea">
<p>This <a class="tc-tiddlylink-external" href="https://tiddlywiki.com" rel="noopener noreferrer" target="_blank">TiddlyWiki</a> contains the following tiddlers:</p><p><ul>
<li>$:/build</li>
<li>$:/config/AutoSave</li>
<li>$:/config/ExternalJS/EnableExternalPlugins</li>
<li>$:/config/ExternalJS/Prefix/Core</li>
<li>$:/config/ExternalJS/Prefix/Plugins</li>
<li>$:/config/Manager/Show</li>
<li>$:/config/OfficialPluginLibrary</li>
<li>$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/home</li>
<li>$:/config/Plugins/Disabled/$:/plugins/kookma/gatha</li>
<li>$:/config/Plugins/Disabled/$:/plugins/Telumire/FontManager</li>
<li>$:/config/RelinkOnRename</li>
<li>$:/config/SaveWikiButton/Template</li>
<li>$:/DefaultTiddlers</li>
<li>$:/ExternalJS</li>
<li>$:/FAQ/Style</li>
<li>$:/Import</li>
<li>$:/isEncrypted</li>
<li>$:/palette</li>
<li>$:/plugins/kookma/gatha/tabs/ide</li>
<li>$:/plugins/Telumire/FontManager/categories/customCategory</li>
<li>$:/plugins/Telumire/FontManager/categories/tc-site-subtitle</li>
<li>$:/plugins/Telumire/FontManager/categories/tc-site-title</li>
<li>$:/plugins/Telumire/FontManager/categories/tc-tiddler-body</li>
<li>$:/plugins/Telumire/FontManager/categories/tc-title</li>
<li>$:/plugins/Telumire/FontManager/fonts/Abril Fatface</li>
<li>$:/plugins/Telumire/FontManager/styles/categories</li>
<li>$:/SiteDomain</li>
<li>$:/SitePreviewUrl</li>
<li>$:/SiteSubtitle</li>
<li>$:/SiteTitle</li>
<li>$:/SiteUrl</li>
<li>$:/state/http-requests</li>
<li>$:/state/tab-1749438307</li>
<li>$:/state/tab/sidebar--595412856</li>
<li>$:/status/RequireReloadDueToPluginChange</li>
<li>$:/StoryList</li>
<li>$:/themes/tiddlywiki/vanilla/options/sidebarlayout</li>
<li>$:/TiddlyTweaks/Details/Style</li>
<li>$:/UploadURL</li>
<li>$:/UploadWithUrlOnly</li>
<li>About File Paths</li>
<li>FAQ</li>
<li>FAQ/IMG</li>
<li>FAQ/Info/List of font embedding service</li>
<li>Hide caption Style</li>
<li>How to add a new font</li>
<li>How to contribute</li>
<li>How to install the font manager</li>
<li>How to uninstall the font manager</li>
<li>How to use the font manager</li>
<li>New Tiddler</li>
<li>New Tiddler 2</li>
<li>repo</li>
<li>Shimmer</li>
<li>Shimmer/Style</li>
<li>Sparkly text</li>
<li>Text effects</li>
</ul>
</p>
<style>
.tc-remove-when-wiki-loaded {display: none;}
</style>
</div>
</noscript>
<!--~~ Ordinary tiddlers ~~-->
<script class="tiddlywiki-tiddler-store" type="application/json">[
{"title":"$:/build","commit":"bb7556092250c0efc2dd00756184ae49d6cc6e8a","text":"Prerelease built from branch 'master' at commit bb7556092250c0efc2dd00756184ae49d6cc6e8a of https://github.com/TiddlyWiki/TiddlyWiki5 at 2024-09-25 12:17:45 UTC\n"},
{"text":"no","title":"$:/config/AutoSave"},
{"created":"20240925135424841","text":"yes","title":"$:/config/ExternalJS/EnableExternalPlugins","modified":"20240925135431818"},
{"created":"20240218194256384","text":"https://telumire.github.io/FontManager/tiddlywikicore","title":"$:/config/ExternalJS/Prefix/Core","modified":"20240925135747553"},
{"created":"20240307163222072","text":"https://telumire.github.io/FontManager/myplugins","title":"$:/config/ExternalJS/Prefix/Plugins","modified":"20240925135751175","tags":""},
{"title":"$:/config/Manager/Show","text":"tags"},
{"title":"$:/config/OfficialPluginLibrary","tags":"$:/tags/PluginLibrary","url":"https://tiddlywiki.com/prerelease/library/v5.2.8/index.html","caption":"{{$:/language/OfficialPluginLibrary}} (Prerelease)","text":"The prerelease version of the official ~TiddlyWiki plugin library at tiddlywiki.com. Plugins, themes and language packs are maintained by the core team.\n"},
{"text":"show","title":"$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/home"},
{"created":"20230415181538413","title":"$:/config/Plugins/Disabled/$:/plugins/kookma/gatha","text":"yes","modified":"20230415181538413"},
{"created":"20230415190616943","title":"$:/config/Plugins/Disabled/$:/plugins/Telumire/FontManager","text":"no","modified":"20230415190635562"},
{"text":"yes","title":"$:/config/RelinkOnRename"},
{"title":"$:/config/SaveWikiButton/Template","text":"$:/core/save/offline-external-js"},
{"created":"20230415142125148","title":"$:/DefaultTiddlers","text":"[[$:/plugins/Telumire/FontManager/manager]]\n[[FAQ]]\n[[$:/plugins/Telumire/FontManager/releases]]","modified":"20230415181853726"},
{"created":"20221206112326766","creator":"Telumire","text":"\\procedure form(filter,legend)\n\u003Cform class=\"data\">\n\u003Cfieldset>\n\u003Clegend>\u003C\u003Clegend>>\u003C/legend>\n\u003C$list filter=\u003C\u003Cfilter>> >\n\u003Clabel>\u003C$link>\u003C$text text={{{ [{!!title}split[/]last[]] }}}/>\u003C/$link> \u003C$edit-text tag=\"input\"/>\n\\end\n\u003Cdiv>\n\n\u003Cstyle>\n.data fieldset{\nborder-radius:5px;\ndisplay:grid;\ngrid-template-columns:auto 1fr;\ngap:1ch;\n\n& label{\nalign-items:center;\ngrid-column:1/3;\ndisplay: grid;\ngrid-template-columns:subgrid;\n}\n}\n\u003C/style>\n\n\u003Ca href={{repo}}>repo\u003C/a>\n\n\u003C\u003Cform filter:\"[prefix[$:/config/ExternalJS/Prefix/]] repo\" legend:\"Paths\">>\n\n{{$:/plugins/cdr/external-js/usage}}","title":"$:/ExternalJS","modified":"20240924162534683","modifier":"Telumire","tags":"$:/tags/SideBar","caption":"External"},
{"created":"20230414064528093","text":"\\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline html\n\nul.help{\nlist-style:none;\npadding-left:20px;\n}\n\nul.help summary{\nborder:none;\n}\n\nul.help>li:before{\ndisplay:inline-block;\nwidth:1em;\naspect-ratio:1;\ncontent:\"\";\n\u003C$let svg=\"$:/core/images/help\" fill=\"foreground\">\n{{$:/plugins/Telumire/FontManager/snippets/css/svg/url}}\n\u003C/$let>\nbackground-image:var(--url);\nbackground-size:contain;\n}\n\n.help details {\ndisplay:contents\n}\n\n.help details > summary {\ncursor:pointer;\ndisplay:inline-block;\nlist-style:none\n}\n\n.help details>summary::marker, /* latest chrome,edge,firefox */ \n.help details>summary::-webkit-details-marker /* safari */ {\ndisplay:none\n}\n\n.help details.open>summary::after {\ncontent:\" [-]\"\n}\n\n.help details>summary::after {\ncontent:\" [+]\"\n}\n\n.help details>summary:hover {\nbackground:#fe8;\ncolor:#014\n}\n\n.help details>summary:active{\nbackground:#db4;\ncolor:#fff\n}\n\n.help .tc-tiddler-body{\npadding-left:20px;\n}","tags":"$:/tags/Stylesheet","title":"$:/FAQ/Style","modified":"20230415150026599","code-body":"yes"},
{"title":"$:/Import","text":"The following tiddlers were imported:\n\n# [[$:/config/ExternalJS/Prefix/Plugins]]","status":"complete"},
{"title":"$:/isEncrypted","text":"no"},
{"title":"$:/palette","text":"$:/palettes/Vanilla"},
{"text":"\\import $:/plugins/kookma/gatha/macros/create-plugin\n\\import $:/plugins/kookma/gatha/import/load-plugin\n\\import $:/plugins/kookma/gatha/macros/definition\n\n\u003Cdiv class=\"ga-sidebar\">\n\n\u003C\u003Ccreate-new-plugin>>\u003C$list filter=\"[\u003CtidConfig>getindex[load-plugin]match[show]]\" variable=null> | \u003C\u003Cload-plugin-ui>>\u003C/$list>\n\n\u003C!-- creats tabs from plugin drafts -->\n\u003C$macrocall $name=\"tabs\"\n tabsList= \"[all[tiddlers]has:field[plugin-draft]!has[draft.of]] :sort[split[/]!is[blank]nth[4]]\" \n default= {{{ [all[tiddlers]has:field[plugin-draft]first[]] }}}\n buttonTemplate=\"$:/plugins/kookma/gatha/tabs/button-template\"\n template=\"$:/plugins/kookma/gatha/tabs/content-template\"\n class=\"tc-vertical\"\n />\n \u003C/div>","title":"$:/plugins/kookma/gatha/tabs/ide","tags":"","type":"text/vnd.tiddlywiki"},
{"created":"20230415174930812","text":"","creator":"Telumire","tags":"$:/plugins/Telumire/FontManager/manager category","font-selector":".customCategory","font-family":"poppinsblack","font-size":"1em","default-font-size":"1em","modifier":"Telumire","title":"$:/plugins/Telumire/FontManager/categories/customCategory","show-preview":"","modified":"20230415190207380"},
{"created":"20230415174930813","creator":"Telumire","text":"","tags":"$:/plugins/Telumire/FontManager/categories category","font-selector":".tc-site-subtitle","font-family":"Roboto Slab","font-size":"14px","default-font-size":"14px","title":"$:/plugins/Telumire/FontManager/categories/tc-site-subtitle","show-preview":"","modifier":"Telumire","type":"","modified":"20230415190207380"},
{"created":"20230415174930813","creator":"Telumire","text":"","tags":"$:/plugins/Telumire/FontManager/categories category","font-selector":".tc-site-title","font-family":"Abril Fatface","font-size":"3em","default-font-size":"2em","title":"$:/plugins/Telumire/FontManager/categories/tc-site-title","show-preview":"","modifier":"Telumire","css":"color:\u003C\u003Ccolor primary>>;","modified":"20230415190207381"},
{"created":"20230415174930813","creator":"Telumire","text":"","tags":"$:/plugins/Telumire/FontManager/categories category","font-selector":".tc-tiddler-frame .tc-tiddler-body","font-family":"Roboto Slab","font-size":"15px","default-font-size":"15px","title":"$:/plugins/Telumire/FontManager/categories/tc-tiddler-body","show-preview":"","modifier":"Telumire","modified":"20230415190207381"},
{"created":"20230415174930813","text":"","creator":"Telumire","tags":"$:/plugins/Telumire/FontManager/categories category","font-selector":"h2.tc-title","font-family":"Roboto Slab","font-size":"1em","default-font-size":"1em","title":"$:/plugins/Telumire/FontManager/categories/tc-title","show-preview":"","modifier":"Telumire","modified":"20230415190207381"},
{"created":"20230415190706895","text":"\u003Clink href=\"https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap\" rel=\"stylesheet\">","tags":"$:/tags/RawMarkup font-family $:/plugins/Telumire/FontManager/fonts/serif","title":"$:/plugins/Telumire/FontManager/fonts/Abril Fatface","modified":"20230415190706895"},
{"created":"20230414045833501","text":"\u003C$list filter=\"[all[tiddlers+shadows]has[font-selector]]\">\n{{!!font-selector}}{\nfont-family:{{!!font-family}};\nfont-size:{{!!font-size}};\n{{!!css}}\n}\n\u003C/$list>","tags":"$:/plugins/Telumire/FontManager/categories $:/tags/Stylesheet","title":"$:/plugins/Telumire/FontManager/styles/categories","modifier":"Telumire","modified":"20230415190533295"},
{"text":"fontmanager.tiddlyhost.com","title":"$:/SiteDomain"},
{"text":"https://fontmanager.tiddlyhost.com/thumb.png","title":"$:/SitePreviewUrl"},
{"title":"$:/SiteSubtitle","text":""},
{"created":"20230414062058347","text":"Font Manager","title":"$:/SiteTitle","modified":"20230415191532154"},
{"text":"https://fontmanager.tiddlyhost.com","title":"$:/SiteUrl"},
{"title":"$:/state/http-requests","text":"0"},
{"created":"20240925135353152","title":"$:/state/tab-1749438307","text":"$:/core/ui/ControlPanel/Plugins","modified":"20240925135353152"},
{"created":"20240925135154943","title":"$:/state/tab/sidebar--595412856","text":"$:/ExternalJS","modified":"20240925135154943"},
{"title":"$:/status/RequireReloadDueToPluginChange","text":"no"},
{"title":"$:/StoryList","text":"","list":"$:/plugins/Telumire/FontManager/manager FAQ $:/plugins/Telumire/FontManager/releases"},
{"created":"20230415150320297","title":"$:/themes/tiddlywiki/vanilla/options/sidebarlayout","text":"fluid-fixed","modified":"20230415150320297"},
{"text":"details {\ndisplay:contents\n}\n\ndetails > summary {\ndisplay:inline-block;\nlist-style:none\n}\n\ndetails>summary::marker, /* latest chrome,edge,firefox */ \ndetails>summary::-webkit-details-marker /* safari */ {\ndisplay:none\n}\n\ndetails>summary {\nborder:1px solid #db4;\ncursor:pointer;\nmargin:0 .25em;\npadding:0 .25em\n}\n\ndetails.open>summary::after {\ncontent:\" [-]\"\n}\n\ndetails>summary::after {\ncontent:\" [+]\"\n}\n\ndetails>summary:hover {\nbackground:#fe8;\ncolor:#014\n}\n\ndetails>summary:active{\nbackground:#db4;\ncolor:#fff\n}","tags":"","title":"$:/TiddlyTweaks/Details/Style"},
{"text":"","title":"$:/UploadURL"},
{"text":"yes","title":"$:/UploadWithUrlOnly"},
{"text":"* `/`: root directory\n* `./`: current directory\n* `../`: one directory backward\n* `../../`: two directories backwards (and so on…)\n\nE.g: \n\n\u003C\u003Ctree \"folder\" \"/\">>\n\nPath to reference `poppins-black` in `index.html`: `./fonts/poppins-black.ttf`","title":"About File Paths"},
{"created":"20230414043323458","text":"\u003Cul class=\"help\">\n\u003C$list filter=\"[tag[FAQ]sort[list]]\">\n\u003Cli>\n\u003Cdetails>\u003Csummary>\u003C$link>\u003C$text text={{{ [{!!title}split[/]last[]] }}}/>\u003C/$link>\u003C/summary>\n\u003C$transclude tiddler=\"$:/core/ui/ViewTemplate/body\" mode=\"block\"/>\n\u003C/details>\n\u003C/li>\n\u003C/$list>\n\u003C/ul>","creator":"Telumire","tags":"","title":"FAQ","modifier":"Telumire","type":"","list":"[[How to use the font manager]] [[How to add a new font]] [[How to install the font manager]] [[How to contribute]] [[How to uninstall the font manager]]","modified":"20230416132154849"},
{"text":"","tags":"","title":"FAQ/IMG"},
{"text":"* Google Fonts\n* Font Library\n\nSource : https://alternativeto.net/feature/font-host/","creator":"Telumire","title":"FAQ/Info/List of font embedding service","modifier":"Telumire","tags":"[[How to add a new font]]"},
{"created":"20230415150108767","text":".tc-subtitle{display:none}","tags":"$:/tags/Stylesheet","title":"Hide caption Style","modified":"20230415150141123"},
{"text":"!!1. Using a font embedding service\n\n* Create a tiddler tagged with \u003C\u003Ctag $:/tags/RawMarkup>>, add the tag \"font-family\" to list it in the [[FontManager|$:/plugins/Telumire/FontManager/categories]]\n* Copy/paste the link data given by [[Google Fonts|https://fonts.google.com/]] (or [[equivalent|FAQ/Info/List of font embedding service]]).\n\nE.g : [[$:/plugins/Telumire/FontManager/fonts/Roboto Slab]] ([[google font|https://fonts.google.com/share?selection.family=Roboto]])\n\u003C$codeblock code={{$:/plugins/Telumire/FontManager/fonts/Roboto Slab}} language=\"html\"/>\n\n!!2. Embedding a font into the tiddlywiki file\n\n* Convert your font to base 64 using a [[Webfont Generator|https://www.fontsquirrel.com/tools/webfont-generator]] (or [[use the datauri macro|https://groups.google.com/g/tiddlywiki/c/mnC7gOHzv0Y/m/o1jkL89QBeQJ]])\n* Create a tiddler tagged with \u003C\u003Ctag $:/tags/Stylesheet>> and add a \u003Ccode>[[@font-face|https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face]]\u003C/code>\n* Use the base64 font as the src of the font-face\n\nE.g : [[$:/plugins/Telumire/FontManager/fonts/poppinsblack]] (see the tiddler for the full base64)\n\n\u003C$codeblock code=\"@font-face {\n font-family: 'poppinsblack';\n src: url(data:font/truetype;charset=utf-8;base64,AAEAA..) format('truetype');\n font-weight: normal;\n font-style: normal;\n}\" language=\"css\"/>\n\n\n!!3. Linking to a local font\n\nSee 2, but instead of a base64 url, use a local font [[file path|About File Paths]].\n\nE.g : \n\n`src: url(\"/fonts/poppins-black.ttf\") format(\"truetype\");`","creator":"Telumire","tags":"FAQ","title":"How to add a new font","modifier":"Telumire","icon":"$:/core/images/help"},
{"created":"20230415150903391","text":"https://github.com/Telumire/FontManager","creator":"Telumire","tags":"FAQ","title":"How to contribute","modifier":"Telumire","icon":"$:/core/images/help","modified":"20230415150942600"},
{"created":"20230415150649587","text":"Drag and drop this button in your wiki: {{$:/plugins/Telumire/FontManager||$:/core/ui/Components/plugin-info}}","creator":"Telumire","tags":"FAQ","title":"How to install the font manager","modifier":"Telumire","icon":"$:/core/images/help","fonts":"yes","FAQ":"yes","modified":"20230415220755045"},
{"created":"20230415152528570","text":"Currently, the plugin uninstall button does not remove the tiddlers created with the font manager plugin. To remove every tiddlers from the plugin, use the uninstall button first //before// uninstalling the plugin the regular way.","creator":"Telumire","tags":"FAQ","title":"How to uninstall the font manager","modifier":"Telumire","modified":"20230415152645883"},
{"created":"20230416131933304","text":"The font manager has 3 sections : \n\n* Font preview selection\n* Font categories\n* Button to add a new category\n\n;Font preview selection\n\n[img class=\"help\" alt=\"screenshot of the preview selection\"[https://www.telumire.be/FontManager/telumire/fontmanager/FAQ/Font preview selection.webp]]\n\nSelect a preset text sample by clicking on the text at the left of the text field, or type your own text. At the right of the text input you will find an eye icon to toggle all text preview at once.\n\n\n;Font categories\n\n[img class=\"help\" alt=\"screenshot of the font categories\"[https://www.telumire.be/FontManager/telumire/fontmanager/FAQ/Font categories.webp]]\n\nBy default, the name of the category is used as a css selector when the category is created : if your category is named \".tc-title\", any element with the class tc-title will be affected by the font-family / font-size you choose.\nYou can change the default css selector by clicking on the name of the category, this will open the tiddler containing the settings of the category. The css selector for your font category is defined in the field \"font-selector\". \n\n[img class=\"help\" alt=\"screenshot of the category settings\"[https://www.telumire.be/FontManager/telumire/fontmanager/FAQ/Font settings.webp]]\n\nYou can also add a field with the name \"css\" to add custom css to this selector.\n\nIf you click on the text preview next to your font category, the css selector for the font will be copied to your clipboard.\n\nTo delete a font category, hover the name of the category and click on the @@.tc-tiddler-title-icon.link-icon {{$:/core/images/delete-button}}@@ icon. You can toggle the preview for each category by clicking the @@.tc-tiddler-title-icon.link-icon {{$:/core/images/preview-open}}@@ icon. \n\n;Button to add a new category\n\nClick on \"new category\" and type the name of your category, then hit enter or click on the @@.tc-tiddler-title-icon.link-icon {{$:/core/images/new-button}}@@ icon to add it to the list.\n\n[img class=\"help\" alt=\"screenshot of the new category button\"[https://www.telumire.be/FontManager/telumire/fontmanager/FAQ/New category.webp]]\n\n\u003Cstyle>\n.inline-icon>*{\nwidth:1em;\n}\nimg.help{\nborder:solid 1px black;\n}\n\u003C/style>","creator":"Telumire","title":"How to use the font manager","modifier":"Telumire","icon":"$:/core/images/help","tags":"FAQ","modified":"20230416132152295"},
{"text":"\u003C$list filter=\"[[$:/plugins/Telumire/FontManager]]\">\n\u003C$importvariables filter=\"[[$:/plugins/kookma/gatha/tabs/content-template]]\">\n\n\u003C$let \n pluginType={{!!plugin-draft}}\n namePrefix={{{ [\u003CpluginType>addprefix[$:/]addsuffix[s/]] }}}\n pluginName={{{ [\u003CcurrentTiddler>removeprefix\u003CnamePrefix>split[/]last[1]] }}}\n publisherName={{{ [\u003CcurrentTiddler>removeprefix\u003CnamePrefix>split[/]first[1]] }}}\n pluginVersion={{{ [\u003CcurrentTiddler>get[version]else[0.0.0]] }}}\n timedate=\u003C\u003Cnow \"YYYY0MM0DD\">>\n> \n\n\u003C$list filter=\"[prefix\u003CcurrentTiddler>] -[\u003CcurrentTiddler>] [enlist{!!extra-tiddlers}] :filter[has[title]] +[limit[1]]\" variable=ignore>\n\u003C$list filter=\"[all[shadows+tiddlers]tag[$:/tags/Gatha/ExportButton]!has[draft.of]sort[caption]]:filter[!search:title[demo]]\" variable=button>\n\u003Cdiv class=\"tc-menu-list-item\" style=\"padding-left:14px;\">\n\u003C$transclude tiddler=\u003C\u003Cbutton>> mode=\"inline\"/>\n\u003C/div>\n\u003C/$list>\n\u003C/$list>\n\n\u003C/$let>\n\u003C/$importvariables>\n\u003C/$list>","tags":"","title":"New Tiddler"},
{"text":"{{{ [all[tiddlers]search[$:/plugins/Telumire/FontManager/manager]] }}}\n\n\u003C$button>\n\u003C$action-setfield $tiddler=\"$:/state/tab-1749438307\" $field=\"text\" $value=\"$:/core/ui/ControlPanel/Appearance\"/>\n\u003C$action-navigate $to=\"$:/ControlPanel\"/>\nGo to Control Panel \"Appearance\" tab\n\u003C/$button>","tags":"","title":"New Tiddler 2"},
{"created":"20240925135754417","title":"repo","text":"https://telumire.github.io/FontManager","modified":"20240925135754417"},
{"created":"20230415142715200","text":"\u003C$link class=\"shimmer\" tag=\"span\">{{!!title}}\u003C/$link>","tags":"","title":"Shimmer","modified":"20230415142738941"},
{"created":"20230414064807970","text":"@keyframes shimmer{100%{background-position:calc(var(--glint-width)*2 + 100%)}}\n\n.shimmer{\nline-height: normal;\ndisplay:block;\n\t--glint-width:6ch;\n\t--background:244,244,244;\n\t--foreground:0,0,0;\n\tfont-weight:bold;\n\tanimation:shimmer 5s 1s infinite ease-in-out;\nbackground: linear-gradient(\n to right, \n rgb(var(--foreground)) 0%,\n rgb(var(--background)) 50%,\n rgb(var(--foreground)) 100%\n ) rgb(var(--foreground));\n\tbackground-size:calc(var(--glint-width)*2) 100%;\n\tbackground-clip:text;\n\tbackground-repeat:no-repeat;\n\tbackground-position:calc(var(--glint-width)*-2);\n\tcolor:rgba(var(--foreground),0.1)!important;\n}\n","tags":"$:/tags/Stylesheet","title":"Shimmer/Style","modified":"20230415142709125","type":"text/css"},
{"created":"20230414111417377","text":"\u003C!--\nModified from https://github.com/chadmorrow/sparkles\n-->\n\u003Ciframe style=\"width:9ch;height:3ch;border:0;\" srcdoc=\"\"\"\n\n\u003Cstyle>\nhtml,body{\nmargin:0;\nfont-family: Roboto Slab;\noverflow: hidden;\ntext-align:center;\n}\n\n @keyframes zoom {\n 0%,100% { transform: scale(0)}\n 50% { transform: scale(1) }\n }\n\n @keyframes spin {\n 0% { transform: rotate(0) }\n 100% { transform: rotate(180deg) }\n }\n\n.sparkling{\nposition:relative;\n}\n .sparkling>* {\n animation: .7s forwards zoom;\n position: absolute;\n z-index: -1\n }\n\n .sparkling>*>svg { animation: 1s linear spin;}\n\u003C/style>\n\u003Cspan class=\"sparkling\">Sparkles\u003C/span>\n\u003Cscript>\nconst initSparkling = () => {\n const addStar = () => {\n const size = Math.floor(Math.random() * 20) + 10;\n const top = Math.floor(Math.random() * 100) - 50;\n const left = Math.floor(Math.random() * 100);\n return `\u003Cspan class=\"star\" style=\"top:${top}%; left:${left}%;\">\u003Csvg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 68 68\" fill=\"#FFC700\">\u003Cpath d=\"M26.5 25.5C19.0043 33.3697 0 34 0 34C0 34 19.1013 35.3684 26.5 43.5C33.234 50.901 34 68 34 68C34 68 36.9884 50.7065 44.5 43.5C51.6431 36.647 68 34 68 34C68 34 51.6947 32.0939 44.5 25.5C36.5605 18.2235 34 0 34 0C34 0 33.6591 17.9837 26.5 25.5Z\"/>\u003C/svg>\u003C/span>`;\n };\n \n const sparkling = () => {\n const sparklingElements = document.querySelectorAll(\".sparkling\");\n sparklingElements.forEach(sparklingElement => {\n const stars = sparklingElement.querySelectorAll(\".star\");\n if (stars.length > 5) {\n stars[0].remove();\n }\n sparklingElement.insertAdjacentHTML(\"beforeend\", addStar());\n });\n const rand = Math.floor(Math.random() * 1200) + 200;\n setTimeout(sparkling, rand);\n };\n \n sparkling();\n};\n\nwindow.addEventListener(\"DOMContentLoaded\", initSparkling);\n\u003C/script>\n\"\"\"/>","tags":"","title":"Sparkly text","modified":"20230415144810160","type":""},
{"created":"20230414081953601","text":"{{Shimmer}}\n\n{{Sparkly text}}","tags":"","title":"Text effects","modified":"20230415144102826"}
]</script><div id="storeArea" style="display:none;"></div>
<!--~~ Raw markup for the bottom of the body section ~~-->
<!--~~ Load external JavaScripts ~~-->
<script src="https://telumire.github.io/FontManager/myplugins-5.3.6-prerelease.js" onerror="alert('Error: Cannot load https://telumire.github.io/FontManager/myplugins-5.3.6-prerelease.js');"></script>
<script src="https://telumire.github.io/FontManager/tiddlywikicore-5.3.6-prerelease.js" onerror="alert('Error: Cannot load https://telumire.github.io/FontManager/tiddlywikicore-5.3.6-prerelease.js');"></script>
</body>
</html>