Content: Programming reimagined in Native-AI era (#245)

* fix: typo in a hashtag * feat: add style for video player * content: add new post to similarly database * fix: make blockquote style correct * fix: misdirected blockquote * content: new reimagined AI post and assets to support
ajfisher · Oct 28, 2024 · a577943 · a577943
1 parent b94040a
commit a577943
Show file tree

Hide file tree

Showing 21 changed files with 1,516 additions and 342 deletions.
diff --git a/site/src/components/article.js b/site/src/components/article.js
@@ -132,6 +132,11 @@ const StyledPostArticle = styled(Article)`
 
   & blockquote > p {
     padding: 0 !important;
+    font-family: var(--quote-font-family);
+    font-weight: var(--heading-font-weight);
+    font-style: normal;
+    font-size: 4rem;
+    color: var(--highlight);
   }
 
   & p.has-pullquote::before {

diff --git a/site/src/content/posts/2015-09-02-iot-mobile-practices.md b/site/src/content/posts/2015-09-02-iot-mobile-practices.md
@@ -12,20 +12,21 @@ listimage: ../../img/posts/the_things.jpg
 
 ---
 
-I got the opportunity to write an opinion piece for [IBM Developer Works](http://www.ibm.com/developerworks)
-on what lessons from other aspects of technology could be applied to IoT. I
-drew from my own experience in mobile, looking at:
+I got the opportunity to write an opinion piece for [IBM Developer
+Works](http://www.ibm.com/developerworks) on what lessons from other aspects
+of technology could be applied to IoT. I drew from my own experience in mobile,
+looking at:
 
 * how decoupling services from avatars create more natural interaction methods
 * assuming connectivity issues and adopting an offline first approach
 * How the hardware & software design process unfolds as a result of interaction
-refinement.
+  refinement.
 
 > This challenge is magnified when you consider the numerous contexts in which
-your IoT product might be used. It might just be a sensor, but how do you
-interact with it? Is it by using a mobile or web application? Is configuration
-different than reporting? How usable are these interfaces? The list of
-questions can seem endless.
+> your IoT product might be used. It might just be a sensor, but how do you
+> interact with it? Is it by using a mobile or web application? Is configuration
+> different than reporting? How usable are these interfaces? The list of
+> questions can seem endless.
 
-Full article at IBM Developer Works:
-[Best practices for IoT development](http://www.ibm.com/developerworks/library/iot-mobile-practices-iot-success/)
+Full article at IBM Developer Works: [Best practices for IoT
+development](http://www.ibm.com/developerworks/library/iot-mobile-practices-iot-success/)
diff --git a/site/src/content/posts/2024-04-16-now-or-never-growth-opportunities-in-retail.md b/site/src/content/posts/2024-04-16-now-or-never-growth-opportunities-in-retail.md
@@ -12,7 +12,7 @@ excerpt: >
 twitter_excerpt: >
     Explore how non-tech businesses can capitalise on recent tech layoffs to
     boost their own innovation and growth. Strategic insights for navigating
-    AI, talent and automation. 🚀📈 #RetailInnovation #Retail #AI #strategy
+    AI, talent and automation. 🚀📈 #RetailInnovation #retail #AI #strategy
 featureimage: ../../img/posts/retail-opportunity-dalle-2024-04-16212738.webp
 imageby: ajfisher - Retail Innovation Opportunities - Dall-E 3
 listimage: ../../img/posts/retail-opportunity-dalle-2024-04-16212738.webp

diff --git a/site/src/content/posts/2024-10-28-software-engineering-reimagined-ai-native-era.md b/site/src/content/posts/2024-10-28-software-engineering-reimagined-ai-native-era.md
diff --git a/site/src/img/posts/native-ai-chatgpt-js-two-numbers.png b/site/src/img/posts/native-ai-chatgpt-js-two-numbers.png
diff --git a/site/src/img/posts/native-ai-chrome-debugger.png b/site/src/img/posts/native-ai-chrome-debugger.png
diff --git a/site/src/img/posts/native-ai-classroom.png b/site/src/img/posts/native-ai-classroom.png
diff --git a/site/src/img/posts/native-ai-embedding-code.png b/site/src/img/posts/native-ai-embedding-code.png
diff --git a/site/src/img/posts/native-ai-env-questions.png b/site/src/img/posts/native-ai-env-questions.png
diff --git a/site/src/img/posts/native-ai-frustration.png b/site/src/img/posts/native-ai-frustration.png
diff --git a/site/src/img/posts/native-ai-hero.png b/site/src/img/posts/native-ai-hero.png
diff --git a/site/src/img/posts/native-ai-ide.png b/site/src/img/posts/native-ai-ide.png
diff --git a/site/src/img/posts/native-ai-overgrown.png b/site/src/img/posts/native-ai-overgrown.png
diff --git a/site/src/img/posts/native-ai-programming.png b/site/src/img/posts/native-ai-programming.png
diff --git a/site/src/img/posts/native-ai-scratch-two-numbers.png b/site/src/img/posts/native-ai-scratch-two-numbers.png
diff --git a/site/src/img/posts/native-ai-sketching.png b/site/src/img/posts/native-ai-sketching.png
diff --git a/site/src/img/posts/native-ai-working.png b/site/src/img/posts/native-ai-working.png
diff --git a/site/src/styles/global.css b/site/src/styles/global.css
@@ -167,6 +167,11 @@ article p span.gatsby-resp-image-wrapper + em {
     margin-top: calc(0.25 * var(--gutter));
 }
 
+article video {
+    width: 100%;
+}
+
+
 /* some elements for when you are in an aside in the article */
 article aside h2 {
     display: block;

diff --git a/site/static/assets/native-ai-codegen.mp4 b/site/static/assets/native-ai-codegen.mp4
diff --git a/site/static/assets/native-ai-codegen.webm b/site/static/assets/native-ai-codegen.webm