google sign in

posts/2023-12-07-posts.md

@@ -0,0 +1,36 @@
+---
+title: Remove Google Sign In
+description: Today I learned an easy to to git rid of the 'Sign In with Google' prompt.
+slug: google-sign-in
+<!--- authors:
+  - name: David Windham
+    title: Something Else
+    url: https://davidawindham.com
+    image_url: https://davidawindham.com/wp-content/themes/daw/img/opengraph_image.jpg -->
+tags: [web, hacks]
+image: https://davidawindham.com/wp-content/themes/daw/img/opengraph_image.jpg
+hide_table_of_contents: true
+---
+
+Today I learned an easy way to to git rid of the 'Sign In with Google' prompt.
+
+<!--truncate-->
+
+I just got tired of clicking the `X` to close it when I'm browsing and for whatever reason, I decided I'd fix it this morning while scanning the news. It's pretty ubiquitous, but the two sites I regularly see it on are Zillow and Reddit. You can disable it if you stay signed into Google, but I don't even though I use regularly Google Workspace accounts in Chrome.
+
+I generally do all my surfing in a Safari private tab with it's built in privacy controls for preventing cross-site tracking and hiding my IP address[^1]. I'm just not too hip on having my browsing history influence my results[^2].Since I'm a fan of not using any third party anything, I started with trying to configure Apple ScreenTime using a content filter, but realized that would also stop me from accessing other Google Workspace features in other browsers.
+
+The Sign In with Google feature is loaded into third party websites via into an `iframe` from `https://accounts.google.com/gsi/` by JavaScript. And because of this the CSS ID is identical for all of the websites which makes pretty easy to hide using a browser extension to run custom scripts. I installed the `userscipts` open source extension[^3] for Safari which allows me to enable the scripts per domain and added one line to it:
+
+
+```css
+#credential_picker_container { display:none !important; }
+```
+
+Anytime that that sign in pops up, I just enable the userscript for that domain. It'll cost me and additional click for a little while but will likely start saving me time after a week. 
+
+---
+
+[^1]: _Safari & Privacy_ - https://www.apple.com/legal/privacy/data/en/safari/
+[^2]: _Dirty Algorithm_ - https://davidawindham.com/dirty-algorithm/
+[^3]: quoid/userscripts - Github - https://github.com/quoid/userscripts

posts/2023-12-21-posts.md

@@ -0,0 +1,102 @@
+---
+title: Hybrid Block Theme
+slug: hybrid-block
+description: Today I Learned
+<!--- authors:
+  - name: David Windham
+    title: Something Else
+    url: https://davidawindham.com
+    image_url: https://davidawindham.com/wp-content/themes/daw/img/opengraph_image.jpg -->
+tags: []
+keywords: [WordPress, Gutenberg]
+image: https://davidawindham.com/wp-content/themes/daw/img/opengraph_image.jpg
+hide_table_of_contents: true
+draft: true
+---
+
+Today I finalized a decent approach to doing a multi-step migration from a static site to classic WordPress theme to a hybrid theme to a full site editing block theme. 
+
+<!--truncate-->
+
+The notes I made along the way turned into this post so I figured I'd share for anyone interested in doing something similar. 
+
+#### Static
+
+The site was static because I like them. They're performant and easy to maintain. I've noticed that half of the sites I have running under a content management system rarely if ever have updates made to them.
+
+```sh
+┌── .configs
+├── css/
+│   ├── fonts/icons/
+│   ├── library.css
+│   ├── css.scss
+│   ├── site.css
+│   └── site.css.map
+├── docs/
+│   └── .pdf
+├── js/
+│   ├── library.js
+│   ├── library.js.map
+│   ├── scripts.js
+│   ├── site.js
+│   └── site.js.map
+├── img/
+├── index.html
+├── gulpfile.js
+├── package.json
+├── robots.txt
+└── sitemap.xml
+
+```
+
+
+#### Hybrid
+
+The hybrid site has
+
+```sh
+┌── .configs
+├── css/
+│   ├── fonts/
+├── docs/
+├── js/
+├── img/
+├── index.html
+├── gulpfile.js
+├── package.json
+├── robots.txt
+├── sitemap.xml
+└── style.css
+
+```
+
+
+#### Block with Full Site Editing
+
+
+Notes on block theme migrations[^1]another[^2]and another[^3] and another[^4]
+
+
+---
+
+#### Aside
+
+Because there are already thousand of mostly shite resources floating around, I had to mostly go directly to the source documention. And since I noticed that some of it wasn't completely up to date, I've been scanning the `#core-dev` chat and noticed this comment: 
+
+>It has come to my attention that some work that should have happened in public was being done on private p2s and other mediums. I asked for this to to stop as soon as I was aware of it. More transparency and openness will follow. I know that building in public is a pain, "any kid off the street can leave their opinion," but that's what we do. I also used to be that kid off the street.
+<div style={{display: 'flex',  justifyContent:'end', alignItems:'center', marginBottom:'20px'}}> ~ Matt Mullenweg</div>
+---
+
+#### References
+
+1. Figma - https://www.figma.com/file/AlYr03vh4dVimwYwQkTdf6/Twenty-Twenty-Four?type=design&node-id=119-543&mode=design
+2. Something else - 
+
+[^1]: Automattic - _Introducing Twenty Twenty-Four_ - https://automattic.design/2023/11/22/introducing-twenty-twenty-four/
+[^2]: Bill Erickson - https://www.billerickson.net/hybrid-wordpress-theme-starter/
+[^3]: https://developer.wordpress.org/block-editor/explanations/architecture/styles/
+[^4]: https://developer.wordpress.org/block-editor/how-to-guides/themes/theme-json/
+
+https://css-tricks.com/wordpress-global-styles-reference-tables/
+https://developer.wordpress.org/news/2023/12/a-walk-through-tutorial-on-using-create-block-theme-plugin/
+

src/css/custom.css

@@ -7,7 +7,7 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-background-color:#d1d1d1;
+  --ifm-background-color:#d9d9d9;
   --ifm-navbar-background-color:#e2e2e2;
   --ifm-color-primary: #AC0000;
   --ifm-color-primary-dark: #C01E1E;
@@ -17,6 +17,7 @@
   --ifm-color-primary-lighter: #F79999;
   --ifm-color-primary-lightest: #FBC8C8;
   --ifm-code-font-size: 95%;
+  --ifm-h2-font-size: 1.2rem;
 }
 html[data-theme='dark'] {
   --ifm-background-color:#484c57;
@@ -88,19 +89,16 @@ html[data-theme='dark'] {
 table td img {
   max-width: 100px;
 }
+.markdown ol li > p {
+  margin: 0;
+}
 .title_node_modules-\@docusaurus-theme-classic-lib-theme-BlogPostItem-Header-Title-styles-module {
   font-size: 1.5rem !important;
 }
-.hero__title, .title_f1Hy {
-  font-size: 1.5rem !important;
+.hero__title, .title_f1Hy{
+  font-size: 1.9rem !important;
 }
 
-markprompt-content {
-  --background-color: #ffffff;
-}
-markprompt-content.dark {
-  --background-color: #000000;
-}
 form input { 
   box-sizing: border-box;
   margin: 1em 0 2em;