writing: style

content/Design for Writing & Thinking.md

@@ -11,6 +11,15 @@ tags:
 
 # Navigation through Design 
 
+
+## Explorative Navigation
+
+
+Navigating through a typical website is an endless amount of clicking and new tab opening with everything seen before gone or no longer visible.
+
+
+With this site I'm trying to lower the barrier to putting ideas out into public and experimenting with way to create visual cues for the reader as to what is beyond the current page.
+
 ### Embedded meaning behind styling
 
 
@@ -39,14 +48,8 @@ Footnotes
 - Footnotes are for tangents and extranious information[^1] inline of a paragraph and happen sequentially for clarity[^2].
 
 
-## Explorative Navigation
-
-
-Navigating through a typical website is an endless amount of clicking and new tab opening with everything seen before gone or no longer visible.
-
-
-With this site I'm trying to lower the barrier to putting ideas out into public and experimenting with way to create visual cues for the reader as to what is beyond the current page.
-
+## House Style
+Ultimately I'd like to enforce a house 'style', writing conventions that are similar across essays. Ink & Switch has some great essays about their essay ['Academish Voice'](https://inkandswitch.notion.site/Academish-Voice-0d8126b3be5545d2a21705ceedb5dd45) as well as their [essay style conventions](https://www.inkandswitch.com/article-style-guide.html). One of my favorite examples of this is David Millington's [house style](https://daveon.design/about-dave-on-design.html#house-style) essay.
 
 [^1]: My reference.
 

quartz/styles/custom.scss

@@ -18,7 +18,17 @@ body {
 html[saved-theme="dark"] body {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='4' height='4' viewBox='0 0 4 4' style='enable-background:new 0 0 4 4;'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23403e3c;fill-opacity:0.4;%7D%3C/style%3E%3Cpath class='st0' d='M1,3h1v1H1V3z M3,1h1v1H3V1z'/%3E%3C/svg%3E") !important;
 }
-
+p,
+ul,
+text,
+a,
+tr,
+td,
+li,
+ol,
+ul{
+  hyphens: manual;
+}
 .callout[data-callout="note"] {
   --color: rgb(67, 133, 190) !important;
   --border: rgb(32, 94, 166) !important;