Browse Source

subtractive

windhamdavid 5 months ago
parent
commit
2f327e81a9
4 changed files with 243 additions and 48 deletions
  1. 157 48
      posts/2023-12-03-posts.md
  2. 4 0
      src/css/custom.css
  3. 1 0
      src/pages/index.md
  4. 81 0
      src/pages/sitemap.md

+ 157 - 48
posts/2023-12-03-posts.md

@@ -1,6 +1,6 @@
 ---
 title: Subtractive Process
-description: Today I noticed that my 'now' page was missing a place to note something I do regularly which got me to thinking about publishing workflows and making it really easy to keep updated
+description: Today I edited an old page on my site because it's references had disappeared. I also noticed that my 'now' page was missing a place to note that I make edits somewhat regularly which got me to thinking about publishing workflows.
 slug: subtractive-process
 <!--- authors:
   - name: David Windham
@@ -12,68 +12,170 @@ image: https://davidawindham.com/wp-content/themes/daw/img/opengraph_image.jpg
 hide_table_of_contents: true
 ---
 
-Today I noticed that my 'now' page<sub>1</sub> was missing a place to note something I do regularly which got me to thinking about publishing workflows and making it really easy to keep updated. I regularly edit old content and in the case of my docs and notes, I purposefully have the content organized to be continually edited.
+Today I edited an old page on my site because it's references had disappeared<sub>1</sub>. I also noticed that my 'now' page<sub>2</sub> was missing a place to note that I make edits somewhat regularly which got me to thinking about publishing workflows.
 
 <!--truncate-->
 
-Over the years, I've noticed that people's tendency is to just stack more and more. I'm certainly guilty in that I've got half a closet of clothes that I don't wear and I've got a junk drawer in the mud room that's well... full of junk.  It's especially true with computers because your storage isn't exactly noticeable. Although I've ever worked in a 'desktop support' sorta capacity, I've had enough support experience to know that folks just stack files everywhere.
+I regularly edit old content and in the case of my docs and notes so I purposefully have the content organized to be continually edited. Over the years, I've noticed that people's tendency is to just stack more and more. I'm certainly guilty in that I've got half a closet of clothes that I don't wear and I've got a junk drawer in the mud room that's well... full of junk.  It's especially true with computers because your storage isn't exactly noticeable. I've noticed that some folks like to stack files everywhere.
 
-I've also noticed that any website I publish with a content management system will generally get 'away' from the editors over time. I've got a couple that have thousands of pages of content and what happens is that the publishers and/or editors will continue to focus on whatever is new is happening and fail to recognize the importance of trimming or editing the old content. This can be really problematic when your staff, customers, or clients are citing pages published that haven't been updated or removed. It's especially important given that visitors are not usually navigating from the front page and instead from a search leading them directly to something outdated. I've seen it over and over again where a site architecture changes and leaves behind a couple hundred third-tier pages of outdated information.
+Over time, a file system just kinda worked itself out for me which is mostly based around having a really small number of directories and prefixing them with dates. In August 2012, I tweeted<sub>3</sub>
 
-I equate it to art where you have an additive **and** subtractive process. And just like with painting, folks just tend to blob paint on until the colors are muddy. And just like painting, the key is having a really simple pallette that can be wiped clean, restarted, and managed easily. In web publishing this means to having an easy way to review of all of your content and trying to keep your information architecture very simple. I think part of this is thinking about publishing linearly like the print days and I try to refer to the web as a 'living document' anytime I'm in a meeting. Organizing information well is actually pretty tough<sub>2</sub>. 
+>#### "my evolving naming convention knows no bounds"
 
-I've learned to try an match my local workflow with my publishing and I've started using the same techniques I use for software documentation on things like our house, finances, groceries or pets because a digital version is exactly the same as the old file cabinet. I've noticed that as I keep a documents for a length of time, items like a Table of Contents and Log become important in being able to quickly understand them. The folder structure on my computers have started to mirror the publishing structure.
+Anytime I move to a new computer, start up a new server, or create a backup disc I always seem to use the same file system because I've likely simplified it as much as I'm able.
 
-I should note that I did edit two old posts this morning, but I could have had half my closet cleaned out in the the time I spend publishing this.
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
 
+<Tabs>
+<TabItem value="computer" label="computer">
 
-##### ๐Ÿ‘‡๐Ÿผ This is my folder structure on my machines ( sans system directories )
+```sh title="// computer"
+โ”‚./
+โ”œโ”€โ”€ User/  
+โ”‚   โ”œโ”€โ”€ Desktop/  
+โ”‚   โ”‚   โ”œโ”€โ”€ empty or working files  
+โ”‚   โ”‚   โ””โ”€โ”€ _desktop.md - list date y.m.d - Entry
+โ”‚   โ”œโ”€โ”€ Documents/  
+โ”‚   โ”‚   โ””โ”€โ”€ categories/ *family/finance/travel/work/etc
+โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ type/
+โ”‚   โ”œโ”€โ”€ Media/  
+โ”‚   โ”‚   โ”œโ”€โ”€ audio/graphics/img/video
+โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ y.m_project_name/
+โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ vendor
+โ”‚   โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ assets/
+โ”‚   โ”œโ”€โ”€ Projects/  
+โ”‚   โ”‚   โ”œโ”€โ”€ y.m_project_name/ (change date as updated)
+โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ _notes_project_name.md - list date y.m.d - Entry
+โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ _log/
+โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ assets/
+โ”‚   โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ type/
+โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ docs/
+โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ y.m.d/(achived)
+โ”‚   โ”œโ”€โ”€ Production/  
+โ”‚   โ”‚   โ”œโ”€โ”€ project acronym
+โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ _notes_project_name.md - list date y.m.d - Entry
+โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ assets
+โ”‚   โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ type/
+โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ www
+โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ _log/
+โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ assets/
+โ””โ”€โ”€ _notes_computer-name.md  - list date y.m.d - Entry
+```
+
+</TabItem>
+<TabItem value="disc" label="disc">
+
+```bash title="// disc"
+โ”‚./
+โ”œโ”€โ”€ Computer/Server_Name/  
+โ”‚   โ”œโ”€โ”€ date y.m.d
+โ”‚   โ”‚   โ”œโ”€โ”€ _notes_computer_name.md - list date y.m.d - Entry
+โ”‚   โ”‚   โ”œโ”€โ”€ Documents/  
+โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ categories/ *family/finance/travel/work/etc
+โ”‚   โ”‚   โ”œโ”€โ”€ Media/  
+โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ audio/graphics/music/photos/video
+โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ y.m_project_name/
+โ”‚   โ”‚   โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ assets/
+โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ date y.m.d/
+โ”‚   โ”‚   โ”œโ”€โ”€ Projects/  
+โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ y.m_project_name/
+โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ _notes_project_name.md - date list y.m.d - Entry
+โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ _log/
+โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ assets/
+โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ docs/
+โ”‚   โ”‚   โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ type/
+โ”‚   โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ date y.m.d/
+โ”‚   โ”‚   โ”œโ”€โ”€ Sites/  
+โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ project acronym
+โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ _notes_project_name.md - date list y.m.d - Entry
+โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ assets
+โ”‚   โ”‚   โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ type/
+โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ www
+โ”‚   โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ _log/
+โ”‚   โ”‚   โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ assets/
+โ”‚   โ”‚   โ”œโ”€โ”€ Desktop/  
+โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ empty or working files  
+โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ _desktop.md - list format y.m.d - Entry
+โ””โ”€โ”€ _notes_disc-name.md  - list format y.m.d - Entry
+```
+
+</TabItem>
+<TabItem value="server" label="server">
 
-```zsh
-โ”œโ”€โ”€ Desktop/  
-โ”‚   โ”œโ”€โ”€ (emptied daily)  
-โ”œโ”€โ”€ Documents/  
-โ”‚   โ”œโ”€โ”€ _dw/
-โ”‚   โ””โ”€โ”€ car/family/finance/travel/work/etc
-โ”œโ”€โ”€ Media/  
-โ”‚   โ”œโ”€โ”€ graphics/
-โ”‚   โ”‚   โ””โ”€โ”€ by vendor/
-โ”‚   โ”œโ”€โ”€ movies/
-โ”‚   โ”‚   โ””โ”€โ”€ by vendor/
-โ”‚   โ”œโ”€โ”€ music/
-โ”‚   โ”œโ”€โ”€ photos/
-โ”‚   โ”‚   โ””โ”€โ”€ by date/
-โ”œโ”€โ”€ Projects/  
-โ”‚   โ”œโ”€โ”€ project_name/
+```sh title="// server"
+โ”‚./
+โ”œโ”€โ”€ ~ home/user
+โ”‚   โ”œโ”€โ”€  .configs/
+โ”‚   โ”œโ”€โ”€  _backup/
+โ”‚   โ”œโ”€โ”€ โ””โ”€โ”€ date y.m.d:h:m_files/
+โ”‚   โ”œโ”€โ”€  _logs
+โ”‚   โ”œโ”€โ”€  _monitor
+โ”œโ”€โ”€ var/www/  
+โ”‚   โ”œโ”€โ”€ domain
+โ”‚   โ”‚   โ”œโ”€โ”€ _log/
+โ”‚   โ”‚   โ”œโ”€โ”€ _backup/
+โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ date y.m.d:h:m_files/
+โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ date y.m.d:h:m_db.sql/
 โ”‚   โ”‚   โ”œโ”€โ”€ _notes_project_name.md
