-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex5.html
More file actions
1054 lines (983 loc) · 49.6 KB
/
index5.html
File metadata and controls
1054 lines (983 loc) · 49.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
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en-us" prefix="og: http://ogp.me/ns#"
xmlns:og="http://ogp.me/ns#"
xmlns:article="http://ogp.me/ns/article#"
xmlns:blogPosting="http://ogp.me/ns/blogPosting#"
xmlns:fb="http://www.facebook.com/2008/fbml"
xml:lang="en-us">
<head>
<meta charset="utf-8" />
<title>Mandaris Moore</title>
<meta name="author" class="p-author h-card" content="Mandaris" />
<meta property="site_name" content="Mandaris Moore" />
<meta name="description" content="The Pelican website for Mandaris Moore." />
<base href="." />
<meta name="generator" content="Pelican" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#1b5a53" />
<link rel="stylesheet" type="text/css" href="./theme/css/main.css" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="icon" type="image/png" href="/favicon.png" />
<link rel="apple-touch-icon-precomposed"
href="/apple-touch-icon-precomposed.png" />
<!-- Feed information -->
<link href="http://mandaris.github.io/feeds/atom.xml"
type="application/atom+xml"
rel="alternate" title="Mandaris Moore ALL Atom Feed" />
<!--- Other Social Media Tags (See README.md) --->
<!-- OpenGraph Info -->
<meta property="og:title" content="Mandaris Moore" />
<meta property="og:type" content="website" />
<meta property="og:description" content="The Pelican website for Mandaris Moore."/>
<meta property="og:url" content="." />
<meta property="og:locale" content="en-us" />
<meta property="og:image" content="./favicon.png" />
<meta property="og:image:alt" content="A person in a gear." />
<!-- IndieWeb sign-in -->
<link href="https://github.com/mandaris"
rel="me" class="u-url" />
<!-- Twitter Specific Info -->
<meta name="twitter:site" content="@mandaris" />
<meta name="twitter:creator" content="@mandaris" />
<meta name="twitter:card" content="summary_large_image" />
<link href="https://twitter.com/mandaris"
rel="me" class="u-url" />
</head>
<body itemscope itemtype="https://schema.org/Blog">
<meta itemprop="description" content="The Pelican website for Mandaris Moore." />
<header role="banner">
<h1 class="websitetitle"><a href=".">Mandaris Moore</a></h1>
<nav itemscope itemtype="https://schema.org/SiteNavigationElement"
class="navmenu" id="navmenu" >
<ul>
<li>
<a class="navitemlink" href="./archives.html">Archive</a>
</li>
<li>
<a class="navitemlink" href="./pages/about.html">About</a>
</li>
<li>
<a class="navitemlink" href="./pages/projects.html">Projects</a>
</li>
</ul>
</nav>
<hr />
</header>
<main class="articlelisting content">
<article
class="post hentry h-entry"
itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
<header class="post-header">
<h2
itemprop="headline name"
class="title p-name post-title">
<a
rel="bookmark"
class="u-url"
title="Checking email from the office «Mandaris Moore»"
href="2018/07/checking-email-from-the-office.html"
itemprop="url">
Checking email from the office
</a>
</h2>
</header><div class="e-content post-body" itemprop="articleBody">
<p>I'm in the bedroom upstairs. It's kind of like an office because it has a desk and no one to bother me at the moment. It gives me a second to think about what I'm going to do next in life. </p>
<p>I usually take some time to go through my list of projects in OmniFocus or read through my emails. Throughout the years, I find myself using the default mail client that comes with macOS.</p>
<p>I think that it is because the first time that I really enjoyed working with email was in college which is when I started using macOS.</p>
<p>Of course, I have a couple posts about how I used <a href="/2010/01/how_i_use_email.html" title="An old post">web clients</a> but I find that I use my laptop when I really want to clean up what's in my inbox.</p>
</div>
<p class="readmore u-url">
<a
rel="bookmark"
title="Checking email from the office «Mandaris Moore»"
href="2018/07/checking-email-from-the-office.html"
itemprop="url">Permalink
</a>
</p>
<footer>
<p class="articleFooterP">Category:
<a class="p-category" href="./category/tech.html">
<span itemprop="articleSection">tech</span>
</a>
<span class="rightside">
<time
class="dt-published"
datetime="2018-07-14T23:08:03-07:00"
itemprop="dateCreated datePublished">
July 14, 2018
</time>
</span>
<br /> <span itemprop="keywords">
<a
class="tag"
rel="category tag"
href="./tag/email.html">
email
</a>
<a
class="tag"
rel="category tag"
href="./tag/office.html">
office
</a>
</span>
</p>
<details itemprop="author" itemscope itemtype="https://schema.org/Person" class="p-author h-card hidden">
<summary itemprop="name" class="p-name">Mandaris</summary> <img itemprop="image" class="u-photo"
src="https://secure.gravatar.com/avatar/03fb367dd4c7aea56f77dfa496db3725"
alt="Author's Profile." />
<p class="p-note">Mandaris is someone who strives to make himself into a better person</p>
<p><a itemprop="url" class="u-url u-uid"
rel="me" href="https://mandarismoore.com"
title="Author Website.">
Mandaris</a></p>
</details>
</footer>
</article>
<hr />
<article
class="post hentry h-entry"
itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
<header class="post-header">
<h2
itemprop="headline name"
class="title p-name post-title">
<a
rel="bookmark"
class="u-url"
title="Share and share alike «Mandaris Moore»"
href="2018/07/share-and-share-alike.html"
itemprop="url">
Share and share alike
</a>
</h2>
</header><div class="e-content post-body" itemprop="articleBody">
<p>I've been part of a slack group where I contribute on a regular basis and some of the members have really gone the extra mile to share some of their experiences with the rest of us.</p>
<p>It feels amazing to be part of a group that is brave enough to do this and trusts us to that degree. </p>
<p>I'm feeling pretty inspired to write more as well.</p>
</div>
<p class="readmore u-url">
<a
rel="bookmark"
title="Share and share alike «Mandaris Moore»"
href="2018/07/share-and-share-alike.html"
itemprop="url">Permalink
</a>
</p>
<footer>
<p class="articleFooterP">Category:
<a class="p-category" href="./category/personal.html">
<span itemprop="articleSection">personal</span>
</a>
<span class="rightside">
<time
class="dt-published"
datetime="2018-07-12T07:19:18-07:00"
itemprop="dateCreated datePublished">
July 12, 2018
</time>
</span>
<br /> <span itemprop="keywords">
<a
class="tag"
rel="category tag"
href="./tag/blog.html">
blog
</a>
</span>
</p>
<details itemprop="author" itemscope itemtype="https://schema.org/Person" class="p-author h-card hidden">
<summary itemprop="name" class="p-name">Mandaris</summary> <img itemprop="image" class="u-photo"
src="https://secure.gravatar.com/avatar/03fb367dd4c7aea56f77dfa496db3725"
alt="Author's Profile." />
<p class="p-note">Mandaris is someone who strives to make himself into a better person</p>
<p><a itemprop="url" class="u-url u-uid"
rel="me" href="https://mandarismoore.com"
title="Author Website.">
Mandaris</a></p>
</details>
</footer>
</article>
<hr />
<article
class="post hentry h-entry"
itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
<header class="post-header">
<h2
itemprop="headline name"
class="title p-name post-title">
<a
rel="bookmark"
class="u-url"
title="Productivity review «Mandaris Moore»"
href="2018/07/productivity-review.html"
itemprop="url">
Productivity review
</a>
</h2>
</header><div class="e-content post-body" itemprop="articleBody">
<p>Moving forward has gotten easier and easier to do. I'm definitely on an upswing when it comes to most of my goals for the last couple of months.</p>
<p>What am I attributing this new to this success?</p>
<p>More regular reviews via OmniFocus and a desire to accomplish what I set out to do.</p>
<p><img alt="A brief look at what I'm supposed to be doing today." src="/images/OmniFocus-today-July.jpeg"></p>
<p>For the longest time, I would have OmniFocus on my laptop and and iPhone and just wish that it would organize my life - that everything would just fall into place by some kind of magic. I think this is why productivity software will always be in demand. People want things to happen, but they forget that it's just a tool and if you don't change who you are or your approach to the problem nothing is going to happen.</p>
<h3 id="reflecting-in-what-needs-to-change">Reflecting in what needs to change</h3>
<p>I realized that I had a problem. I was doing the constant yo-yo of getting organized moving my life forward for a couple weeks and then finding myself overwhelmed again. I feel that it's because I couldn't trust that everything in OmniFocus was something that I should be working on. I would have 20 plus items available for one day and those items would be individual actions or projects.</p>
<p>I would procrastinate and think 'I'll just do this later' because the deadlines and defer dates where just useless pieces of data. Later I would kick myself because I spent hours surfing the internet instead of marking something off.</p>
<p>I needed to become more aware of what I was doing.</p>
<h3 id="time-budgeting-at-home">Time Budgeting at home</h3>
<p>Just like in financial budgeting, I needed to have more of an idea of where my time was going. I started using the app <a href="https://timingapp.com">Timing</a> to see how much time I spent goofing off versus actively using my computer<sup id="fnref:computer"><a class="footnote-ref" href="#fn:computer">1</a></sup>.</p>
<p><img alt="A look at computer usage on my laptop for last week." src="/images/timing-week-in-july-2018.png"></p>
<p>Some of this, I already wrote about in a previous post, but I wanted to re-iterate how this is a continued reminder of how I keep myself on task.</p>
<p>There was a couple pitfalls with the process as my computing life is divided between a MacBook Pro and an iMac, but I'm hoping to clear some of that up with the new <a href="https://timingapp.com/blog/introducing-timing-sync/">timing sync</a> feature that was introduced.</p>
<h3 id="new-screentime-for-ios">New Screentime for iOS</h3>
<p><img alt="Screentime on iOS allows me to be mindful on the phone." src="/images/Screentime-early-July-2018.jpeg"></p>
<p>With the <a href="https://www.apple.com/ios/ios-12-preview/" title="A preview of the upcoming release.">new version of iOS,</a> I’m able to get a better idea of what I’m using my phone for on a daily and weekly basis. </p>
<p>Currently, I’m not using the App limits because I’m hoping that being aware of how I use my phone will prompt me to change my habits and increase my will power. </p>
<p><img alt="Show a light day of usage via ScreenTime" src="images/screentime.gif"></p>
<p>It’s definitely a great start to quantifying what areas I want to work on. There is still one more tool. </p>
<h3 id="streaks">Streaks</h3>
<p><a href="http://streaksapp.com">Streaks</a> is an App on iOS that I picked up one day shortly after New Year’s Day. I’ve been using it off and on for making sure that I mediate<sup id="fnref:break"><a class="footnote-ref" href="#fn:break">3</a></sup> and write in my journal. </p>
<p>It wasn’t until recently that I made reviewing my projects a priority to review in Streaks and I feel that it has really made a difference<sup id="fnref:due"><a class="footnote-ref" href="#fn:due">2</a></sup>. I get two kinds of positive reinforcements when I do this. The first, the fact that I get to mark it off. The second, I get to see evidence of my changing habit as a number. </p>
<h3 id="end-result">End result</h3>
<p>I feel better about myself as a responsible adult. There is true freedom in knowing what you are and are <em>not</em> doing. </p>
<p>I understand that this is a just a process for me and there is a possibility of me back sliding into bad habits. That is ok, because I know that getting back in the good habits is easier than ever before. </p>
<div class="footnote">
<hr>
<ol>
<li id="fn:computer">
<p>What's the point of spend so much money on something that I only watch videos on? <a class="footnote-backref" href="#fnref:computer" title="Jump back to footnote 1 in the text">↩</a></p>
</li>
<li id="fn:due">
<p><a href="http://www.dueapp.com">Due</a> is another good app for things like this. I use it for reminders to flex my core muscles throughout the day. <a class="footnote-backref" href="#fnref:due" title="Jump back to footnote 2 in the text">↩</a></p>
</li>
<li id="fn:break">
<p>breaking a streak feels soooo bad. <a class="footnote-backref" href="#fnref:break" title="Jump back to footnote 3 in the text">↩</a></p>
</li>
</ol>
</div>
</div>
<p class="readmore u-url">
<a
rel="bookmark"
title="Productivity review «Mandaris Moore»"
href="2018/07/productivity-review.html"
itemprop="url">Permalink
</a>
</p>
<footer>
<p class="articleFooterP">Category:
<a class="p-category" href="./category/personal.html">
<span itemprop="articleSection">personal</span>
</a>
<span class="rightside">
<time
class="dt-published"
datetime="2018-07-09T17:10:46-07:00"
itemprop="dateCreated datePublished">
July 09, 2018
</time>
</span>
<br /> <span itemprop="keywords">
<a
class="tag"
rel="category tag"
href="./tag/omnifocus.html">
OmniFocus
</a>
<a
class="tag"
rel="category tag"
href="./tag/productivity.html">
productivity
</a>
<a
class="tag"
rel="category tag"
href="./tag/timing.html">
timing
</a>
</span>
<span class="rightside">Modified:
<time
class="dt-updated"
datetime="2018-09-04T22:39:30-07:00"
itemprop="dateModified">
July 09, 2018
</time>
</span>
</p>
<details itemprop="author" itemscope itemtype="https://schema.org/Person" class="p-author h-card hidden">
<summary itemprop="name" class="p-name">Mandaris</summary> <img itemprop="image" class="u-photo"
src="https://secure.gravatar.com/avatar/03fb367dd4c7aea56f77dfa496db3725"
alt="Author's Profile." />
<p class="p-note">Mandaris is someone who strives to make himself into a better person</p>
<p><a itemprop="url" class="u-url u-uid"
rel="me" href="https://mandarismoore.com"
title="Author Website.">
Mandaris</a></p>
</details>
</footer>
</article>
<hr />
<article
class="post hentry h-entry"
itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
<header class="post-header">
<h2
itemprop="headline name"
class="title p-name post-title">
<a
rel="bookmark"
class="u-url"
title="Getting mdx_downheader to work «Mandaris Moore»"
href="2018/07/getting-mdx_downheader-to-work.html"
itemprop="url">
Getting mdx_downheader to work
</a>
</h2>
</header><div class="e-content post-body" itemprop="articleBody">
<p>In my <a href="/2018/06/blog-accomplishments.html" title="Blog Accomplishments «Mandaris Moore»">last post</a>, I left off with a list of things that I wanted to work on for the next release of the design of the blog. I'm still changing the header at the top of the page and I've been working on improving the contrast of the colors you see for links to make it easier to read. Something you can't spot just by looking is the fact that <code><h1> - <h3></code> tags don't correspond to the breakdown of the syntax of the rest of the site.</p>
<p><img alt="A small sample of the code that was being generated." src="images/sample-of-previous-syntax.png" title="Generated HTML in Sublime looks cool!"></p>
<h3 id="what-do-i-see-on-the-internet">What do I see on the internet</h3>
<p>I feel that a lot of the sites that are on the internet only use the <code><h1></code>, <code><h2></code>, <code><h3></code> tags and looking at some of the templates that I've come across for pelican use css classes to differentiate them in the design. </p>
<p>I don't have a problem with that, but I felt that it doesn't help those that might be using some kind of screen reader or parsing system<sup id="fnref:seo"><a class="footnote-ref" href="#fn:seo">1</a></sup>.</p>
<h3 id="searching-for-a-solution">Searching for a solution</h3>
<p>Once again, I started looking for a place where this had already been fixed and quickly found one that would make sure that the html that <a href="http://docs.getpelican.com/en/stable/index.html">python-markdown</a> would give me would match what I was expecting to give to my <a href="https://github.com/mandaris/modest" title="A very simple template for pelican">template</a>.</p>
<p><a href="https://github.com/cprieto">Christian Prieto</a> had already come up with this <a href="https://github.com/cprieto/mdx_downheader" title="Python Markdown Down Header Extension">handy solution</a> in 2016 and had put some tests and an example of how to incorporate it into pelican.</p>
<h3 id="but-there-are-further-complications">But there are further complications</h3>
<p>Unfortunately, pelican has changed since the original and I wasn't able to get the solution to work. The readme says to add the following:</p>
<div class="highlight"><pre><span></span><code><span class="n">MD_EXTENSIONS</span> <span class="o">=</span> <span class="p">[</span><span class="s1">'downheader'</span><span class="p">]</span>
</code></pre></div>
<p>But the latest documentation found <a href="http://docs.getpelican.com/en/stable/settings.html" title="Pelican Settings">here</a>, have the markdown default to be defined as a dictionary and not an array<sup id="fnref:doc"><a class="footnote-ref" href="#fn:doc">2</a></sup>. The simplest way to get it to work is to change your <code>pelicanconfig.py</code> to have the following code.</p>
<div class="highlight"><pre><span></span><code><span class="c1"># Markdown Plugins</span>
<span class="n">MARKDOWN</span> <span class="o">=</span> <span class="p">{</span>
<span class="s1">'extension_configs'</span><span class="p">:</span> <span class="p">{</span>
<span class="s1">'markdown.extensions.codehilite'</span><span class="p">:</span> <span class="p">{</span><span class="s1">'css_class'</span><span class="p">:</span> <span class="s1">'highlight'</span><span class="p">},</span>
<span class="s1">'markdown.extensions.extra'</span><span class="p">:</span> <span class="p">{},</span>
<span class="s1">'markdown.extensions.meta'</span><span class="p">:</span> <span class="p">{},</span>
<span class="hll"> <span class="s1">'downheader'</span><span class="p">:</span> <span class="p">{},</span>
</span> <span class="p">},</span>
<span class="s1">'output_format'</span><span class="p">:</span> <span class="s1">'html5'</span><span class="p">,</span>
<span class="p">}</span>
</code></pre></div>
<p>For me, I had to specify a value because the title of my site is in a <code><h1></code> tag and the article headers are in <code><h2></code>.</p>
<div class="highlight"><pre><span></span><code><span class="c1"># Markdown Plugins</span>
<span class="n">MARKDOWN</span> <span class="o">=</span> <span class="p">{</span>
<span class="s1">'extension_configs'</span><span class="p">:</span> <span class="p">{</span>
<span class="s1">'markdown.extensions.codehilite'</span><span class="p">:</span> <span class="p">{</span><span class="s1">'css_class'</span><span class="p">:</span> <span class="s1">'highlight'</span><span class="p">},</span>
<span class="s1">'markdown.extensions.extra'</span><span class="p">:</span> <span class="p">{},</span>
<span class="s1">'markdown.extensions.meta'</span><span class="p">:</span> <span class="p">{},</span>
<span class="hll"> <span class="s1">'downheader'</span><span class="p">:</span> <span class="p">{</span><span class="s1">'levels'</span><span class="p">:</span> <span class="s1">'2'</span><span class="p">},</span>
</span> <span class="p">},</span>
<span class="s1">'output_format'</span><span class="p">:</span> <span class="s1">'html5'</span><span class="p">,</span>
<span class="p">}</span>
</code></pre></div>
<p>I've since made a <a href="https://github.com/cprieto/mdx_downheader/pull/5">pull request</a> so that others can get around this as well.</p>
<h3 id="conclusion">Conclusion</h3>
<p>I'm happier and happier with the way that the site is coming together, but I'm afraid of the amount of <a href="https://en.wikipedia.org/wiki/Technical_debt">technical debt</a> that the site is accruing as I go along. I've to to make the readme a priority for those who come after me and want to make this design better.</p>
<p>I've also taken some time to just take the header and just make a <a href="https://github.com/mandaris/pelican-headers">standalone project</a> that demonstrates how it works. I points to the <code>simple</code> theme that comes with pelican so people can just download it after installing pelican, python-markdown and the mdx_downheader package.</p>
<div class="footnote">
<hr>
<ol>
<li id="fn:seo">
<p>From what I've seen a lot of webcrawlers use the headers of a page to determine whether a site was worth putting in search results. <a class="footnote-backref" href="#fnref:seo" title="Jump back to footnote 1 in the text">↩</a></p>
</li>
<li id="fn:doc">
<p>This isn't the only place that has this, but I've been having trouble just getting the projects that I am using up to date. Heck, my <a href="https://github.com/mandaris/Modest/blob/master/README.md">readme is one line</a> at this point! <a class="footnote-backref" href="#fnref:doc" title="Jump back to footnote 2 in the text">↩</a></p>
</li>
</ol>
</div>
</div>
<p class="readmore u-url">
<a
rel="bookmark"
title="Getting mdx_downheader to work «Mandaris Moore»"
href="2018/07/getting-mdx_downheader-to-work.html"
itemprop="url">Permalink
</a>
</p>
<footer>
<p class="articleFooterP">Category:
<a class="p-category" href="./category/blogging.html">
<span itemprop="articleSection">blogging</span>
</a>
<span class="rightside">
<time
class="dt-published"
datetime="2018-07-03T22:38:02-07:00"
itemprop="dateCreated datePublished">
July 03, 2018
</time>
</span>
<br /> <span itemprop="keywords">
<a
class="tag"
rel="category tag"
href="./tag/programming.html">
programming
</a>
<a
class="tag"
rel="category tag"
href="./tag/open-source.html">
open source
</a>
<a
class="tag"
rel="category tag"
href="./tag/python.html">
python
</a>
<a
class="tag"
rel="category tag"
href="./tag/pelican.html">
pelican
</a>
</span>
</p>
<details itemprop="author" itemscope itemtype="https://schema.org/Person" class="p-author h-card hidden">
<summary itemprop="name" class="p-name">Mandaris</summary> <img itemprop="image" class="u-photo"
src="https://secure.gravatar.com/avatar/03fb367dd4c7aea56f77dfa496db3725"
alt="Author's Profile." />
<p class="p-note">Mandaris is someone who strives to make himself into a better person</p>
<p><a itemprop="url" class="u-url u-uid"
rel="me" href="https://mandarismoore.com"
title="Author Website.">
Mandaris</a></p>
</details>
</footer>
</article>
<hr />
<article
class="post hentry h-entry"
itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
<header class="post-header">
<h2
itemprop="headline name"
class="title p-name post-title">
<a
rel="bookmark"
class="u-url"
title="Blog Accomplishments «Mandaris Moore»"
href="2018/06/blog-accomplishments.html"
itemprop="url">
Blog Accomplishments
</a>
</h2>
</header><div class="e-content post-body" itemprop="articleBody">
<p>I think I'm ready to mark my second pelican theme 1.0 as "Feature Complete" today! I started off with -what I thought- a simple premise of having a site site took a lot longer than I expected but I'm pretty happy with the site for now. But before I tag it and start working on 2.0, I want to go over what I've done so far.</p>
<p><img alt="Visualization of what I've accomplished with the blog." src="/images/blog-accomplishments.png"> </p>
<h3 id="parsable">Parsable</h3>
<p>The first thing I started researching was how to make the site parsable by webcrawlers. Although it's a personal blog, I wanted people to be able to find the content easily.</p>
<h4 id="opengraph">OpenGraph</h4>
<p>OpenGraph was the first thing that I came across and appealed to me the most because it's the preferred way of parsing data for Twitter<sup id="fnref:twitter"><a class="footnote-ref" href="#fn:twitter">1</a></sup>.</p>
<p>I found it especially rewarding that the tags are also parsed by facebook and my new favorite social network <a href="https://slack.com">slack</a>. </p>
<p>One of the technical difficulties that I ran into when adding OpenGraph tags was adding the images. The specification for OpenGraph states that images to be used need to be added as meta data in the head of the html. This can be a pain as the other data like title and date can be pulled from the article itself and I didn't want to go through all my old posts to add image meta data.</p>
<p>Luckily, the github user WhiskyEchoBravo had a <a href="https://github.com/whiskyechobravo/pelican-open_graph">project that searched the content of the post for images</a> and added the first to the list of tags. I'm a little proud that I helped with issues with <a href="https://github.com/whiskyechobravo/pelican-open_graph/commit/61248d805588245a9fc1dc4eda56cff1f5a9d8fa">pages</a>. </p>
<p>Afterwards, I did run into some frustration when the images that I added to posts wouldn't be as big as I expected.</p>
<p><img alt="Post in slack with a small image." src="images/slack-small-image.png"></p>
<p>Ultimately, I think it's because of the mixing and matching of having OpenGraph and twitter specific tags and was solved it by making sure I used the following for my twitter card.</p>
<div class="highlight"><pre><span></span><code><span class="p"><</span><span class="nt">meta</span> <span class="na">name</span><span class="o">=</span><span class="s">"twitter:card"</span> <span class="na">content</span><span class="o">=</span><span class="s">"summary_large_image"</span> <span class="p">/></span>
</code></pre></div>
<p>And now I get the post to unfurl nicely.</p>
<p><img alt="Post in slack with a large image." src="images/slack-large-image.png"></p>
<h4 id="schemaorg">Schema.org</h4>
<p>This is the styling used by both Bing and Google. I put this in as a challenge to myself to make it work in both instances. I leaned a lot from the example on <a href="https://orbitingweb.com/blog/schema-org-microdata-guide/" title="Complete Schema.Org and Microdata Tutorial for beginners">OrbitingWeb</a> and refined what I was working with using <a href="https://github.com/philwareham/schema-microdata-examples/blob/master/blog.html" title="Schema.org microdata examples">another example</a> that I found on github.</p>
<h3 id="valid-semantic-tags">Valid Semantic Tags</h3>
<p>For this, I just wanted to use some of those really cool semantic tags that html5 has given to us. When I look at the code for some pages on the internet I see a lot of <code><div></code> tags with classes that could be replaced with <code><main></code>, <code><nav></code>, or <code><section></code> tags.</p>
<p>I'm willing to just attribute it to my desire to have my own style or maybe just inexperience, but I'm happy to report that the site passes html validation except for the OpenGraph definitions found in the header.</p>
<h4 id="figure-it-out">figure it out</h4>
<p>One technical hurdle I ran into was that I wanted my images to be wrapped in the <code><figure></code> tag and also have a <code><figcaption></code> tag that would have the alternative text. </p>
<p>I searched for a plugin for pelican<sup id="fnref:figure-ref"><a class="footnote-ref" href="#fn:figure-ref">2</a></sup>, but the closest thing I could find was <a href="https://github.com/getpelican/pelican-plugins/tree/master/liquid_tags">liquid tags</a> at the time<sup id="fnref:liquid"><a class="footnote-ref" href="#fn:liquid">3</a></sup>. </p>
<p>I did find jdittrich <a href="https://github.com/jdittrich/figureAltCaption">figureAltCaption</a> project on github which was a extension for the <a href="https://python-markdown.github.io/">python-markdown</a> that pelican uses. I even submitted a <a href="https://github.com/jdittrich/figureAltCaption/pull/3" title="Still wait to be pulled into the main branch">pull request</a> to allow it to do reference links!</p>
<p>There was a little confusion on getting it to work because pelican has been changing since some of these plugins were created.</p>
<p>Long story short, I had to add the following to my <code>pelicanconfig.py</code> to get it to work.</p>
<div class="highlight"><pre><span></span><code> <span class="c1"># Markdown Plugins</span>
<span class="n">MARKDOWN</span> <span class="o">=</span> <span class="p">{</span>
<span class="s1">'extension_configs'</span><span class="p">:</span> <span class="p">{</span>
<span class="s1">'markdown.extensions.codehilite'</span><span class="p">:</span> <span class="p">{</span><span class="s1">'css_class'</span><span class="p">:</span> <span class="s1">'highlight'</span><span class="p">},</span>
<span class="s1">'markdown.extensions.extra'</span><span class="p">:</span> <span class="p">{},</span>
<span class="s1">'markdown.extensions.meta'</span><span class="p">:</span> <span class="p">{},</span>
<span class="hll"> <span class="s1">'figureAltCaption'</span><span class="p">:{},</span>
</span> <span class="p">},</span>
<span class="s1">'output_format'</span><span class="p">:</span> <span class="s1">'html5'</span><span class="p">,</span>
<span class="p">}</span>
</code></pre></div>
<h3 id="easy-to-share">Easy to share</h3>
<p>I wrote down that I wanted the site to be easy to share and it is when you look at the amount of tags and metadata that is in every page. </p>
<p>At one point, I wanted to add share buttons, but -with the rise in concerns about privacy- I wanted the users of the site to be the ones who would share it.</p>
<p>Also, I'm still working on color schemes so the buttons might clash with whatever I end up with.</p>
<p><img alt="Clash of the social buttons!" src="images/supported-social-networks.jpg" title="The number of ways to share an article is too dang high!"></p>
<h3 id="accessible">Accessible</h3>
<p>One of the underlining principles of this site design is that I wanted it to be accessible to as many people as possible. It's part of the reason that I've worked so hard on making sure that I included so many semantic tags. I didn't think that this was particularly hard to do when you understand what needs to happen before you begin. </p>
<p>The theme doesn't have any errors at this point, but does loose some points because of the way that markdown headers are handled and the fact that I picked a low contrast color for my links. I'll fix it soon.</p>
<h3 id="conclusion-and-where-im-going-next">Conclusion and where I'm going next</h3>
<p>Overall, I'm happy with this version of the site and blogging about it has helped me think about what places I want to refine going forward. </p>
<h4 id="list-of-things-to-improve">List of things to improve</h4>
<ul>
<li>Create a decent readme with all the packages and properties that the theme uses</li>
<li>Improve color contrast for reading</li>
<li>Add Cristian Prieto's <a href="https://github.com/cprieto/mdx_downheader">mdx_downheader</a></li>
<li>Make the top navigation a little less clunky</li>
<li>Look into how to integrate micro.blog posts</li>
</ul>
<p>If you want to contribute you can find the theme on <a href="https://github.com/mandaris/modest" title="A very simple template for pelican">github here</a>.</p>
<div class="footnote">
<hr>
<ol>
<li id="fn:twitter">
<p>Twitter is still my social network of choice and -despite it's flaws- is not as creepy as facebook. <a class="footnote-backref" href="#fnref:twitter" title="Jump back to footnote 1 in the text">↩</a></p>
</li>
<li id="fn:figure-ref">
<p>Seriously didn't see Chris MacMackin's <a href="https://github.com/cmacmackin/figure-ref" title="A Pelican plugin providing a referencing-system for figures, like that in LaTeX.">figure-ref</a> until I was writing this article. I'll have to look into it for my next version. <a class="footnote-backref" href="#fnref:figure-ref" title="Jump back to footnote 2 in the text">↩</a></p>
</li>
<li id="fn:liquid">
<p>I used this to make my previous theme <a href="https://github.com/mandaris/TuftePelican" title="Abandoned themes that still haunt me">Tufte</a> and did not want to go down that road twice. It is very specific to pelican and I didn't want to dive into more regular expressions when I <em>knew</em> there had to be a solution already created. <a class="footnote-backref" href="#fnref:liquid" title="Jump back to footnote 3 in the text">↩</a></p>
</li>
</ol>
</div>
</div>
<p class="readmore u-url">
<a
rel="bookmark"
title="Blog Accomplishments «Mandaris Moore»"
href="2018/06/blog-accomplishments.html"
itemprop="url">Permalink
</a>
</p>
<footer>
<p class="articleFooterP">Category:
<a class="p-category" href="./category/blogging.html">
<span itemprop="articleSection">blogging</span>
</a>
<span class="rightside">
<time
class="dt-published"
datetime="2018-06-26T19:16:06-07:00"
itemprop="dateCreated datePublished">
June 26, 2018
</time>
</span>
<br /> <span itemprop="keywords">
<a
class="tag"
rel="category tag"
href="./tag/accomplishments.html">
accomplishments
</a>
<a
class="tag"
rel="category tag"
href="./tag/python.html">
python
</a>
<a
class="tag"
rel="category tag"
href="./tag/html.html">
html
</a>
</span>
<span class="rightside">Modified:
<time
class="dt-updated"
datetime="2019-05-29T22:02:30-07:00"
itemprop="dateModified">
June 26, 2018
</time>
</span>
</p>
<details itemprop="author" itemscope itemtype="https://schema.org/Person" class="p-author h-card hidden">
<summary itemprop="name" class="p-name">Mandaris</summary> <img itemprop="image" class="u-photo"
src="https://secure.gravatar.com/avatar/03fb367dd4c7aea56f77dfa496db3725"
alt="Author's Profile." />
<p class="p-note">Mandaris is someone who strives to make himself into a better person</p>
<p><a itemprop="url" class="u-url u-uid"
rel="me" href="https://mandarismoore.com"
title="Author Website.">
Mandaris</a></p>
</details>
</footer>
</article>
<hr />
<article
class="post hentry h-entry"
itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
<header class="post-header">
<h2
itemprop="headline name"
class="title p-name post-title">
<a
rel="bookmark"
class="u-url"
title="A lone desk «Mandaris Moore»"
href="2018/06/a-lone-desk.html"
itemprop="url">
A lone desk
</a>
</h2>
</header><div class="e-content post-body" itemprop="articleBody">
<p>I found a desk near the garbage bin and I wanted even though I didn't have room for it. I guess it's because I still love the idea of sitting down and getting to work on something. </p>
<p><img alt="A lone desk looking for a good home." src="images/garbage-desk.png"></p>
<p>I feel that it’s party because of the restlessness I get every once in a while where I want to make or learn something. I think I’m really making progress in keeping my eye on the ball and making sure to reflect on my goals. </p>
<h4 id="meanwhile">Meanwhile...</h4>
<p>Work has been really busy and weird at the same time. A lot of unanswered questions and unease just below the surface. I hope there isn’t any extra drama...</p>
</div>
<p class="readmore u-url">
<a
rel="bookmark"
title="A lone desk «Mandaris Moore»"
href="2018/06/a-lone-desk.html"
itemprop="url">Permalink
</a>
</p>
<footer>
<p class="articleFooterP">Category:
<a class="p-category" href="./category/personal.html">
<span itemprop="articleSection">personal</span>
</a>
<span class="rightside">
<time
class="dt-published"
datetime="2018-06-21T20:25:50-07:00"
itemprop="dateCreated datePublished">
June 21, 2018
</time>
</span>
<br /> <span itemprop="keywords">
<a
class="tag"
rel="category tag"
href="./tag/work.html">
work
</a>
<a
class="tag"
rel="category tag"
href="./tag/goals.html">
goals
</a>
</span>
</p>
<details itemprop="author" itemscope itemtype="https://schema.org/Person" class="p-author h-card hidden">
<summary itemprop="name" class="p-name">Mandaris</summary> <img itemprop="image" class="u-photo"
src="https://secure.gravatar.com/avatar/03fb367dd4c7aea56f77dfa496db3725"
alt="Author's Profile." />
<p class="p-note">Mandaris is someone who strives to make himself into a better person</p>
<p><a itemprop="url" class="u-url u-uid"
rel="me" href="https://mandarismoore.com"
title="Author Website.">
Mandaris</a></p>
</details>
</footer>
</article>
<hr />
<article
class="post hentry h-entry"
itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
<header class="post-header">
<h2
itemprop="headline name"
class="title p-name post-title">
<a
rel="bookmark"
class="u-url"
title="Doing a review at night «Mandaris Moore»"
href="2018/06/doing-a-review-at-night.html"
itemprop="url">
Doing a review at night
</a>
</h2>
</header><div class="e-content post-body" itemprop="articleBody">
<p><img alt="Seeing how time files when I'm trying to get things done" src="images/a-man-with-a-clock.png"></p>
<p>I've set aside some time tonight to do a review of some of the things that I told myself that I was going to do. And it's kind of daunting in that some of this stuff has been waiting for a while to get my attention. </p>
<p>Well, there isn't a point in procrastinating much longer. </p>
<p>I know I'll feel better about so many things if I at least get started.</p>
</div>
<p class="readmore u-url">
<a
rel="bookmark"
title="Doing a review at night «Mandaris Moore»"
href="2018/06/doing-a-review-at-night.html"
itemprop="url">Permalink
</a>
</p>
<footer>
<p class="articleFooterP">Category:
<a class="p-category" href="./category/personal.html">
<span itemprop="articleSection">personal</span>
</a>
<span class="rightside">
<time
class="dt-published"
datetime="2018-06-18T18:33:37-07:00"
itemprop="dateCreated datePublished">
June 18, 2018
</time>
</span>
<br /> <span itemprop="keywords">
<a
class="tag"
rel="category tag"
href="./tag/review.html">
review
</a>
</span>
</p>
<details itemprop="author" itemscope itemtype="https://schema.org/Person" class="p-author h-card hidden">
<summary itemprop="name" class="p-name">Mandaris</summary> <img itemprop="image" class="u-photo"
src="https://secure.gravatar.com/avatar/03fb367dd4c7aea56f77dfa496db3725"
alt="Author's Profile." />
<p class="p-note">Mandaris is someone who strives to make himself into a better person</p>
<p><a itemprop="url" class="u-url u-uid"
rel="me" href="https://mandarismoore.com"
title="Author Website.">
Mandaris</a></p>
</details>
</footer>
</article>
<hr />
<article
class="post hentry h-entry"
itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
<header class="post-header">
<h2
itemprop="headline name"
class="title p-name post-title">
<a
rel="bookmark"
class="u-url"
title="Today «Mandaris Moore»"
href="2018/06/today.html"
itemprop="url">
Today
</a>
</h2>
</header><div class="e-content post-body" itemprop="articleBody">
<p>Today, I thought about how I start most of my post with the word "today". If you look through all of my writings on this blog you probably won't find it because it's usually the first thing that I delete when I'm editing.</p>
<p>Maybe it's because some part of me is always thinking about how I want to start or continue something and that <em>Today</em> will be the day that everything will work out and I can start down easy street.</p>
<p>It hasn't happened but I feel that life is filled with stops and starts and as long as you focus on making some progress everyday - even if it's a little - that feeling of <em>Today</em> goes away.</p>
</div>
<p class="readmore u-url">
<a
rel="bookmark"
title="Today «Mandaris Moore»"
href="2018/06/today.html"
itemprop="url">Permalink
</a>
</p>
<footer>
<p class="articleFooterP">Category:
<a class="p-category" href="./category/personal.html">
<span itemprop="articleSection">personal</span>
</a>
<span class="rightside">
<time
class="dt-published"
datetime="2018-06-18T17:24:33-07:00"
itemprop="dateCreated datePublished">
June 18, 2018
</time>
</span>
<br /> <span itemprop="keywords">
<a
class="tag"
rel="category tag"
href="./tag/goals.html">
goals
</a>
<a
class="tag"
rel="category tag"
href="./tag/today.html">
today
</a>
</span>
</p>
<details itemprop="author" itemscope itemtype="https://schema.org/Person" class="p-author h-card hidden">
<summary itemprop="name" class="p-name">Mandaris</summary> <img itemprop="image" class="u-photo"
src="https://secure.gravatar.com/avatar/03fb367dd4c7aea56f77dfa496db3725"
alt="Author's Profile." />
<p class="p-note">Mandaris is someone who strives to make himself into a better person</p>
<p><a itemprop="url" class="u-url u-uid"
rel="me" href="https://mandarismoore.com"
title="Author Website.">
Mandaris</a></p>
</details>
</footer>
</article>
<hr />
<article
class="post hentry h-entry"
itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
<header class="post-header">
<h2
itemprop="headline name"
class="title p-name post-title">
<a
rel="bookmark"
class="u-url"
title="Initial Re-action to WWDC 2018 «Mandaris Moore»"
href="2018/06/initial-re-action-to-wwdc-2018.html"
itemprop="url">
Initial Re-action to WWDC 2018
</a>
</h2>
</header><div class="e-content post-body" itemprop="articleBody">
<p><img alt="Looking back there were 4 main areas. Performance being the first." src="images/WWDC-2018.png"></p>
<p>My first feeling about the keynote is genuine happiness. I'm happy that they are going to focus on the performance of the operating system. I'm happy that they are supporting all the devices that were working with iOS 11. I'm also happy that they are <strong>NOT</strong> introducing a lot of extraneous<sup id="fnref:extra"><a class="footnote-ref" href="#fn:extra">1</a></sup> features that people may never use.</p>
<h3 id="focus-on-performance">Focus on performance</h3>
<p>I'm tired of people having problems with Apple devices. I'm the family tech support and I do <em>not</em> like the feeling of having someone's device not work. This is compounded when I'm usually the one who recommends them. </p>
<p>I'm hoping that this will allow me to not have to answer as many questions and make the current devices last longer. I can't afford to buy anything new at this point.</p>
<h3 id="shortcuts">Shortcuts</h3>
<p>I am already on board the automation train. I've got the <a href="https://www.workflow.is">workflow</a> and <a href="https://contrast.co/launch-center-pro/">launch center pro</a> applications on my phone. I feel that this should allow me and everyone else a better way of getting rid of repetitive tasks.</p>
<h3 id="bring-developers-back-to-the-mac-app-store">Bring developers back to the Mac App Store</h3>
<p>I'll believe it when I see it, but it definitely gives me the warm fuzzies to have developers feel more at ease on the platforms that I love.</p>
<h3 id="apple-watch">Apple Watch</h3>
<p>I think this is the best presentation that I've seen with Kevin Lynch. I would like an Apple watch, but I have trouble thinking about how I'd incorporate it into my life. When I saw those demos along with everything else associated with iOS 12, I found myself dreaming about owning one again<sup id="fnref:again"><a class="footnote-ref" href="#fn:again">2</a></sup>.</p>
<h3 id="conclusion">Conclusion</h3>
<p>All in all, I'm happy with the keynote and actually a little sad that people weren't. It really feels like Apple is sitting down and letting their products mature a little more as they move forward.</p>
<div class="footnote">
<hr>
<ol>
<li id="fn:extra">
<p>Well, they seem extraneous to me. I guess it's just a matter of how easy it would be to add to my work flow. <a class="footnote-backref" href="#fnref:extra" title="Jump back to footnote 1 in the text">↩</a></p>
</li>
<li id="fn:again">
<p>I was gifted one, but had to return it for financial reasons. Really sweet gift but I needed to pay the bills. <a class="footnote-backref" href="#fnref:again" title="Jump back to footnote 2 in the text">↩</a></p>
</li>
</ol>
</div>
</div>
<p class="readmore u-url">
<a
rel="bookmark"
title="Initial Re-action to WWDC 2018 «Mandaris Moore»"
href="2018/06/initial-re-action-to-wwdc-2018.html"
itemprop="url">Permalink
</a>
</p>
<footer>
<p class="articleFooterP">Category:
<a class="p-category" href="./category/tech.html">
<span itemprop="articleSection">tech</span>
</a>
<span class="rightside">
<time
class="dt-published"
datetime="2018-06-04T21:04:14-07:00"
itemprop="dateCreated datePublished">
June 04, 2018
</time>
</span>
<br /> <span itemprop="keywords">
<a
class="tag"
rel="category tag"
href="./tag/wwdc.html">
wwdc
</a>
<a
class="tag"
rel="category tag"
href="./tag/apple.html">
apple
</a>
<a
class="tag"
rel="category tag"
href="./tag/reaction.html">
reaction
</a>
</span>
</p>
<details itemprop="author" itemscope itemtype="https://schema.org/Person" class="p-author h-card hidden">
<summary itemprop="name" class="p-name">Mandaris</summary> <img itemprop="image" class="u-photo"
src="https://secure.gravatar.com/avatar/03fb367dd4c7aea56f77dfa496db3725"
alt="Author's Profile." />
<p class="p-note">Mandaris is someone who strives to make himself into a better person</p>
<p><a itemprop="url" class="u-url u-uid"
rel="me" href="https://mandarismoore.com"
title="Author Website.">
Mandaris</a></p>
</details>
</footer>
</article>
<hr />
<article
class="post hentry h-entry"
itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
<header class="post-header">
<h2
itemprop="headline name"
class="title p-name post-title">
<a
rel="bookmark"
class="u-url"
title="A fix for simple mistakes «Mandaris Moore»"
href="2018/05/a-fix-for-simple-mistakes.html"
itemprop="url">
A fix for simple mistakes
</a>
</h2>
</header><div class="e-content post-body" itemprop="articleBody">
<p><img alt="People still make mistakes." src="images/oopsie.jpeg"></p>
<p>I haven’t seen a pen like this since high school. I thought it was funny that even thought we pushing and pushing for a paperless life style we still have room for something like this. </p>
</div>
<p class="readmore u-url">
<a
rel="bookmark"
title="A fix for simple mistakes «Mandaris Moore»"
href="2018/05/a-fix-for-simple-mistakes.html"
itemprop="url">Permalink
</a>
</p>
<footer>
<p class="articleFooterP">Category: