added new post

assets/css/prism.css

@@ -0,0 +1,3 @@
+/* PrismJS 1.29.0
+https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+armasm+arturo+asciidoc+aspnet+asm6502+asmatmel+autohotkey+autoit+avisynth+avro-idl+awk+bash+basic+batch+bbcode+bbj+bicep+birb+bison+bnf+bqn+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+cilkc+cilkcpp+clojure+cmake+cobol+coffeescript+concurnas+csp+cooklang+coq+crystal+css-extras+csv+cue+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gap+gcode+gdscript+gedcom+gettext+gherkin+git+glsl+gn+linker-script+go+go-module+gradle+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+hoon+http+hpkp+hsts+ichigojam+icon+icu-message-format+idris+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keepalived+keyman+kotlin+kumir+kusto+latex+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+magma+makefile+markdown+markup-templating+mata+matlab+maxscript+mel+mermaid+metafont+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+odin+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plant-uml+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+cshtml+jsx+tsx+reason+regex+rego+renpy+rescript+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+stata+iecst+stylus+supercollider+swift+systemd+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+tremor+turtle+twig+typescript+typoscript+unrealscript+uorazor+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+web-idl+wgsl+wiki+wolfram+wren+xeora+xml-doc+xojo+xquery+yaml+yang+zig */
+code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}

assets/css/styles.css

@@ -0,0 +1,242 @@
+/* https://www.joshwcomeau.com/css/custom-css-reset/ */
+/*
+  1. Use a more-intuitive box-sizing model.
+*/
+@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500&display=swap");
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+
+/*
+  2. Remove default margin
+*/
+* {
+  margin: 0;
+}
+
+/*
+  3. Allow percentage-based heights in the application
+*/
+html, body {
+  height: 100%;
+}
+
+/*
+  Typographic tweaks!
+  4. Add accessible line-height
+  5. Improve text rendering
+*/
+body {
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+}
+
+/*
+  6. Improve media defaults
+*/
+img, picture, video, canvas, svg {
+  display: block;
+  max-width: 100%;
+}
+
+/*
+  7. Remove built-in form typography styles
+*/
+input, button, textarea, select {
+  font: inherit;
+}
+
+/*
+  8. Avoid text overflows
+*/
+p, h1, h2, h3, h4, h5, h6 {
+  overflow-wrap: break-word;
+}
+
+/*
+  9. Create a root stacking context
+*/
+#root, #__next {
+  isolation: isolate;
+}
+
+.wrapper-main, .wrapper-header, .wrapper-footer {
+  width: 100%;
+  margin: 0 auto;
+  max-width: 900px;
+}
+
+/* Sticky Footer */
+.wrapper {
+  min-height: calc(100vh - 40px);
+}
+
+.wrapper-footer {
+  height: 40px;
+}
+
+/* End Sticky Footer */
+/* Style inspiration and settings adapted from https://github.com/jgthms/web-design-in-4-minutes*/
+/* Base */
+html {
+  font-size: 18px;
+}
+
+/* 01 Font family */
+body {
+  font-family: "IBM Plex Mono", "Courier New", monospace;
+}
+
+/* 03 Spacing */
+.padded {
+  padding-top: 30px;
+  padding-bottom: 30px;
+  line-height: 30px;
+}
+
+.main-content {
+  padding-top: 30px;
+  padding-bottom: 30px;
+  line-height: 30px;
+}
+
+div.main-content h2 {
+  padding-top: 15px;
+  padding-bottom: 5px;
+}
+
+header h1, h5 {
+  display: inline;
+}
+
+/* 04 Color and contrast */
+body {
+  color: #F8FDDD;
+  background-color: #3D2200;
+}
+
+h1,
+h2,
+strong {
+  color: #dcdede;
+}
+
+header h5 {
+  font-weight: lighter;
+}
+
+/* 05 Balance */
+code {
+  padding: 2px 4px;
+  vertical-align: text-bottom;
+}
+
+/* 06 Primary color */
+a {
+  color: #ff851b;
+}
+
+/* 07 Secondary colors */
+h1,
+h2,
+strong {
+  font-weight: 500;
+}
+
+.footer-text {
+  display: block;
+  position: relative;
+  font-size: 14px;
+}
+
+.header {
+  padding-top: 35px;
+}
+
+.header nav {
+  padding-top: 10px;
+  padding-bottom: 20px;
+}
+
+.header nav a {
+  padding-right: 3px;
+}
+
+.float-left {
+  float: left;
+}
+
+.float-right {
+  float: right;
+}
+
+.float-center {
+  text-align: center;
+}
+
+.post-item {
+  display: block;
+  position: relative;
+  line-height: 24px;
+  padding-bottom: 5px;
+  margin: 5px 0;
+}
+
+.post-summary {
+  padding-top: 30px;
+  padding-bottom: 30px;
+}
+
+.post-nav {
+  padding-top: 100px;
+  text-align: center;
+}
+
+.category-summary {
+  padding-top: 30px;
+  padding-bottom: 30px;
+}
+
+.category-all-nav, .category-header {
+  display: block;
+  position: relative;
+  line-height: 24px;
+  margin: 5px 0;
+  padding-bottom: 10px;
+  padding-top: 10px;
+}
+
+.post-info {
+  padding-bottom: 30px;
+  margin: 20px 0 5px;
+  padding-top: 20px;
+}
+
+.post-content {
+  line-height: 35px;
+  padding-bottom: 50px;
+}
+
+.post-content h1, h3, code, pre {
+  padding-bottom: 10px;
+  padding-top: 10px;
+}
+
+.post-content h2 {
+  padding-bottom: 20px;
+  padding-top: 20px;
+}
+
+@media only screen and (max-width: 479px) {
+  .mobile-hide {
+    display: none !important;
+  }
+  .footer-text {
+    float: left !important;
+  }
+  html {
+    margin: 1em !important;
+  }
+}
+
+/*# sourceMappingURL=styles.css.map */

assets/css/styles.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../_sass/reset.scss","../../_sass/page.scss","../../_sass/wrapper.scss","../../_sass/footer.scss","../../_sass/header.scss","../../_sass/float.scss","../../_sass/posts.scss","../../_sass/categories.scss","../../_sass/post.scss","../../_sass/mobile.scss"],"names":[],"mappings":"AAAA;AAEA;AAAA;AAAA;ACDQ;ADIR;EACE;;;AAEF;AAAA;AAAA;AAGA;EACE;;;AAEF;AAAA;AAAA;AAGA;EACE;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAEF;AAAA;AAAA;AAGA;EACE;EACA;;;AAEF;AAAA;AAAA;AAGA;EACE;;;AAEF;AAAA;AAAA;AAGA;EACE;;;AAEF;AAAA;AAAA;AAGA;EACE;;;AElDF;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAEF;ADhBA;AAGA;AACA;EACE;;;AAGF;AAEA;EACE;;;AAGF;AAGA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAEA;EACE;EACA;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAGF;AAEA;EACE;EACA;;;AAGF;AAEA;EACE;;;AAGF;AAEA;AAAA;AAAA;EAGE;;;AEvEF;EACE;EACA;EACA;;;ACLF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;ACRF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;ACXF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;ACfF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACXF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AClBF;EAGE;IAAc;;EAGd;IAAc;;EAGd;IAAM","sourcesContent":["/* https://www.joshwcomeau.com/css/custom-css-reset/ */\n\n/*\n  1. Use a more-intuitive box-sizing model.\n*/\n*, *::before, *::after {\n  box-sizing: border-box;\n}\n/*\n  2. Remove default margin\n*/\n* {\n  margin: 0;\n}\n/*\n  3. Allow percentage-based heights in the application\n*/\nhtml, body {\n  height: 100%;\n}\n/*\n  Typographic tweaks!\n  4. Add accessible line-height\n  5. Improve text rendering\n*/\nbody {\n  line-height: 1.5;\n  -webkit-font-smoothing: antialiased;\n}\n/*\n  6. Improve media defaults\n*/\nimg, picture, video, canvas, svg {\n  display: block;\n  max-width: 100%;\n}\n/*\n  7. Remove built-in form typography styles\n*/\ninput, button, textarea, select {\n  font: inherit;\n}\n/*\n  8. Avoid text overflows\n*/\np, h1, h2, h3, h4, h5, h6 {\n  overflow-wrap: break-word;\n}\n/*\n  9. Create a root stacking context\n*/\n#root, #__next {\n  isolation: isolate;\n}\n\n","/* Style inspiration and settings adapted from https://github.com/jgthms/web-design-in-4-minutes*/\n@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500&display=swap');\n\n/* Base */\nhtml {\n  font-size: 18px;\n}\n\n/* 01 Font family */\n\nbody {\n  font-family: \"IBM Plex Mono\", \"Courier New\", monospace;\n}\n\n/* 03 Spacing */\n\n\n.padded {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  line-height: 30px;\n}\n\n.main-content {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  line-height: 30px;\n}\n\ndiv.main-content h2 {\n  padding-top: 15px;\n  padding-bottom: 5px;\n}\n\nheader h1, h5 {\n  display: inline;\n}\n\n/* 04 Color and contrast */\n\nbody {\n  color: #F8FDDD;\n  background-color: #3D2200;\n}\n\nh1,\nh2,\nstrong {\n  color: #dcdede;\n}\n\nheader h5 {\n  font-weight: lighter;\n}\n\n/* 05 Balance */\n\ncode {\n  padding: 2px 4px;\n  vertical-align: text-bottom;\n}\n\n/* 06 Primary color */\n\na {\n  color: #ff851b;\n}\n\n/* 07 Secondary colors */\n\nh1,\nh2,\nstrong {\n  font-weight: 500;\n}\n","@charset \"utf-8\";\n\n.wrapper-main, .wrapper-header, .wrapper-footer {\n  width: 100%;\n  margin: 0 auto;\n  max-width: 900px;\n}\n\n/* Sticky Footer */\n.wrapper {\n  min-height: calc(100vh - 40px);\n}\n\n.wrapper-footer {\n  height: 40px\n}\n/* End Sticky Footer */\n\n","@charset \"utf-8\";\n\n.footer-text {\n  display: block;\n  position: relative;\n  font-size: 14px;\n}\n",".header {\n  padding-top: 35px\n}\n\n.header nav {\n  padding-top: 10px;\n  padding-bottom: 20px;\n}\n\n.header nav a {\n  padding-right: 3px;\n}","@charset \"utf-8\";\n\n.float-left {\n  float: left;\n}\n\n.float-right {\n  float: right;\n}\n\n.float-center {\n  text-align: center;\n}",".post-item {\n  display: block;\n  position: relative;\n  line-height: 24px;\n  padding-bottom: 5px;\n  margin: 5px 0;\n}\n\n.post-summary {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n\n.post-nav {\n  padding-top: 100px;\n  text-align: center;\n}",".category-summary {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n\n.category-all-nav, .category-header {\n  display: block;\n  position: relative;\n  line-height: 24px;\n  margin: 5px 0;\n  padding-bottom: 10px;\n  padding-top: 10px;\n}",".post-info {\n  padding-bottom: 30px;\n  margin: 20px 0 5px;\n  padding-top: 20px;\n}\n\n.post-content {\n  line-height: 35px;\n  padding-bottom: 50px;\n}\n\n.post-content h1, h3, code, pre {\n  padding-bottom: 10px;\n  padding-top: 10px;\n}\n\n.post-content h2 {\n  padding-bottom: 20px;\n  padding-top: 20px;\n}","@media only screen and (max-width: 479px) {\n\n  // Hide clutter elements on mobile\n  .mobile-hide{ display: none !important; }\n\n  // Don't split footer text\n  .footer-text{ float: left !important;}\n\n  // Phone Friendly Margarine ;)\n  html {margin: 1em !important;}\n}"],"file":"styles.css"}