This repository was archived by the owner on Jan 27, 2025. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
534 lines (423 loc) · 26.1 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
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<!-- seems to be needed -->
<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">
<title>De Re mulle-objc – De Re mulle-objc</title>
<meta name="description" content="
">
<meta name="keywords" content="">
<!-- Twitter Cards -->
<meta name="twitter:title" content="De Re mulle-objc">
<meta name="twitter:description" content="Welcome to the developer guide for mulle-objc. This guide will enable you to get up and running quickly with Objective-C on the platform of your choice. System Requirements mulle-objc is C, so anywhere C runs Objective-C should run too. But that’s not entirely true. mulle-objc is not suitable for tiny...">
<meta name="twitter:site" content="@mulle_nat">
<meta name="twitter:creator" content="@mulle_nat">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://www.mulle-kybernetik.com/de-re-mulle-objc/images/dere.jpg">
<!-- Open Graph -->
<meta property="og:locale" content="en_US">
<meta property="og:type" content="article">
<meta property="og:title" content="De Re mulle-objc">
<meta property="og:description" content="Welcome to the developer guide for mulle-objc. This guide will enable you to get up and running quickly with Objective-C on the platform of your choice. System Requirements mulle-objc is C, so anywhere C runs Objective-C should run too. But that’s not entirely true. mulle-objc is not suitable for tiny...">
<meta property="og:url" content="https://www.mulle-kybernetik.com/intro.html">
<meta property="og:site_name" content="De Re mulle-objc">
<meta property="og:image" content="https://www.mulle-kybernetik.com/de-re-mulle-objc/images/dere.jpg">
<meta property="og:logo" content="https://www.mulle-kybernetik.com/de-re-mulle-objc/images/logo.png">
<link href="/de-re-mulle-objc/atom.xml" type="application/atom+xml" rel="alternate" title="De Re mulle-objc Feed">
<link href="/de-re-mulle-objc/index.rdf" type="application/rss+xml" rel="alternate" title="De Re mulle-objc Feed">
<link rel="canonical" href="https://www.mulle-kybernetik.com/intro.html">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<!-- Code Color
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/monokai.css">
<!-- Site custom css -->
<link rel="stylesheet" href="css/custom.css">
<!-- local FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/junction.css">
<link rel="stylesheet" href="css/poppins.css">
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/svg" href="images/favicon.svg">
<!-- This tag allows for activation of ClearType in Mobile IE for smoothing fonts.-->
<meta http-equiv="cleartype" content="on">
<!-- http://t.co/dKP3o1e -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- For all browsers -->
</head>
<body class="post">
<div class="container">
<div class="row">
<div id="home-first" class="four columns">
<div class="sideline">
<div class="bio">
<div class="bio-photo-container" style="display: inline-block">
<img src="images/dog-pic.jpg" class="bio-photo" alt="Nat! bio photo">
</div>
<div style="display: inline-block; padding-left: 8px">
<h4>Nat!</h4>
<p>Senior Mull</p>
</div>
<div class="author-social"><a href="//www.mulle-kybernetik.com" target="_blank" class="link"><img class="inline-img" src="images/homepage-svgrepo-com.svg"></a> <a href="//www.mulle-kybernetik.com" target="_blank" class="link">WWW</a></div>
<div class="author-social"><a href="mailto:[email protected]" target="_blank"><img class="inline-img" src="images/email-svgrepo-com.svg"></a> <a href="mailto:[email protected]" target="_blank" class="link">Email</a></div>
<div class="author-social"><a href="//twitter.com/mulle_nat" target="_blank"><img class="inline-img" src="images/twitter-svgrepo-com.svg"></a> <a href="//twitter.com/mulle_nat" target="_blank" class="link">Twitter</a></div>
<div class="author-social"><a href="//github.com/mulle-nat" target="_blank"><img class="inline-img" src="images/github-svgrepo-com.svg"></a> <a href="//github.com/mulle-nat" target="_blank" class="link">Github</a></div>
<div class="author-social"><a href="//twitch.tv/Mulle_kybernetiK_TV" target="_blank"><img class="inline-img" src="images/twitch-svgrepo-com.svg"></a> <a href="//twitch.tv/Mulle_kybernetiK_TV" target="_blank" class="link">Twitch</a></div>
</div> <!-- bio -->
<div class="title">
<div>
<h2>De Re mulle-objc <div style="font-size:10px; display: inline-block;">0.50.0</div> <a href="feed.xml"><img class="inline-img" src='images/feed-icon-28x28.png'></a></h2>
</div>
<h6>© 2025 by Nat!, Mulle kybernetiK. All rights reserved.</h6>
<p>
</div> <!-- title -->
<div class="contents">
<h4>Contents</h4>
<ul>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/intro.html" title="De Re mulle-objc">De Re mulle-objc</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/modern.html" title="Project Setup">Project Setup</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/pnp-source.html" title="Generic Headers">Generic Headers</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/pnp-dependency.html" title="Dependencies">Dependencies</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/modern-complex.html" title="Projects with Multiple Targets">Projects with Multiple Targets</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/good.html" title="Good mulle-objc Code">Good mulle-objc Code</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/basics.html" title="A complete class">A complete class</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/objects.html" title="Objects and Properties">Objects and Properties</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/printing.html" title="Printing">Printing</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/pnp-class.html" title="Plug And Play Class">Plug And Play Class</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/pnp-category.html" title="Plug And Play Category">Plug And Play Category</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/overridden.html" title="Advanced: Calling overridden methods">Advanced: Calling overridden methods</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/forward.html" title="Advanced: -forward:">Advanced: -forward:</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/protocolclass.html" title="Advanced: Protocolclasses allow default implementations">Advanced: Protocolclasses allow default implementations</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/classcluster.html" title="Advanced: Classcluster Classes">Advanced: Classcluster Classes</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/singleton.html" title="Advanced: Singleton classes">Advanced: Singleton classes</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/tps.html" title="Advanced: Tagged Pointer Classes">Advanced: Tagged Pointer Classes</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/differences.html" title="Porting: Differences to Objective-C 2.0">Porting: Differences to Objective-C 2.0</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/legacy.html" title="Porting: Legacy Workflow">Porting: Legacy Workflow</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/bad.html" title="Porting: Bad mulle-objc Code">Porting: Bad mulle-objc Code</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/porting.html" title="Porting: General Tips">Porting: General Tips</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/subscripting.html" title="Porting: subscripting">Porting: subscripting</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/arc.html" title="Porting: ARC">Porting: ARC</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/block.html" title="Porting: ^blocks">Porting: ^blocks</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/dotsyntax.html" title="Porting: . syntax for properties">Porting: . syntax for properties</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/generics.html" title="Porting: generics">Porting: generics</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/modules.html" title="Porting: @import">Porting: @import</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/package.html" title="Porting: @package">Porting: @package</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/protocol.html" title="Porting: Protocols are a kind of @selector">Porting: Protocols are a kind of @selector</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/property.html" title="Porting @property">Porting @property</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/synthesize.html" title="Porting: @synthesize is useless now">Porting: @synthesize is useless now</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/synchronized.html" title="Porting: Synchronized is gone">Porting: Synchronized is gone</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/varargs.html" title="Porting: Variable Arguments in Methods">Porting: Variable Arguments in Methods</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/nszone.html" title="Porting: NSZone">Porting: NSZone</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/unichar.html" title="Porting: unichar">Porting: unichar</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/cpp.html" title="Porting: Objective-C++">Porting: Objective-C++</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/xcodeproj.html" title="Porting: Xcode projects">Porting: Xcode projects</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/tools.html" title="Tooling: mulle-objc Tools">Tooling: mulle-objc Tools</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/coverage.html" title="Tooling: Coverage information">Tooling: Coverage information</a>
</article>
<article>
<li class="no-bullet"><a class="internal-link" href="/de-re-mulle-objc/reduction.html" title="Tooling: Code reduction">Tooling: Code reduction</a>
</article>
</ul>
<h5> Or read it like a <a href="book.html"><b>book</b></a>.</h6>
</div> <!-- contents -->
</div> <!-- sideline -->
</div> <!-- four columns -->
<div id="home-second" class="eight columns">
<div id="main" role="main">
<article>
<h1>De Re mulle-objc</h1>
<div>
<p><img src="images/dere.jpg" alt="Logo" /></p>
<p>Welcome to the developer guide for <a href="//mulle-objc.github.io">mulle-objc</a>. This
guide will enable you to get up and running quickly with Objective-C on the
platform of your choice.</p>
<h2 id="system-requirements">System Requirements</h2>
<p>mulle-objc is C, so anywhere C runs Objective-C should run too. But that’s
not entirely true. mulle-objc is not suitable for tiny CPUs. When you
build the Foundation library as a shared library you end up with 2.5MB
(mulle-objc 0.5MB). So any system with less than 4MB RAM, will likely not
cut it. The CPU needs to be at least 32 bit wide to be able to
use mulle-objc selectors efficiently.</p>
<p>You can expect the MulleObjC library to work on any suitable ARM or X86_64 or I686 system. The Foundation support outside of Linux, FreeBSD and macOS is still somewhat iffy.</p>
<h2 id="license">License</h2>
<p>mulle-objc is permissively - BSD3 - licensed and free of cost, meaning
you can use it anywhere you like and wish.</p>
<h2 id="objective-c-tutorials">Objective-C Tutorials</h2>
<p>A complete Objective-C tutorial is outside the scope of this manual, but
there some useful ones online, in case you are not familiar with the
language. Most of these cover Objective-C in its 2.0 (Apple) incarnation. Consult <a href="differences.html">Differences to Objective-C 2.0</a> if you are in doubt about the applicability of what’s written to mulle-objc.</p>
<p>In general ignore parts about “gcc”, “Xcode”, “MacOSX”, “GNUStep”. Ignore parts about “Dot Syntax” as well as “Blocks” and anything mentioning “ARC”.</p>
<table>
<thead>
<tr>
<th>Resource</th>
<th>Publisher</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://fullonrager.github.io/rys-objective-c-tutorial-archive/introduction.html">Ry’s Objective-C Tutorial</a></td>
<td>RyPress</td>
<td>Very easy to read. Just keep in mind, that mulle-objc prefers <code class="language-plaintext highlighter-rouge">+object</code> over <code class="language-plaintext highlighter-rouge">+alloc</code>/<code class="language-plaintext highlighter-rouge">-init</code> and prefers <code class="language-plaintext highlighter-rouge">mulle_printf</code> over <code class="language-plaintext highlighter-rouge">NSLog</code></td>
</tr>
<tr>
<td><a href="https://www.tutorialspoint.com/objective_c/objective_c_quick_guide.htm">Learn Objective-C Quick Guide</a></td>
<td>Tutorialspoint</td>
<td>Looks like a good tutorial.</td>
</tr>
<tr>
<td><a href="https://codescracker.com/objective-c/index.htm">Objective-C Tutorial</a></td>
<td>Codecrackers</td>
<td>This is basically the same as whats offered at Tutorialspoint, but there are differences. Someone plagiarized but I can’t tell who did it. The codecrackers page looks a bit nicer</td>
</tr>
<tr>
<td><a href="https://etutorials.org/Programming/Cocoa/Part+I+Introducing+Cocoa/Chapter+1.+Objective-C/">Objective-C Tutorial</a></td>
<td>Etutorials</td>
<td>???</td>
</tr>
<tr>
<td><a href="https://www.cocoadevcentral.com/d/learn_objectivec">Learn Objective-C</a></td>
<td>CocoaDev</td>
<td>Gives a quick overview of concepts.</td>
</tr>
<tr>
<td><a href="https://developer.apple.com/library/archive/documentation/Cocoa/Conceptual/ProgrammingWithObjectiveC/Introduction/Introduction.html">Programming With Objective C</a></td>
<td>Apple</td>
<td>This covers all the basics.</td>
</tr>
</tbody>
</table>
<h2 id="mulle-objc-reads">mulle-objc Reads</h2>
<p>Once you got the hang on Objective-C, the following list of mulle-objc
pamphlets will surely be of interest:</p>
<table>
<thead>
<tr>
<th>Title</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://mulle-objc.github.io/De-Re-mulle-objc/index.html#mulle-objc-portal">De Re mulle-objc</a></td>
<td>A hands on intro to develop mulle-objc programs combined with some deeper technical insights.</td>
</tr>
<tr>
<td><a href="https://www.mulle-kybernetik.com/de-re-nsobject">De Re NSObject</a></td>
<td>All about NSObject, object management, @autoreleasepool and coding conventions. A must read.</td>
</tr>
<tr>
<td><a href="https://www.mulle-kybernetik.com/de-re-property/">De Re @property</a></td>
<td>All about @property and its attributes. Required reading for all mulle-objc developers.</td>
</tr>
<tr>
<td><a href="https://www.mulle-kybernetik.com/objc-runtime-in-pictures/">Objective-C Runtime in Pictures</a></td>
<td>The bits and bytes perspective on the mulle-objc runtime</td>
</tr>
<tr>
<td><a href="https://www.mulle-kybernetik.com/mulle-objc-ide/">mulle-objc Development with IDEs</a></td>
<td>How to setup several popular IDEs for mulle-objc development.</td>
</tr>
<tr>
<td><a href="https://www.mulle-kybernetik.com/de-re-mulle-sde/">De Re mulle-sde</a></td>
<td>Developer guide for mulle-sde, should cover most workflow topics</td>
</tr>
<tr>
<td><a href="https://github.com/mulle-objc/Objective-C-CheatSheet">mulle-objc CheatSheet</a></td>
<td>The is a good way to get a quick overview of what the Mulle Objective-C dialect has to offer. It is tailored to mulle-objc specifically, but it is no tutorial.</td>
</tr>
<tr>
<td><a href="https://github.com/mulle-sde/mulle-sde/wiki">Mulle-sde WiKi</a></td>
<td>Mulle-sde WIKI more indepth information about the tooling.</td>
</tr>
<tr>
<td><a href="https://github.com/mulle-objc/mulle-objc.github.io/issues/1">mulle-objc community membership</a></td>
<td>It’s free!</td>
</tr>
</tbody>
</table>
<h2 id="other-objective-c-reads">Other Objective-C Reads</h2>
<p>Most of these books cover Objective-C in its 2.0 incarnation. Consult
<a href="differences.html">Differences to Objective-C 2.0</a>,
if you are in doubt about the applicability of what’s written:</p>
<table>
<thead>
<tr>
<th>Resource</th>
<th>Publisher</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://developer.apple.com/library/archive/documentation/General/Conceptual/CocoaEncyclopedia/Introduction/Introduction.html">Concepts in Objective-C Programming</a></td>
<td>Apple</td>
<td>This is a more in-depth read to understand some terminology used by fellow Objective-C coders. Ignore the chapters “Delegates and Data Sources”, “Model View Controller”, “Object Modeling”, “Outlets”, “Receptionist Pattern”, “Target-Action”, “Toll-Free Bridging”</td>
</tr>
<tr>
<td><a href="https://nshipster.com/">NSHipster</a></td>
<td>Mattt</td>
<td>Some articles cover Objective-C and the Foundation</td>
</tr>
<tr>
<td> </td>
<td><a href="https://www.onlineprogrammingbooks.com/objective-c/">onlineprogrammingbooks</a></td>
<td>A list of downloadable book PDFs.</td>
</tr>
<tr>
<td><a href="https://github.com/objc-zen/objc-zen-book">Zen and the Art of the Objective-C Craftsmanship</a></td>
<td>Bernardi - De Bortoli</td>
<td>A more advanced read. On a cursory examination, there is a lot there, that’s not applicable to mulle-objc or that goes against the mulle-objc style.</td>
</tr>
</tbody>
</table>
<h2 id="mulle-objc-portal">mulle-objc Portal</h2>
<p>Periodically check out <a href="https://mulle-objc.github.io">mulle-objc</a> which is the portal
for all things mulle-objc.</p>
</div>
</article>
</div>
<p>
<div class="left-right" id="pn-container">
<div class="left-half">
</div>
<div class="right-half">
<span class="link">
Next <a rel="next" class="internal-link" href="/de-re-mulle-objc/modern.html">Project Setup</a>
</span>
</div>
</div> <!-- left_right -->
</div> <!-- eight columns -->
</div>
</div> <!-- container -->
<script>
document.querySelectorAll('pre').forEach((block) => {
const button = document.createElement('button');
button.className = 'copy-button';
button.innerHTML = `<svg aria-hidden="true" data-prefix="far" data-icon="copy" class="svg-inline--fa fa-copy fa-fw fa-1x" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 440 500"><path fill="currentColor" d="M384 336H192c-9 0-16-7-16-16V64c0-9 7-16 16-16h140l68 68v204c0 9-7 16-16 16zm-192 48h192c35 0 64-29 64-64V116c0-13-5-25-14-34l-68-68c-9-9-21-14-34-14H192c-35 0-64 29-64 64v256c0 35 29 64 64 64zM64 128c-35 0-64 29-64 64v256c0 35 29 64 64 64h192c35 0 64-29 64-64v-32h-48v32c0 9-7 16-16 16H64c-9 0-16-7-16-16V192c0-9 7-16 16-16h32v-48H64z"/></svg>`;
block.appendChild(button);
button.addEventListener('click', () => {
const code = block.querySelector('code');
navigator.clipboard.writeText(code.textContent).then(() => {
// Change icon to checkmark
const originalHTML = button.innerHTML;
button.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="16" height="16"><path fill-rule="evenodd" d="M20 5a1 1 0 0 1 0 1l-9 13a1 1 0 0 1-1 0l-7-6a1 1 0 0 1 1-1l5 6 10-13a1 1 0 0 1 1 0z" clip-rule="evenodd"/></svg>';
// Reset after delay
setTimeout(() => {
// Restore original icon
button.innerHTML = originalHTML;
// fidget this for reasons...
button.style.color = '#6a6a7c';
}, 500);
});
});
});
</script>
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(["setCookieDomain", "*.www.mulle-kybernetik.com"]);
_paq.push(["setDomains", ["*.www.mulle-kybernetik.com"]]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//www.mulle-kybernetik.com/matomo/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript><p><img src="//www.mulle-kybernetik.com/matomo/matomo.php?idsite=1&rec=1" style="border:0;" alt="" /></p></noscript>
<!-- End Matomo Code -->
</body>
</html>