-โ”‚   โ”‚   โ”œโ”€โ”€ _notes_project_name_(date).md
-โ”‚   โ”‚   โ”œโ”€โ”€ 22.10(month_folders)/
-โ”‚   โ”‚   โ”œโ”€โ”€ 19.04/
-โ”‚   โ”‚   โ”œโ”€โ”€ assets/
-โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ type/
-โ”‚   โ”‚   โ””โ”€โ”€ docs/
-โ”œโ”€โ”€ Sites/  
-โ”‚   โ”œโ”€โ”€ project acronym
-โ”‚   โ”œโ”€โ”€ daw
-โ”‚   โ”œโ”€โ”€ daw_til
-โ”‚   โ”‚   โ”œโ”€โ”€ docs/
-โ”‚   โ”‚   โ”œโ”€โ”€ lists/
-โ”‚   โ”‚   โ”œโ”€โ”€ posts/
-โ””โ”€โ”€ _desktop.md  
+โ”‚   โ”‚   โ”œโ”€โ”€ html/ *nginx/apache
+โ”‚   โ”‚   โ””โ”€โ”€ app/ *proxy/port
+โ””โ”€โ”€ _notes_server-name.md - configuration 
+```
+
+</TabItem>
+</Tabs>
+
+Part of the reason I can knock these posts out on a whim is that I've learned to try an match my local workflow with my publishing. I've started using the same techniques I use for software documentation on things like our house, finances, groceries or pets because a digital version is exactly the same as the old file cabinet. I've noticed that as I keep a documents for a good length of time, I inevitably add items like a `Table of Contents` and `Log` because they become more important in being able to **quickly** understand large documents. I like the 'Log' up top so I don't have to scroll and the markup starts to look like this ๐Ÿ‘‡๐Ÿผ for almost every document.
+
+
+```md title="// docs/notes/lists"
+# Title
+(y.m.d) - quick summary and reason created
+
+## Log
+(y.m.d) - what changed
+
+### Source
+  - if subject has major reference
+
+## Content
+
+#### Intro
+
+#### Body
+  - concise in docs and notes
+    - colorful in an essay
+  - outlines and lists
+  - meaningful searchable heading titles
+  - name embedded assets `title_type.ext`
+
+#### Conclusion
+
+---
+## References
+  - titles and full URLs for external links
+    - relative URL for sub-domain/directory
+  - citation style is inconsistent
+---
+
+### Notes
+  - recent related
+  - additional resources
 ```
 
-##### ๐Ÿ‘‡๐Ÿผ Notes/Docs structure
+##### Notes/Docs structure
 
 ```mermaid
 %%{init: {'theme':'forest'}}%%
 mindmap
   root((DAW/TIL))
     _Desk.md
-      ( Document I always keep open to make notes )
-    / Search
-      ( Lunr/AI VectorDB/OpenAI ReIndex every so often )
+      ( Always keep open to make notes )
+    / Search / AI
+      ( Lunr/VectorDB/OpenAI ReIndex every so often )
     / Code
