feat(themes): add typewriter theme

Author: bahdotsh

blogr-cli/src/generator/site.rs

@@ -380,6 +380,20 @@ Thank you!`);
                 if let Ok(frontmatter_data) =
                     serde_yaml::from_str::<serde_yaml::Value>(&frontmatter)
                 {
+                    // Override description with content.md description if it exists
+                    if let Some(description) = frontmatter_data.get("description") {
+                        if let Some(desc_str) = description.as_str() {
+                            context.insert("blog_description", desc_str);
+                        }
+                    }
+
+                    // Override title with content.md title if it exists
+                    if let Some(title) = frontmatter_data.get("title") {
+                        if let Some(title_str) = title.as_str() {
+                            context.insert("blog_title", title_str);
+                        }
+                    }
+
                     // Extract sections if they exist
                     if let Some(sections) = frontmatter_data.get("sections") {
                         context.insert("sections", sections);

blogr-themes/src/dark_minimal/mod.rs

@@ -235,6 +235,7 @@ sections:
       github: "https://github.com/yourusername"
       twitter: "https://twitter.com/yourusername"
       linkedin: "https://linkedin.com/in/yourusername"
+      blog: "https://yourblog.com"
 ---
 "##,
             author,

blogr-themes/src/dark_minimal/templates/index.html

@@ -45,6 +45,13 @@ <h1 class="glitch-text" data-text="{{ blog_title }}">{{ blog_title }}</h1>
                 </svg>
             </a>
             {% endif %}
+            {% if sections.contact.social.blog %}
+            <a href="{{ sections.contact.social.blog }}" class="social-link" aria-label="Blog" target="_blank" rel="noopener">
+                <svg viewBox="0 0 24 24" fill="currentColor">
+                    <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4.86 8.86l-3 3.87L9 13.14 6 17h12l-3.86-5.14z"/>
+                </svg>
+            </a>
+            {% endif %}
         </div>
         {% endif %}
     </section>

blogr-themes/src/lib.rs

@@ -7,13 +7,15 @@ pub mod musashi;
 pub mod obsidian;
 pub mod slate_portfolio;
 pub mod terminal_candy;
+pub mod typewriter;
 
 pub use dark_minimal::DarkMinimalTheme;
 pub use minimal_retro::MinimalRetroTheme;
 pub use musashi::MusashiTheme;
 pub use obsidian::ObsidianTheme;
 pub use slate_portfolio::SlatePortfolioTheme;
 pub use terminal_candy::TerminalCandyTheme;
+pub use typewriter::TypewriterTheme;
 
 #[derive(Debug, Clone, Serialize, Deserialize)]
 pub struct ThemeInfo {
@@ -60,6 +62,9 @@ pub fn get_all_themes() -> HashMap<String, Box<dyn Theme>> {
     let slate_portfolio = SlatePortfolioTheme::new();
     themes.insert("slate-portfolio".to_string(), Box::new(slate_portfolio));
 
+    let typewriter = TypewriterTheme::new();
+    themes.insert("typewriter".to_string(), Box::new(typewriter));
+
     themes
 }
 
@@ -72,6 +77,7 @@ pub fn get_theme(name: &str) -> Option<Box<dyn Theme>> {
         "dark-minimal" => Some(Box::new(DarkMinimalTheme::new()) as Box<dyn Theme>),
         "musashi" => Some(Box::new(MusashiTheme::new()) as Box<dyn Theme>),
         "slate-portfolio" => Some(Box::new(SlatePortfolioTheme::new()) as Box<dyn Theme>),
+        "typewriter" => Some(Box::new(TypewriterTheme::new()) as Box<dyn Theme>),
         _ => None,
     }
 }

blogr-themes/src/musashi/mod.rs

@@ -233,6 +233,7 @@ sections:
       github: "https://github.com/yourusername"
       twitter: "https://twitter.com/yourusername"
       linkedin: "https://linkedin.com/in/yourusername"
+      blog: "https://yourblog.com"
 ---
 "##,
             author,

blogr-themes/src/musashi/templates/index.html

@@ -162,6 +162,13 @@ <h2 class="section-title">{{ sections.contact.title | default(value="Contact") }
                     </svg>
                 </a>
                 {% endif %}
+                {% if sections.contact.social.blog %}
+                <a href="{{ sections.contact.social.blog }}" class="social-link" aria-label="Blog" target="_blank" rel="noopener">
+                    <svg viewBox="0 0 24 24" fill="currentColor">
+                        <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4.86 8.86l-3 3.87L9 13.14 6 17h12l-3.86-5.14z"/>
+                    </svg>
+                </a>
+                {% endif %}
             </div>
             {% endif %}
         </div>

blogr-themes/src/slate_portfolio/mod.rs

@@ -192,6 +192,7 @@ sections:
       github: "https://github.com/yourusername"
       twitter: "https://twitter.com/yourusername"
       linkedin: "https://linkedin.com/in/yourusername"
+      blog: "https://yourblog.com"
 ---
 "##,
             author,

blogr-themes/src/slate_portfolio/templates/index.html

@@ -117,6 +117,13 @@ <h2 class="section-title">{{ sections.contact.title | default(value="Contact") }
                         </svg>
                     </a>
                     {% endif %}
+                    {% if sections.contact.social.blog %}
+                    <a href="{{ sections.contact.social.blog }}" class="social-link" aria-label="Blog" target="_blank" rel="noopener">
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+                            <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4.86 8.86l-3 3.87L9 13.14 6 17h12l-3.86-5.14z"/>
+                        </svg>
+                    </a>
+                    {% endif %}
                 </div>
                 {% endif %}
             </div>