Merge pull request #94 from hydephp/podcast

Add podcast post with related improvements
hydephp · Sep 21, 2024 · 50a23be · 50a23be
2 parents 8d013f7 + afa5d3f
commit 50a23be
Show file tree

Hide file tree

Showing 9 changed files with 497 additions and 353 deletions.
diff --git a/_docs/digging-deeper/advanced-markdown.md b/_docs/digging-deeper/advanced-markdown.md
@@ -33,6 +33,8 @@ directive to render a more complex Blade template. You can pass data to includes
  [Blade]: @include("hello", ["name" => "World"])
 ```
 
+>warning Note that the includes are evaluated independently, so you cannot use features like `@push` or `@stack` in them.
+
 ### Enabling Blade-supported Markdown
 
 The feature is disabled by default since it allows arbitrary PHP to run, which could be a security risk, depending on your setup.

diff --git a/_media/posts/showcase-podcast-browser-screenshot-min.png b/_media/posts/showcase-podcast-browser-screenshot-min.png
diff --git a/_media/posts/showcase-podcast-browser-screenshot.png b/_media/posts/showcase-podcast-browser-screenshot.png
diff --git a/_media/posts/showcase-podcast-screenshot-min.png b/_media/posts/showcase-podcast-screenshot-min.png
diff --git a/_media/posts/showcase-podcast-screenshot.png b/_media/posts/showcase-podcast-screenshot.png
diff --git a/_pages/showcase/podcast-player-embed.blade.php b/_pages/showcase/podcast-player-embed.blade.php
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="{{ config('site.language', 'en') }}">
+<head>
+    <meta id="meta-color-scheme" name="color-scheme" content="{{ config('hyde.default_color_scheme', 'light') }}">
+    <script>if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) { document.documentElement.classList.add('dark'); document.getElementById('meta-color-scheme').setAttribute('content', 'dark');} else { document.documentElement.classList.remove('dark') } </script>
+    @include('hyde::layouts.styles')
+    <meta name="robots" content="noindex, nofollow">
+    <link rel="canonical" href="https://hydephp.com/showcase/podcast">
+
+    <script>
+        if (!window.location.search.includes('embed=true')) {
+            window.location.href = 'https://hydephp.com/showcase/podcast';
+        }
+    </script>
+</head>
+<body class="bg-standard dark:bg-slate-700">
+    @include('sections.podcast-player', ['embed' => true])
+    @include('hyde::layouts.scripts')
+</body>
+</html>
diff --git a/_pages/showcase/podcast.blade.php b/_pages/showcase/podcast.blade.php
diff --git a/_posts/ai-podast-episode.md b/_posts/ai-podast-episode.md
@@ -0,0 +1,68 @@
+---
+title: 'HydePHP Explores AI in a Mind-Blowing Podcast Episode Generated by Artificial Intelligence'
+description: "Discover how HydePHP is pushing boundaries with AI-generated content, featuring a mind-blowing podcast episode created by Google's NotebookLM."
+category: showcase
+author: caen
+co_author: Claude Sonnet
+date: '2024-09-21 14:30'
+#image:
+#    source: posts/showcase-podcast-browser-screenshot-min.png
+#    titleText: HydePHP AI Podcast Showcase
+#    altText: Screenshot of the HydePHP AI-generated podcast player
+#    caption: Screenshot of the HydePHP AI-generated podcast player
+---
+
+## Diving Deep into the Future: HydePHP's AI-Generated Podcast
+
+Hey, my name is Caen, I'm the creator of HydePHP. I'm always looking for innovative ways to showcase our technology and push the boundaries of what's possible in web development. Today, I am so excited to announce my latest experiment: an AI-generated podcast about HydePHP, created using the cutting-edge [NotebookLM](https://notebooklm.google/) research assistant technology by Google.
+
+### The Power of AI Meets Static Site Generation
+
+When I first encountered NotebookLM's AI podcast feature, I was completely blown away by its capabilities, and could not believe the demo I heard was made by AI. I just had to try it out for myself to see if it really was as good at it seems. And oh, it was.
+
+The result? A unique, informative, and entirely AI-generated podcast that dives deep into the world of HydePHP, and that I just had to get up online for more people to hear. So that's what I did! A short evening later, we had a really cool podcast player live on the website. I'm really happy with it, and hope you will enjoy it too!
+
+### Listening to the Future
+
+We're excited to share this AI-generated podcast with you. Take a listen and experience the future of content creation:
+
+<iframe loading="lazy" src="/showcase/podcast-player-embed?embed=true" class="bg-white dark:bg-slate-700 shadow-md rounded-lg" style="width: 100%; height: 100%; min-height: 500px; border: 1px solid #eee;"></iframe>
+
+[//]: # (We're excited to share this AI-generated podcast with you. Head over to our [showcase page]&#40;https://hydephp.com/showcase/podcast&#41; to listen and experience the future of content creation.)
+
+### What You'll Hear
+
+In this AI-generated podcast, you'll discover:
+
+1. An introduction to HydePHP and its core concepts
+2. Key features that set HydePHP apart from other static site generators
+3. The benefits of using HydePHP for your web projects
+4. Real-world use cases and applications
+
+### The Technology Behind the Magic
+
+This podcast was created using NotebookLM, an advanced AI project by Google. [Live on our website](https://hydephp.com/showcase/podcast) is a podcast player I designed together with Claude Sonnet based on the amazing library [Shikwasa](https://shikwasa.js.org/), a sleek and feature-rich audio player designed specifically for podcasts. We also added a really nice live transcript feature. The transcript was generated by another AI, and proofed by me.
+
+### More Than Just a Gimmick
+
+While the concept of an AI-generated podcast might seem like a novelty, we see it as a glimpse into the future of content creation and web development. By combining AI-generated content with our static site generator, we're exploring new ways to create engaging, informative websites with minimal effort, but with maximum impact for the humans that use them.
+
+Additionally, this shows a great new way to retain information. Instead of just summarizing your research notes, you'll hear an engaging conversation by a dynamic duo that truly is memorable. Hearing this podcast made me excited to try HydePHP, and I'm the one who created it!
+
+### Try It Yourself
+
+Inspired by our AI podcast experiment? Why not try creating your own AI-powered static site with HydePHP? Our platform is designed to be flexible and adaptable, making it the perfect canvas for your creative experiments.
+
+Get started with HydePHP today and see where your imagination takes you! HydePHP is the elegant and powerful static site generator with the simplicity of Markdown and the power of Laravel. Learn more at [HydePHP.com](https://hydephp.com/) and on our [GitHub repository](https://github.com/hydephp/hyde).
+
+### Join the Conversation
+
+We'd love to hear your thoughts on our AI-generated podcast. Did you find it informative? Entertaining? Maybe a bit of both? Share your feedback with us on [Twitter/X](https://twitter.com/HydeFramework) or in our [GitHub discussions](https://github.com/hydephp/hyde/discussions).
+
+At HydePHP, we're not just building websites – we're shaping the future of web development, one innovative feature at a time.
+
+---
+
+Ready to dive into the world of HydePHP? [Get started now](https://hydephp.com/docs/1.x/quickstart) and join us on this exciting journey!
+
+_**AI Usage Disclosure:** In addition to the generated podcast being generated by Artificial Intelligence, this blog post was initially drafted by Claude Sonnet, and then proofed and rewritten by [Caen](https://x.com/CodeWithCaen), creator of HydePHP._