-      ( Everything in version control )
+      ( version control all things)
     / Desk
       ( Essays on things I've put considerable thought into )
     / Docs
@@ -83,14 +185,16 @@ mindmap
     / Lists
       ( ongoing edits )
     / Posts
-      ( Longer formatted TIL )
+      ( Longer formatted essays )
     Help
       ( Log of Repo changes )
 ```
 
+I've noticed that any website I publish with a content management system will generally get 'away' from the editors over time. Editors like to to focus on whatever is new and sometimes fail to recognize the importance of trimming or editing the old content<sub>4</sub>. This can be really problematic when your have outdated pages published that haven't been updated or removed. It's especially important given that visitors are not usually navigating from the front page and are coming in from a search leading them directly to the outdated content. I've seen it over and over again where a site architecture changes and leaves behind a couple hundred third-tier pages of outdated information. I've had plenty of projects were they just wipe it clean and start fresh. The whole of the web really suffers from this and I'm just trying to keep my little section of it tidy.
+
 
 
-##### Site structure ๐Ÿ‘‡๐Ÿผ
+##### Website structure
 
 ```mermaid
 %%{init: {'theme':'forest'}}%%
@@ -144,8 +248,13 @@ mindmap
       Posts
 ```
 
+I always find myself on in `delete` mode before the new year. I equate it to the **subtractive process** in art or engineering. When someone new to painting they tend to overload the pallette and blob paint on until the colors are muddy. The key is having a really simple pallette that can be wiped clean, restarted, and managed easily. It's no different in web publishing or software engineering. You just need an easy way of reviewing of all of your code or content and keeping your architecture simple. Organizing information or code is pretty tough<sub>5</sub> and even though it's really all preference, having organizing principles kinda helps as guide<sub>6</sub>.
+
 ---
 
-1. **NOW** - [https://davidawindham.com/now](https://davidawindham.com/now)
-2. **TIL**/notes/references - [/notes/#references](/notes/#references)
-3. _Non_linear Publishing_ - https://davidawindham.com/non-linear-publishing/
+1. _Sam Doyle_ - https://davidawindham.com/sam-doyle/
+2. NOW - [https://davidawindham.com/now](https://davidawindham.com/now)
+3. TIL/lists/Tweets - [/lists/Tweets](/lists/Tweets)
+4. _Non_linear Publishing_ - https://davidawindham.com/non-linear-publishing/
+5. TIL/notes/references - [/notes/#references](/notes/#references)
+6. Organizing Principle - https://en.wikipedia.org/wiki/Organizing_principle

+ 4 - 0
src/css/custom.css

@@ -22,6 +22,7 @@ html[data-theme='dark'] {
   --ifm-background-color:#484c57;
   --ifm-navbar-background-color:#535763;
   --ifm-footer-background-color:#535763;
+  --ifm-alert-background-color: #383a42;
   --ifm-color-primary: #25c2a0;
   --ifm-color-primary-dark: rgb(33, 175, 144);
   --ifm-color-primary-darker: rgb(31, 165, 136);
@@ -30,6 +31,9 @@ html[data-theme='dark'] {
   --ifm-color-primary-lighter: rgb(102, 212, 189);
   --ifm-color-primary-lightest: rgb(146, 224, 208);
   --ifm-code-font-size: 95%;
+  .alert--secondary {
+    background-color: #383a42;
+  }
 }
 [data-theme='dark'] .ds-dropdown-menu {
   --ifm-background-color: #383a42;

+ 1 - 0
src/pages/index.md

@@ -6,6 +6,7 @@ description: A place to keep notes and documentation
 # Today I Learned
 
 - **2023**
+  - 23/12/03 - [Subtractive Process](/posts/subtractive-process)
   - 23/11/30 - [Unix Haters](/posts/unix-haters)
   - 23/11/27 - [newWindow Storage](/posts/newwindow-storage)
   - 23/11/26 - [Sour Cream](/posts/sour-cream)

+ 81 - 0
src/pages/sitemap.md

@@ -1,5 +1,86 @@
 # Sitemap
 
+##### Notes/Docs structure
+
+```mermaid
+%%{init: {'theme':'forest'}}%%
+mindmap
+  root((DAW/TIL))
+    _Desk.md
+      ( Always keep open to make notes )
+    / Search
+      ( Lunr/AI VectorDB/OpenAI ReIndex every so often )
+    / Code
+      ( Everything in version control )
+    / Desk
+      ( Essays on things I've put considerable thought into )
+    / Docs
+      ( Technical Docs, Notes, Logs, & References )
+    / Notes
+      ( Non-technical Docs, Notes, Logs, & References )
+    / Lists
+      ( ongoing edits )
+    / Posts
+      ( Longer formatted essays )
+    Help
+      ( Log of Repo changes )
+```
+
+##### Website structure
+
+```mermaid
+%%{init: {'theme':'forest'}}%%
+mindmap
+  root((DAW.com))
+    About
+      Ancestors
+      Bio
+      CV
+    DW.com
+    Desk
+      Bookmarks
+      Categories
+      Posts
+      Reader
+      Tags
+    Code
+      Activity
+      Commits
+      Repos
+      Wikis
+    Contact
+      Chat
+      Chess
+      Contract
+      Guestbook
+      Inquiry
+      Invoice
+      Email List
+      Pay
+      Support
+    Search
+    Sitemap
+      Analytics
+      Privacy
+    Studio
+      Art
+      Audio
+      Design
+      Projects
+      Photo
+      Radio
+      Video
+      Web
+    TIL
+      AI
+      Docs
+      Ideas
+      Notes
+      Lists
+      Posts
+```
+
+
 - [About](https://davidawindham.com/about/)
   - Bio
   - CV