-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
719 lines (525 loc) · 45.6 KB
/
index.html
File metadata and controls
719 lines (525 loc) · 45.6 KB
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
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<title>Marcus Quinn: Ecommerce Designer & Developer</title>
</head>
<body>
<h1>Home</h1>
<p>—</p>
<p>layout: post</p>
<p>title: <code>Marcus Quinn: Ecommerce Designer & Developer</code></p>
<p>author: Marcus Quinn</p>
<p>abstract: |</p>
<p>Ecommerce website designer & developer with interests in software, music, video, science, sailing, surfing & volunteering.</p>
<p>keywords: [Personal Website, Work, Ecommerce, Social Media, Links, Software, Hosting, Marketing, Communications, Copywriting, Technical Writing, Services, Preferences, Audio, Music, Video, Markdown, Plain Text, Links]</p>
<p>…</p>
<hr />
<h1>Introduction</h1>
<p>—</p>
<p><em>Hello!</em></p>
<p><em>I’m guessing you’re here to learn more about me, or find something I use or recommended, so here we go…</em></p>
<p><em>My life’s work, as instilled by my ever thoughtful mother, is simply to; <strong>leave things better than I find them</strong>.</em></p>
<p><em>The majority of my work is in ecommerce web design and development — creating and using a variety of software.</em></p>
<p><em>My focus is on creative communications and efficiency systems, designed to achieve more with less.</em></p>
<p><em>It seems fitting to make my home page a collection of useful links to all the places I share my experience, tutorials, published articles, templates, resources, and the tools I like working with.</em></p>
<p><em>I hope my ongoing research & development can help you to <strong>find in minutes what took me years</strong> to refine.</em></p>
<p><em>And, if you want to make a simple and free page like this too, there's a step-by-step guide and source-files below.</em></p>
<p><em>Thank you for your interest. If I can help in any way, that’s the good karma I live by — and if I already have, please do subscribe & share.</em></p>
<p><em>Marcus</em></p>
<hr />
<h1>My online world & link tree</h1>
<h2>Latest work</h2>
<p>Most recent first:</p>
<ul>
<li><a href="https://brandlight.org">Brandlight</a></li>
<li><a href="https://swanson.co.uk">Swanson</a></li>
<li><a href="https://healthshop.co.uk">Health Shop</a></li>
<li><a href="https://healthmonthly.co.uk">Health Monthly</a></li>
<li><a href="https://authenticproduce.com">Authentic Produce</a></li>
<li><a href="https://agentdesign.co.uk">Agent Design</a></li>
</ul>
<h2>Personal links</h2>
<p>My preferred method of personal introduction is by email to: <a href="mailto:hello@marcusquinn.com">hello@marcusquinn.com</a></p>
<p>All personal links are for reference if we already know each other. If we don’t, please start with a follow on <a href="https://twitter.com/marcuswquinn">Twitter</a> or <a href="#personal-links">another platform</a>, so I can learn a little about you too.</p>
<ul>
<li><a href="https://www.jdoqocy.com/click-100171151-13266668">Website</a> – <a href="https://marcusquinn.com">marcusquinn.com</a></li>
<li><a href="https://www.dpbolvw.net/click-100171151-13269549">Email</a> – <a href="mailto:hello@marcusquinn.com">hello@marcusquinn.com</a> (preferred contact method)</li>
<li><a href="https://twitter.com">Twitter</a> – <a href="https://twitter.com/marcuswquinn">twitter.com/marcuswquinn</a> (follow for news & muse)</li>
<li><a href="https://about.gitlab.com">GitLab</a> – <a href="https://gitlab.com/marcusquinn">gitlab.com/marcusquinn</a> (code & resources) & <a href="https://marcusquinn.gitlab.io">marcusquinn.gitlab.io</a> (website mirror)</li>
<li><a href="https://github.com">GitHub</a> – <a href="https://github.com/marcusquinn">github.com/marcusquinn</a> (GitLab mirror) & <a href="https://marcusquinn.github.io">marcusquinn.github.io</a> (website mirror)</li>
<li><a href="https://discord.com">Discord</a> – <a href="https://discordapp.com/users/marcusquinn#2650">discordapp.com/users/marcusquinn#2650</a> (daily chat)</li>
<li><a href="https://instagram.com">Instagram</a> – <a href="https://www.instagram.com/marcusquinn/">instagram.com/marcusquinn</a> (life)</li>
<li><a href="https://linkedin.com">LinkedIn</a> – <a href="https://www.linkedin.com/in/marcusquinn/">linkedin.com/in/marcusquinn</a> (networking)</li>
<li><a href="https://www.spotify.com/">Spotify</a> – <a href="https://open.spotify.com/user/11174913245">spotify.com/marcusquinn</a> (playlists)</li>
<li><a href="https://soundcloud.com">SoundCloud</a> – <a href="https://soundcloud.com/marcuswquinn">soundcloud.com/marcuswquinn</a> (productions)</li>
<li><a href="https://www.youtube.com">YouTube</a> – <a href="https://www.youtube.com/user/marcuswquinn">youtube.com/user/marcuswquinn</a> (subscriptions)</li>
<li><a href="https://gumroad.com">Gumroad</a> – <a href="https://gumroad.com/marcusquinn">gumroad.com/marcusquinn</a> (resources)</li>
<li><a href="https://medium.com">Medium</a> – <a href="https://medium.com/@marcusquinn">medium.com/@marcusquinn</a> (articles)</li>
<li><a href="https://reddit.com">Reddit</a> – <a href="https://www.reddit.com/u/marcuswquinn">reddit.com/u/marcuswquinn</a> (insights)</li>
<li><a href="https://stackexchange.com">StackExchange</a> – <a href="https://stackexchange.com/users/18892844/marcus-quinn">stackexchange.com/marcus-quinn</a> (insights)</li>
<li><a href="https://dribbble.com">Dribbble</a> – <a href="https://dribbble.com/marcusquinn">dribbble.com/marcusquinn</a> (designs)</li>
<li><a href="https://zazzle.co.uk">Zazzle</a> – <a href="https://www.zazzle.co.uk/mbr/238469385442964099">zazzle.co.uk/store/marcusquinn</a> (branding)</li>
<li><a href="https://tumblr.com">Tumblr</a> – <a href="https://www.tumblr.com/blog/marcuswquinn">tumblr.com/blog/marcuswquinn</a> (new)</li>
<li><a href="https://telegram.org">Telegram</a> – <a href="https://t.me/marcusquinn">t.me/marcusquinn</a> (chat)</li>
<li><a href="https://facebook.com">Facebook</a> – <a href="https://www.facebook.com/marcusquinn">facebook.com/marcusquinn</a> (musing)</li>
<li><a href="https://skype.com">Skype</a> – <a href="https://agentdesign.slack.com/team/U02UJ7826">agentdesign.slack.com/marcusquinn</a> (chat)</li>
<li><a href="https://slack.com">Slack</a> – <a href="https://join.skype.com/invite/lhA4Z9gEkJ4M">skype.com/marcusquinn</a> (chat)</li>
</ul>
<h2>Bookings</h2>
<ul>
<li><a href="https://calendly.com">Calendly</a> – <a href="https://calendly.com/marcusquinn">calendly.com/marcusquinn</a>
<ul>
<li>Assuming we are already corresponding.</li>
<li>Otherwise, start with a follow on <a href="https://twitter.com/marcuswquinn">Twitter</a> or <a href="#personal-links">another platform</a> and <a href="mailto:hello@marcusquinn.com">email me</a> first.</li>
</ul></li>
</ul>
<h2>Hobby links</h2>
<ul>
<li><a href="https://gitlab.com/ableton">GitLab.com/ableton</a>
<ul>
<li>My music & audio production templates, presets & education for electronic instruments.</li>
</ul></li>
<li><a href="https://analytictrading.co.uk">Analytic Trading</a>
<ul>
<li>My high-frequency algorithmic-trading software development & education for financial instruments.</li>
</ul></li>
<li><a href="https://bootstrap.co.uk">Bootstrap</a>
<ul>
<li>New site — <em>coming soon</em> — maybe. For in-depth software, services, product reviews & recommendations.</li>
</ul></li>
</ul>
<hr />
<h1>Experience & Preferences</h1>
<p>If you want to do some or all of the things I do — or you need me or my good friends to help you — this is what we know and use…</p>
<h2>Operating Systems</h2>
<p>In order of experience:</p>
<ol>
<li><a href="https://www.apple.com/mac/">Mac</a></li>
<li><a href="https://en.wikipedia.org/wiki/Web_application">WebApps</a></li>
<li><a href="https://www.microsoft.com/windows/">Windows</a></li>
<li><a href="https://www.linux.org/">Linux</a>,* <a href="https://ubuntu.com">Ubuntu</a>* & <a href="https://pop.system76.com">Pop!_OS</a>*</li>
<li><a href="https://www.google.com/chromebook/chrome-os/">ChromeOS</a></li>
<li><a href="https://www.apple.com/ios">iOS</a></li>
<li><a href="https://www.android.com/">Android</a></li>
</ol>
<p>*Free (as-in freedom) Open Source Software (FOSS)<sup><a id="ffn1" href="#fn1" class="footnote">1</a></sup></p>
<h2>Software & Services</h2>
<p>In approximate order of usage and recommendation:</p>
<h3>Communications</h3>
<ul>
<li><a href="https://discord.com">Discord</a> (preferred chat app, private & secure)</li>
<li><a href="https://about.gitlab.com">GitLab</a> (preferred project & code management app)</li>
<li><a href="https://mail.google.com">GMail</a> (auto-organised emailing & personal CRM)</li>
<li><a href="https://www.thunderbird.net">Thunderbird</a></li>
<li><a href="https://www.zerobounce.net">Zero Bounce</a> (email validation)</li>
<li><a href="https://mailchimp.com">Mailchimp</a> (mailing-list integrations)</li>
<li><a href="https://emailoctopus.com">Email Octopus</a> (more contacts for less cost)</li>
<li><a href="https://freshdesk.com">Freshdesk</a> (multi-channel support)</li>
<li><a href="https://crisp.chat">Crisp</a> (website live chat & support)</li>
<li><a href="https://brandlight.org">Brandlight CMS</a>* (private, secure & encrypted)</li>
<li><a href="https://support.apple.com/explore/messages">Apple Messages</a> & <a href="https://apps.apple.com/us/app/facetime/id1110145091">FaceTime</a> (private, secure & encrypted)</li>
<li><a href="https://telegram.org">Telegram</a> (private, secure & encrypted)</li>
<li><a href="https://signal.org/">Signal</a>* (private, secure & encrypted)</li>
<li><a href="https://www.whatsapp.com/">Whatsapp</a> (secure & encrypted)</li>
<li><a href="https://slack.com/">Slack</a> (secure)</li>
<li><a href="https://www.messenger.com/">Facebook Messenger</a> (convenient)</li>
</ul>
<h3>Productivity</h3>
<ul>
<li><a href="https://webcatalogapp.com">WebCatalog</a> (for all frequently used websites & webapps)</li>
<li><a href="https://ulysses.app">Ulysses</a> (for Markdown notes and used to publish this page)</li>
<li><a href="https://ia.net/writer">iA Writer</a>, <a href="https://www.literatureandlatte.com/scrivener/overview">Scrivener</a> (for longer articles and creative writing)</li>
<li><a href="https://support.apple.com/guide/notes/welcome/mac">Apple Notes</a>, <a href="https://support.apple.com/guide/reminders/welcome/mac">Reminders</a>, <a href="https://support.apple.com/guide/calendar/welcome/mac">Calendar</a> & <a href="https://www.apple.com/siri/">Siri</a></li>
<li><a href="https://gsuite.google.com/">Google Apps</a> (almost all of them)</li>
<li><a href="https://woven.com">Woven</a> (awesome multi-calendaring and time-planning)</li>
<li><a href="https://www.libreoffice.org/">LibreOffice</a>* (documents & spreadsheets)</li>
<li><a href="https://nextcloud.com/">Nextcloud</a>* (file storage)</li>
<li><a href="https://jumpdesktop.com/">JumpDesktop</a> (remote desktops & servers)</li>
<li><a href="https://guacamole.apache.org/">Guacamole</a>* (remote desktops & servers through a web browser)</li>
<li><a href="https://www.alfredapp.com/">Alfred</a> (search & navigating shortcuts)</li>
<li><a href="https://shortmenu.com">Short Menu</a> (url shortening shortcuts for shorties)</li>
</ul>
<h3>Security</h3>
<ul>
<li><a href="https://www.enpass.io/">Enpass</a> (password manager & two-factor authentication)</li>
<li><a href="https://bitwarden.com/">Bitwarden</a>* (password manager & two-factor authentication)</li>
<li><a href="https://www.lastpass.com/">Lastpass</a> (password manager)</li>
<li><a href="https://www.dashlane.com/">Dashlane</a> (password manager)</li>
<li><a href="https://privatebin.info/">PrivateBin</a>* (secure messaging across insecure platforms)</li>
<li><a href="https://authy.com/">Authy</a> (two-factor authentication)</li>
<li><a href="https://cryptomator.org/">Cryptomator</a>* (secure files on insecure storage)</li>
<li><a href="https://strongboxsafe.com/">Strongbox</a>* (secure files on insecure storage)</li>
</ul>
<h3>Accounts</h3>
<ul>
<li><a href="https://www.xero.com/">Xero</a> (accounts)</li>
<li><a href="https://quickbooks.intuit.com/">Quickbooks</a> (accounts)</li>
<li><a href="https://dynamics.microsoft.com/en-us/nav-overview/">Microsoft Dynamics NAV</a> (accounts & logistics)</li>
<li><a href="https://www.quickfile.co.uk/">Quickfile</a> (accounts)</li>
<li><a href="https://www.google.com/sheets/about/">Google Sheets</a> (accounts & analysis)</li>
<li><a href="https://www.odoo.com/">Odoo</a>* (accounts and other webapps)</li>
<li><a href="https://brandlight.org">Brandlight ERP</a>* (ecommerce)</li>
<li><a href="https://www.stannp.com/">Stannp</a> (print mailing)</li>
</ul>
<h3>Design</h3>
<ul>
<li><a href="https://www.adobe.com/">Adobe</a> <a href="https://www.adobe.com/products/photoshop.html">Photoshop</a>, <a href="https://www.adobe.com/products/illustrator.html">Illustrator</a>, <a href="https://www.adobe.com/products/indesign.html">InDesign</a> & <a href="https://acrobat.adobe.com/us/en/acrobat.html">Acrobat</a> (design)</li>
<li><a href="https://www.shutterstock.com/">Shutterstock</a> (imagery)</li>
<li><a href="https://www.zazzle.co.uk/">Zazzle</a> (branding)</li>
<li><a href="https://www.sketch.com/">Sketch</a> (interfaces)</li>
<li><a href="https://affinity.serif.com/">Affinity Designer</a> (image processing)</li>
</ul>
<h3>Development</h3>
<ul>
<li><a href="https://about.gitlab.com">GitLab</a>* & <a href="https://github.com">GitHub</a> (code & project management)</li>
<li><a href="https://wordpress.org">Wordpress</a>* & <a href="https://woocommerce.com">WooCommerce</a>* – <a href="https://www.php.net/">PHP</a>* & <a href="https://www.mysql.com/">MySQL</a>* (default website stack)</li>
<li><a href="https://ghost.org">Ghost</a> (recommended personal blog, publishing and membership platform)</li>
<li><a href="https://atom.io/">Atom</a>* & <a href="https://desktop.github.com/">GitHub Desktop</a>* (coding and deployment)</li>
<li><a href="https://support.apple.com/guide/terminal/welcome/mac">Apple Terminal</a> (sometimes it’s quicker)</li>
<li><a href="https://www.integromat.com/">Integromat</a> (API integrations)</li>
<li><a href="https://gsuite.google.com/">Google GSuite</a> (identity and services management)</li>
<li><a href="https://dynamics.microsoft.com/en-us/nav-overview/">Microsoft Dynamics</a> (resource planning & data processing)</li>
<li><a href="https://www.codelessplatforms.com/">Orbis TaskCentre</a> (integrations)</li>
<li><a href="https://www.sequelpro.com/">Sequel Pro</a> (database design & analysis)</li>
<li><a href="https://panic.com/transmit/">Transmit</a> (file storage & sharing)</li>
<li><a href="https://mountainduck.io/">Mountain Duck</a> (file storage & sharing)</li>
<li><a href="https://www.odoo.com/">Odoo</a>* – <a href="https://www.python.org/">Python</a>* & <a href="https://www.postgresql.org/">PostgreSQL</a>* (alternative website stack)</li>
<li><a href="https://www.electronjs.org">Electron</a> (webapps)</li>
</ul>
<h3>Hosting</h3>
<ul>
<li><a href="https://www.hetzner.com">Hetzner</a> (website & webapp hosting, including network-level DDoS protection) </li>
<li><a href="https://www.scaleway.com/">Scaleway</a> (website & webapp hosting, including network-level DDoS protection and affordable – Kubernetes)</li>
<li><a href="https://www.vultr.com/?ref=8626266-6G">Vultr</a> (website & webapp hosting — $100 sign-up credit)</li>
<li><a href="https://upcloud.com/signup/?promo=4D752R">Upcloud</a> (website & webapp hosting — $100 sign-up credit)</li>
<li><a href="https://m.do.co/c/bf3ea8ce70f7">Digital Ocean</a> (website & webapp hosting, including managed Kubernetes – $100 sign-up credit)</li>
<li><a href="https://azure.microsoft.com/">Microsoft Azure</a> (websites & databases)</li>
<li><a href="https://cloud.google.com/">Google Cloud Platform</a> (translation & data-processing (AI))</li>
<li><a href="https://aws.amazon.com/">Amazon AWS</a> (when alternatives in the above don’t exist)</li>
<li><a href="https://about.gitlab.com">GitLab</a>* & <a href="https://github.com">GitHub</a> (code & project management)</li>
<li><a href="https://cloudron.io/?refcode=d28ae00540f92a76">Cloudron</a> ($30 credit with code <code>d28ae00540f92a76</code>)</li>
<li><a href="https://www.backblaze.com/b2/cloud-storage.html#af9v9u">Backblaze B2</a> (file storage and backups — efficient alternative to Amazon S3)</li>
<li><a href="https://wasabi.com">Wasabi</a> (file storage — efficient alternative to Amazon S3)</li>
<li><a href="https://www.digitalpress.blog">Digital Press</a> (<a href="https://ghost.org">Ghost</a>* hosting)</li>
<li><a href="https://updown.io">Updown</a> (website status & speed monitoring)</li>
<li><a href="https://cloud.tab.digital/">Tab Digital</a> (<a href="https://nextcloud.com/">Nextcloud</a>*) (file storage & sharing)</li>
<li><a href="https://www.google.com/drive/">Google Drive</a> (file storage & sharing)</li>
<li><a href="https://www.dropbox.com/?_hp=c">Dropbox</a> (file storage & sharing)</li>
<li><a href="https://sync.com">Sync.com</a> (file storage & sharing)</li>
<li><a href="https://www.sparkleshare.org/">SparkleShare</a>* (git-based file storage & sharing)</li>
<li><a href="https://www.paperspace.com/">Paperspace</a> (remote desktop clients)</li>
<li><a href="https://www.iredmail.org">iRedMail</a>* (email servers)</li>
<li><a href="https://runcloud.io/r/ayg5VnzE5X01">Runcloud</a></li>
<li><a href="https://rancher.com">Rancher</a></li>
<li><a href="https://grafana.com">Grafana</a></li>
<li><a href="https://prometheus.io">Prometheus</a></li>
</ul>
<h3>Marketing</h3>
<ul>
<li><a href="https://brandlight.org">Brandlight Ecommerce</a>*</li>
<li><a href="https://ads.google.com/">Google Ads</a></li>
<li><a href="https://ads.microsoft.com/">Microsoft Ads</a></li>
<li><a href="https://www.google.com/retail/solutions/merchant-center/">Google Merchant Centre</a></li>
<li><a href="https://www.google.com/retail/solutions/manufacturer-center/">Google Manufacturer Centre</a></li>
<li><a href="https://en.wikipedia.org/wiki/Amazon_Marketplace">Amazon Marketplace</a></li>
<li><a href="https://www.ebay.com/">Ebay Marketplace</a></li>
</ul>
<h3>Analysis & Reporting</h3>
<ul>
<li><a href="https://analytics.google.com/analytics/academy/">Google Analytics</a></li>
<li><a href="https://search.google.com/search-console/about">Google Search Console</a></li>
<li><a href="https://www.google.com/sheets/about/">Google Sheets</a></li>
<li><a href="https://dynamics.microsoft.com/en-us/nav-overview/">Microsoft Dynamics NAV</a> & <a href="https://www.microsoft.com/en-us/sql-server/">MSSQL</a></li>
<li><a href="https://wordpress.org">Wordpress</a>* & <a href="https://www.mysql.com/">MySQL</a>* with <a href="https://mariadb.org/">MariaDB</a>*</li>
<li><a href="https://matomo.org">Matomo</a>*</li>
<li><a href="https://www.metabase.com">Metabase</a>*</li>
</ul>
<h3>Domains & Network Management</h3>
<ul>
<li><a href="https://www.dpbolvw.net/click-100171151-13346111">Namecheap</a> (good if you need collaborative assistance too)</li>
<li><a href="https://www.ionos.co.uk/">Ionos 1&1</a> (covers some other domain extensions)</li>
<li><a href="https://www.marcaria.com/">Marcaria</a> (international domains others don’t cover)</li>
<li><a href="https://sedo.com/?language=us&campaignId=326057">Sedo</a> (domain resale marketplace)</li>
<li><a href="https://www.cloudflare.com/">Cloudflare</a> (hosting direction & security, good if you need collaborative assistance too)</li>
<li><a href="https://dnsmadeeasy.com">DNS Made Easy</a> (fastest DNS service)</li>
<li><a href="https://dnsimple.com">DNSimple</a> (fastest managed DNS service)</li>
<li><a href="https://www.buddyns.com/">BuddyNS</a> (backup DNS)</li>
<li><a href="https://aws.amazon.com/route53/">Amazon AWS Route53</a> (alternative DNS)</li>
<li><a href="https://www.dnsperf.com">DNSPerf</a> (DNS performance & service comparison)</li>
<li><a href="https://www.dnsfilter.com">DNSFilter</a> (DNS-level user protection)</li>
<li><a href="https://bunnycdn.com">BunnyCDN</a> (fast and affordable Content Delivery Network for speeding up website access to audiences around the world)</li>
<li><a href="https://www.x4b.net/">X4B</a> (firewall as a service for hosts that don’t have that)</li>
<li><a href="https://sercurius.net/" title="https://sercurius.net">Sercurius</a> (test your website & web app for security best-practice)</li>
</ul>
<h3>Payment Processing</h3>
<ul>
<li><a href="https://www.paypal.com/">Paypal</a> (default)</li>
<li><a href="https://www.adyen.com/">Adyen</a> (international)</li>
<li><a href="https://citypay.com">Citypay</a> (alternative default)</li>
<li><a href="https://bitpay.com/">Bitpay</a> (Bitcoin)</li>
<li><a href="https://www.coinpayments.net/">Coinpayments</a> (more cryptocurrencies)</li>
</ul>
<h3>Banking</h3>
<ul>
<li><a href="https://transferwise.com/">Transferwise</a> (multi-currency-banking for lower exchange-rate costs)</li>
<li><a href="https://monzo.com/">Monzo</a> (multi-currency payments to save on exchange costs)</li>
<li><a href="https://exchange.blockchain.com/">Blockchain Exchange</a> (the cheapest & safest way I know to buy Bitcoin and other crypto-currencies)</li>
</ul>
<h3>Music & Audio</h3>
<ul>
<li><a href="https://www.spotify.com/">Spotify</a></li>
<li><a href="https://soundcloud.com/">SoundCloud</a></li>
<li><a href="https://www.mixcloud.com/">MixCloud</a></li>
<li><a href="https://www.apple.com/music/">Apple Music</a></li>
<li><a href="https://www.ableton.com/">Ableton</a> & <a href="https://gitlab.com/ableton">GitLab.com/ableton</a></li>
<li><a href="https://www.apple.com/logic-pro/">Logic Pro</a></li>
<li><a href="https://splice.com/studio">Splice Studio</a></li>
</ul>
<h3>Video</h3>
<ul>
<li><a href="https://filmora.wondershare.com/">Wondershare Filmora</a></li>
<li><a href="http://www.telestream.net/screenflow/overview.htm">ScreenFlow</a></li>
<li><a href="https://www.apple.com/final-cut-pro/">FinalCut Pro</a></li>
<li><a href="https://www.adobe.com/products/aftereffects.html">After Effect</a></li>
<li><a href="https://youtube.com">YouTube</a></li>
<li><a href="https://vimeo.com/">Vimeo</a></li>
<li><a href="https://www.udemy.com/">Udemy</a></li>
</ul>
<h3>Utilities</h3>
<ul>
<li><a href="https://webcatalogapp.com/">WebCatalog</a>*</li>
<li><a href="https://www.choosyosx.com/">Choosy</a></li>
<li><a href="https://smooze.co">Smooze</a> (faster scroll-wheel scrolling)</li>
<li><a href="https://www.backblaze.com/cloud-backup.html#af9v9u">Backblaze</a> (unlimited backups)</li>
</ul>
<h3>News</h3>
<ul>
<li><a href="https://www.newscientist.com">New Scientist</a></li>
<li><a href="https://www.theregister.com">The Register</a></li>
</ul>
<h3>Federated Publishing</h3>
<ul>
<li><a href="https://joinpeertube.org">PeerTube</a>* (<a href="https://en.wikipedia.org/wiki/Free_and_open-source_software">FOSS</a> alternative to <a href="https://www.youtube.com/">YouTube</a>)</li>
<li><a href="https://joinmastodon.org">Mastodon</a>* (<a href="https://en.wikipedia.org/wiki/Free_and_open-source_software">FOSS</a> alternative to <a href="https://twitter.com/">Twitter</a>)</li>
<li><a href="https://diasporafoundation.org">Diaspora</a>* (<a href="https://en.wikipedia.org/wiki/Free_and_open-source_software">FOSS</a> alternative to <a href="https://www.facebook.com/">Facebook</a>)</li>
<li><a href="https://pixelfed.org">Pixelfed</a>* (<a href="https://en.wikipedia.org/wiki/Free_and_open-source_software">FOSS</a> alternative to <a href="https://www.instagram.com/">Instagram</a>)</li>
<li><a href="https://www.textile.photos/invites/new">Textile Photos</a>* (<a href="https://www.instagram.com/">FOSS</a> alternative to <a href="https://www.icloud.com/">iCloud</a>)</li>
<li><a href="https://nextcloud.com">NextCloud</a>* (<a href="https://en.wikipedia.org/wiki/Free_and_open-source_software">FOSS</a> alternative to <a href="https://www.office.com/">Office</a>, <a href="https://gsuite.google.com/">Google Apps</a>, <a href="https://www.dropbox.com/">DropBox</a> <a href="https://en.wikipedia.org/wiki/Et_cetera">&c</a>)</li>
</ul>
<hr />
<h1>How this page was made</h1>
<p>This was all written in <a href="https://ulysses.app">Ulysses</a> with <a href="https://www.markdownguide.org">Markdown</a>, exported to HTML using <a href="https://styles.ulysses.app">Ulysses Styles</a>, and published to <a href="https://docs.gitlab.com/ee/user/project/pages/">GitLab Pages</a> hosting with <a href="https://cloudflare.com">Cloudflare</a> domain security — all for free :)</p>
<h2>Plain Text & Markdown</h2>
<p>First a campaign for making <a href="https://en.wikipedia.org/wiki/Plain_text">plain-text</a> writing your default — so your focus is on your content, and it is never restricted for portability by proprietary software, like Word and Google Docs, where it never looks quite the same on two different computers or applications.</p>
<h2>Markdown</h2>
<p>If there is <em>just one thing</em> I can recommend to you, and highly recommend that everyone can and should learn easily, it is writing in <a href="https://en.wikipedia.org/wiki/Plain_text">plain-text</a> with the simplest possible formatting using <a href="https://www.markdownguide.org">Markdown</a>!</p>
<h2>Markdown variations</h2>
<p>More advanced or industry-specific variations, include; <a href="https://fletcherpenney.net/multimarkdown/">MultiMarkdown</a> (academic writing), <a href="https://asciidoctor.org">asciidoc</a> (code developers), <a href="https://www.latex-project.org/about/">LaTeX</a> (maths & science), <a href="https://fountain.io">fountain</a> (screenplays), <a href="https://en.wikipedia.org/wiki/ABC_notation">ABC notation</a> & <a href="http://www.vexflow.com/vextab/tutorial.html">VexTab</a> (musical melody), <a href="https://en.wikipedia.org/wiki/Tablature">Tablature</a> (fretted instruments), <a href="https://en.wikipedia.org/wiki/Drum_tablature">Drum Tabs</a> (percussion), <a href="http://jtab.tardate.com">jTab</a> (guitar), <a href="https://en.wikipedia.org/wiki/Et_cetera">&c</a>.</p>
<h2>Focused writing</h2>
<p>It’s also nice to write <a href="https://www.markdownguide.org">Markdown</a> with a fixed-width font like <a href="https://en.wikipedia.org/wiki/Courier_(typeface)">Courier</a>, for the added bonus of feeling like a good old-fashioned typewriter — putting you in the mood, as an enthused wordsmith, for the craft of writing.</p>
<p>Mostly, you will only ever need plain & simple standard <a href="https://www.markdownguide.org">Markdown</a>, as used to write this web page.</p>
<p>It truly is the best investment you can make in organising your notes, thoughts and publishing to be simple and transportable.</p>
<p>It is already commonplace in academic, programatic and creative writing. It has a written digital-literacy expectation, and necessity, for anyone working with subject-standardised information formatting to work with and share.</p>
<p>If you work with information, it will help you. If you have knowledge to share, it will quickly broaden your horizons and potential audience. It returns your focus to the quality, insight and value of your content to your audience.</p>
<p>Once you have a habit using <a href="https://www.markdownguide.org">Markdown</a>, you will find your writing is faster — and your communication will be structured, with respect to the needs of your reader.</p>
<p>All you need and nothing you don’t!</p>
<p>It really isn’t <em>techie</em> or complicated either. Actually, it is less complicated than the infinite ways that you can use traditional word processing software — where the complexity of formatting and design options can distract from the quality and purpose of the content itself.</p>
<p>Markdown is just a few additional characters within normal writing, in a plain-text file format, that all plain-text editors can open, edit and save.</p>
<p>You may already use <code>1. numbered lists</code>, <code>* bullet points</code>, <code>*emphasis*</code>, <code>**importance**</code>, <code>#hashtags</code>, <code>:emojis:</code> and <code>@mentions</code>, so you’re half-way there.</p>
<p>There are an increasing number of applications and industries now preferring or insisting on <a href="https://www.markdownguide.org">Markdown</a> text, because of this portability and reliability — so if you aren’t already, I hope this page gives you a good starting point.</p>
<p>Then you can as easily export to <a href="https://en.wikipedia.org/wiki/PDF">PDF</a>, <a href="https://en.wikipedia.org/wiki/EPUB">ePub</a>, <a href="https://en.wikipedia.org/wiki/Comparison_of_e-book_formats#Mobipocket">Mobi</a>, <a href="https://en.wikipedia.org/wiki/Kindle_File_Format">Kindle</a>, <a href="https://en.wikipedia.org/wiki/Office_Open_XML">DocX</a>, <a href="https://en.wikipedia.org/wiki/Static_web_page">Static HTML</a> and publish to <a href="https://en.wikipedia.org/wiki/Content_management_system">CMS</a> <a href="https://en.wikipedia.org/wiki/Blog">Blogs</a> like <a href="https://wordpress.com">Wordpress</a> & <a href="https://medium.com">Medium</a>, or your own web page like this, with <a href="https://styles.ulysses.app">styling</a> appropriate to your medium and <a href="https://brandlight.org/w/communication/" title="Communication is the responsibility of the sender">audience</a>.</p>
<p>You already type in so many ways, and on various devices, so make <a href="https://www.markdownguide.org">Markdown</a> your default. It’s never been easier to share your knowledge, publish your ideas and build your profile as an authority on your favourite subjects!</p>
<hr />
<h2>Text editors</h2>
<p>This is an areas that you might not have know you needed until you try.</p>
<p>Once you adjust to this way of looking at text, with a focus on the value and effectiveness of your communications, you can see how word processors can over-complicate writing, with more time spent on formatting.</p>
<p>Plain-text returns your focus to the successful communication of your knowledge, thoughts and creations.</p>
<p>If you aren’t already a convert to plain-text writing and <a href="https://www.markdownguide.org">Markdown</a> formatting, then I hope my research into many dozens of applications, to then recommend just a few of the best for you to try, will show you by example — because their specialist subject is in offering a self-explanatory application.</p>
<p>It will save you time, it can both save and make you money, and will open up possibilities for you in organising your research and ideas — to then publish and share your own unique knowledge and experience with those you wish to help.</p>
<p>If you hadn’t guessed already, I am so confident in the value of learning this, I personally promise you it will be one of the best investments you ever make in what you can do with a computer. Try it! And <a href="mailto:hello@marcusquinn.com">let me know</a>.</p>
<p>I’ll start with the Mac & iOS apps I use, enjoy and recommend — in approximate order of usage…</p>
<hr />
<h2>Text editors for Mac</h2>
<h3>Ulysses (Mac & iOS)</h3>
<ul>
<li><a href="https://ulysses.app/">https://ulysses.app/</a>
<ul>
<li>This is my go-to do-it-all app. All writing starts here now.</li>
<li>For organised Markdown, standardised noting, documenting, authoring and publishing.</li>
<li>Synchronised between your computer and other devices.</li>
<li>I wrote this whole page in <a href="https://ulysses.app/">Ulysses</a> and exported the HTML using the <a href="https://styles.ulysses.app/styles/ghost-2-casper-ApN">Ghost 2 Casper</a> theme from the <a href="https://styles.ulysses.app/">Style Library</a>.</li>
</ul></li>
<li><a href="https://styles.ulysses.app/">https://styles.ulysses.app/</a>
<ul>
<li>Favourite editor style: <a href="https://styles.ulysses.app/themes/atom-one-MzZ">Atom One</a>.</li>
<li>Favourite HTML styles: <a href="https://styles.ulysses.app/styles/ghost-2-casper-ApN">Ghost 2 Casper</a>, <a href="https://styles.ulysses.app/styles/simplicity-Yym">Simplicity</a>, <a href="https://styles.ulysses.app/styles/pro-sans-8Zp">Pro Sans</a>, <a href="https://styles.ulysses.app/styles/medium-style-lRL">Medium Style</a>, <a href="https://styles.ulysses.app/styles/github-LVR">GitHub</a>.</li>
<li>Favourite PDF style: <a href="https://styles.ulysses.app/styles/standard-article-BNa">Standard Article</a>.</li>
<li>Favourite ePub styles: <a href="https://styles.ulysses.app/styles/simple-m7M">Simple</a>, <a href="https://styles.ulysses.app/styles/amazon-kdp-evn">Amazon KDP</a>, <a href="https://styles.ulysses.app/styles/gemmell-novel-4YN">Gemmell Novel</a>, <a href="https://styles.ulysses.app/styles/meet-charter-half-way-mLZ">Meet Charter Half Way</a>, <a href="https://styles.ulysses.app/styles/medium-style-Ny9">Medium</a>.</li>
</ul></li>
</ul>
<h3>Atom*</h3>
<ul>
<li><a href="https://atom.io">https://atom.io</a>
<ul>
<li>This is used more commonly in code development but comparable as a text editor to <a href="https://ulysses.app/">Ulysses</a> and <a href="https://ia.net/writer">iA Writer</a>.</li>
<li>It is vastly more powerful and extendable, although for some this might be at the expense of the focus that the above have for freeform writing, the beauty of Markdown’s simplicity, and the convenience of background synching across devices.</li>
<li>Sometimes it’s just more satisfying when the tool is designed for the job — but <a href="https://atom.io">Atom</a> is free, and a powerful option.</li>
</ul></li>
</ul>
<h3>iA Writer (Mac, iOS, Windows & Android)</h3>
<ul>
<li><a href="https://ia.net/writer">https://ia.net/writer</a>
<ul>
<li>For focused writing, with a focus on focus!</li>
<li>Distraction-free typing, grammatical highlighting and readability statistics.</li>
<li>I proofread this page in <a href="https://ia.net/writer">iA Writer</a> & <a href="http://www.hemingwayapp.com/">Hemingway App</a>.</li>
</ul></li>
</ul>
<h3>Scrivener (Mac, iOS, Windows & Android)</h3>
<ul>
<li><a href="https://www.literatureandlatte.com/scrivener/overview">https://www.literatureandlatte.com/scrivener/overview</a>
<ul>
<li>For creative writing, novels, poetry, lyrics, broadcast scripts, screenplays, thesis, journalism <a href="https://en.wikipedia.org/wiki/Et_cetera">&c</a>.</li>
</ul></li>
</ul>
<h3>DEVONthink (Mac & iOS)</h3>
<ul>
<li><a href="https://devontechnologies.com/apps/devonthink">https://devontechnologies.com/apps/devonthink</a>
<ul>
<li>For gathering research from many sources, in many formats, and mapping relationships between people, places and other entities.</li>
</ul></li>
</ul>
<h3>Deckset</h3>
<ul>
<li><a href="https://www.deckset.com">https://www.deckset.com</a></li>
<li><a href="https://ulysses.app/integrations/create-beautiful-presentations-deckset">https://ulysses.app/integrations/create-beautiful-presentations-deckset</a>
<ul>
<li>Presentations without Powerpoint.</li>
</ul></li>
</ul>
<h3>Velum</h3>
<ul>
<li><a href="https://vellum.pub">https://vellum.pub</a>
<ul>
<li><strong>Beautiful</strong> ebooks & paperbacks.</li>
</ul></li>
</ul>
<hr />
<h2>Text WebApps</h2>
<p>For a collaborative-writing experience, similar to Google Docs and Office 365 online, and for free:</p>
<h3>HackMD & CodiMD (Web or Self-Hosted, Collaborate)</h3>
<ul>
<li><a href="https://hackmd.io">https://hackmd.io</a> (private & public collaboration with brilliant documentation, templates and <a href="https://hackmd.io/c/tutorials/%2Fs%2Ftutorials">tutorials</a>)</li>
<li><a href="https://demo.codimd.org">https://demo.codimd.org</a> (shared — and a brilliant sample reference document to learn from)</li>
<li><a href="https://github.com/codimd/server">https://github.com/codimd/server</a> (self-hosting)
<ul>
<li>Basically, Google Docs for Markdown – perfect for collaborating!</li>
<li>Being online-only, make sure you regularly download anything important so you have local copies to work offline.</li>
</ul></li>
</ul>
<h3>StackEdit (Web, Cloud Sync, Collaborate)</h3>
<ul>
<li><a href="https://stackedit.io">https://stackedit.io</a>
<ul>
<li>Similar to HackMD & CodiMD above.</li>
</ul></li>
</ul>
<h3>Hemingway App (Web & Mac)</h3>
<ul>
<li><a href="http://www.hemingwayapp.com/">http://www.hemingwayapp.com/</a>
<ul>
<li>Great for proof-reading.</li>
<li>The online version is free.</li>
</ul></li>
</ul>
<hr />
<h2>Text editors for other platforms</h2>
<p>Followed by similar Windows & Linux apps that do almost the same thing, with of course some minor differences in features:</p>
<h3>Joplin (Mac, Windows, Linux, iOS, Android)</h3>
<ul>
<li><a href="https://joplinapp.org/">https://joplinapp.org/</a>
<ul>
<li>The closest thing I could find to <a href="https://ulysses.app">Ulysses</a> on Windows, Linux, iPhone & Android.</li>
<li>The only one here with encryption-at-rest, which is particularly important if handling sensitive data like; personal, medical, financial or security information.</li>
</ul></li>
</ul>
<h3>Typora (Mac, Windows, Linux)</h3>
<ul>
<li><a href="https://typora.io/">https://typora.io/</a>
<ul>
<li>Similar to <a href="https://ulysses.app">Ulysses</a> & <a href="https://ia.net/writer">iA Writer</a>.</li>
</ul></li>
</ul>
<h3>Zettlr (Mac, Windows, Linux)</h3>
<ul>
<li><a href="https://www.zettlr.com/">https://www.zettlr.com/</a>
<ul>
<li>Similar to <a href="https://ulysses.app">Ulysses</a> & <a href="https://ia.net/writer">iA Writer</a>.</li>
<li>Focus on academic writing, based on the esteemed <a href="https://medium.com/@mosessampaul/zettelkasten-method-of-knowledge-management-the-second-brain-218108942514">Zettelkasten</a><sup><a id="ffn2" href="#fn2" class="footnote">2</a></sup> method of notation & citation.</li>
</ul></li>
</ul>
<h3>Inspire Writer (Windows-only)</h3>
<ul>
<li><a href="https://www.inspire-writer.com">https://www.inspire-writer.com</a>
<ul>
<li>The best interface on Windows similar to <a href="https://ulysses.app">Ulysses</a>.</li>
</ul></li>
</ul>
<h3>SmartEdit Writer</h3>
<ul>
<li><a href="https://www.atomicscribbler.com">https://www.atomicscribbler.com</a>
<ul>
<li>The closest alternative to <a href="https://www.literatureandlatte.com/scrivener/overview">Scrivener</a> on Windows.</li>
</ul></li>
</ul>
<h3>Compare Markdown Tools</h3>
<ul>
<li><a href="https://www.markdownguide.org/tools/" title="Compare Markdown Tools">https://www.markdownguide.org/tools/</a></li>
</ul>
<hr />
<p>There’s a lot of choice, and that's the whole point, you can work in any or many plain-text editors with the same transportable and simplest possible file-format.</p>
<p>Start with the first in the list for your platform and see how you get on, if there’s something missing, try another.</p>
<p><a href="mailto:marcusquinn.com">Let me know how you get on…</a></p>
<hr />
<h1>Make your own page like this</h1>
<ol>
<li>Download a copy of <a href="https://gitlab.com/marcusquinn/marcusquinn.com">my index.md page template</a> from GitLab, or start with a blank text file called <code>index.md</code>. (In <a href="https://ulysses.app">Ulysses</a> type <code>@:index</code> on the top-line to set the file name.</li>
<li>Choose your preferred text editor from those above. I’m using <a href="https://ulysses.app">Ulysses</a>, as you well-know by now.</li>
<li>Write and refine all the things you think others might like to know about you and your unique experience.</li>
<li>Export a copy as HTML called <code>index.html</code>, using any style template you like (the apps above have many, either built-in or add-ons). You can use one app to write and another to export, if you like the editor in one and publishing styles in another, that’s the point of <a href="https://www.markdownguide.org">Markdown</a> being portable.</li>
<li>Create a free <a href="https://about.gitlab.com">GitLab.com</a>** account. On your <a href="https://about.gitlab.com">GitLab</a> profile page click <code>+</code> to create a new project, this one is called <code>marcusquinn.gitlab.io</code> as the naming convention recognised as my user page. <a href="https://github.com">GitHub</a> uses the same convention with their <code>.io</code> Pages domain, eg; <code>marcusquinn.github.io</code>.</li>
<li>To the right of where it says Master, click <code>+</code> > <code>New File</code>, and upload your <code>index.html</code> file, <code>css</code> folder and <code>css.css</code> file, and <code>images</code> folder if you have images too.</li>
<li>In your project repository, click <code>Setup CI/CD</code> > <code>Apply a template</code> > <code>HTML</code> > <code>Commit changes</code>. This deploys your files and page setup.</li>
<li>It’s now live on your <code>gitlab.io</code> (or <code>github.io</code>) URL!</li>
<li>Open the <a href="https://docs.gitlab.com/ee/user/project/pages/getting_started_part_one.html">GitLab Pages instructions</a>, where you can find details on what your <code>gitlab.io</code> link is (something like <code>https://username.gitlab.io</code>), the first part being your <code>username</code> and add the relevant <code>/project-slug</code> if you have other project pages to publish as well.</li>
<li>In your GitLab project, go to <code>Settings</code> > <code>Pages</code> > <code>New Domain</code> to enter your domain name if you are using one, and follow their guide on how to setup your domain name.</li>
</ol>
<p>That’s it, your 100% free, easy and secure home page to grow with your learning and audience.</p>
<p>The reason we do this with a static page <code>.html</code>, and not a data-base driven content-management system is simple; it requires zero maintenance for it to remain secure forever – simply because there’s nothing to hack when the pages and images you upload for public display are the only data on the host.</p>
<p>By using well-capitalised free services like <a href="https://about.gitlab.io">GitLab</a>, <a href="https://github.com">GitHub</a> (and <a href="https://www.dpbolvw.net/click-100171151-13346111">Namecheap</a> <a href="https://cloudflare.com">Cloudflare</a> if you want to use your own domain name), it can stay alive forever on the git***.io domain — and with no payments ever needed to keep the <code>.io</code> URL versions of the sites live for as long as the internet itself — you can make as many free sites & pages as you like!</p>
<p>It’s also a great way to make a free, and easy to maintain, <strong>link-tree</strong> page — to include in your social media profile, in a way that you own the data, and without any tracking, privacy issues, security worries or card details – ever.</p>
<p>You could make it multi-page too - but let’s keep it simple for now as it’s quite a nice format for that simple <em>link-tree</em> or a longer article on yourself and your interests.</p>
<p>And just add a <a href="https://www.dpbolvw.net/click-100171151-13346111">Namecheap</a> domain if you want to use your own domain name too, the <code>git***.io</code> domain will still work & live forever alongside, including if ever you stop renewing your own domain for any reason.</p>
<p><a href="https://about.gitlab.io">GitLab</a> specifically also offers a succession planning feature too — should you wish someone to inherit your work — which is a subject for a longer post another day!</p>
<p>**<em>Why GitLab in preference over GitHub?</em></p>
<p><em>One word: <strong>ethics</strong>. Its my primary guide to all decision-making. Open-source and transparency is simply more secure and efficient.</em></p>
<p><em>I do use GitHub and other closed-source products too — but always keep an awareness of open-source alternatives, and aim to keep my content created and stored in open-formats with transparent-terms, to stay transportable between systems and platforms as they may evolve.</em></p>
<hr />
<h1>Thank you</h1>
<p>If you made it this far, maybe you found something new?</p>
<p>Let me know how you get on, and if there’s <a href="mailto:hello@marcusquinn.com">anything I can help with</a>!</p>
<h2>Source & Downloads</h2>
<ul>
<li><a href="https://gitlab.com/marcusquinn/marcusquinn.com/-/blob/master/index.md">index.md</a> (written in <a href="https://ulysses.app">Ulysses</a>)</li>
<li><a href="https://gitlab.com/marcusquinn/marcusquinn.com/-/blob/master/index.html">index.html</a> (exported from <a href="https://ulysses.app">Ulysses</a>)</li>
<li><a href="https://marcusquinn.com/marcusquinn.com.pdf">marcusquinn.com.pdf</a> (exported from <a href="https://ulysses.app">Ulysses</a>)</li>
</ul>
<p>This page is just over 3,000 words, 2-days of writing and maybe 1-week refining. What will you share now you can easily publish your notes too?</p>
<ol id="footnotes">
<li id="fn1"><em>Free (as-in freedom) Open-Source Software (FOSS) – is an ethical way to provide software services for; transparency, security, freedom, privacy, data-ownership, collaboration, developer credit & promotion – and simply good online citizen karma in return for the countless community projects you already benefit from that form the foundations a free and inclusive internet.</em> <a href="https://en.wikipedia.org/wiki/Free_and_open-source_software">https://en.wikipedia.org/wiki/Free_and_open-source_software</a> <a href="#ffn1">↩︎</a></li>
<li id="fn2">Zettelkasten is German for “box of notes”, and has become a synonym for the guiding principles in gathering, organising, digesting and using notes in writing, with interesting further reading on the subject at: <a href="https://zettelkasten.de">https://zettelkasten.de</a> <a href="#ffn2">↩︎</a></li>
</ol></body>
</html>