[{"title":"FAQ","url":"/faq/","content":"Frequently Asked Questions Get answers to the most common questions about Ruby Static Pro General Where can I host this? You can host this any place where static sites can be hosted. Such as, but not limited to: Hatchbox, GitHub Pages, S3, Netlify, Vercel, etc. Do I need any server-side code? No. When the site is built, it's just a bunch of HTML, CSS, and JavaScript files. No server-side code is needed. Can I customize the look and feel? Yes. You can customize the look and feel by editing the CSS and JavaScript files. You can also add new pages and sections to the site. Search What is powering the search? The search is powered by Fuse.js which is a lightweight fuzzy-search library. It's fast and easy to use. Learn more at fusejs.io. Can I customize the search? Yes. You can customize the search by editing the search_controller.js file. You can change the search options, such as the search keys, the threshold, and the location of the search input. The search input is generated by the search_data.json.erb file. You can change the search input by editing this file. document.querySelectorAll('.accordion-item').forEach(item =\u003e { const button = item.querySelector('button'); button.addEventListener('click', () =\u003e { const isActive = item.classList.contains('active'); // Close all accordion items document.querySelectorAll('.accordion-item').forEach(otherItem =\u003e { otherItem.classList.remove('active'); }); // If the clicked item wasn't active, open it if (!isActive) { item.classList.add('active'); } }); });"},{"title":"Why Static Sites Boost Your Online Presence","url":"/blog/why-static-sites-boost-your-online-presence/","content":"The Speed Advantage: Why Static Sites Boost Your Online Presence Lightning-Fast Load Times Improved SEO Rankings Enhanced User Experience Cost-Effective Scaling The Speed Advantage: Why Static Sites Boost Your Online Presence In today’s fast-paced digital world, the speed of your website can make or break your online success. This is where static sites shine, offering a significant advantage over their dynamic counterparts. Let’s explore why static sites are becoming the go-to choice for businesses and individuals looking to enhance their web presence. Just look at this graph: (This is just a placeholder image) Lightning-Fast Load Times Static sites are pre-built and served directly to users, eliminating the need for server-side processing with each request. This results in dramatically faster load times, often measured in milliseconds rather than seconds. In an era where users expect instant gratification, this speed can be the difference between engaging a visitor and losing them to a competitor. Improved SEO Rankings Search engines, particularly Google, factor in page speed when determining search rankings. Faster-loading static sites often receive preferential treatment in search results, boosting your visibility and driving more organic traffic to your business or personal brand. Enhanced User Experience Speed isn’t just about SEO; it’s about user satisfaction. A fast-loading site reduces bounce rates and increases the likelihood that visitors will explore more of your content, leading to higher engagement and conversion rates. Cost-Effective Scaling As your online presence grows, static sites scale effortlessly. With no complex databases or server-side applications to manage, you can handle traffic spikes without worrying about server crashes or slowdowns. This reliability ensures that your site remains accessible even during peak times, maintaining your professional image. In conclusion, the speed advantage of static sites translates directly into better user experiences, improved search engine rankings, and more efficient resource utilization. For businesses and personal brands alike, this can lead to increased visibility, engagement, and ultimately, success in the digital realm."},{"title":"Unleashing Creativity: The Flexibility of Static Sites for Personal Branding","url":"/blog/unleashing-creativity-the-flexibility-of-static-sites-for-personal-branding/","content":"Unleashing Creativity: The Flexibility of Static Sites for Personal Branding Complete Design Control Easy Integration of Multimedia Versatile Content Management Effortless Version Control Seamless Third-Party Integrations Future-Proof Technology Unleashing Creativity: The Flexibility of Static Sites for Personal Branding In the realm of personal branding, flexibility and control over your online presence are crucial. Static sites emerge as a powerful tool in this context, offering unparalleled flexibility that can help you craft a unique and impactful personal brand. Let’s explore how static sites can unleash your creativity and elevate your personal brand. Complete Design Control Static sites give you total control over your site’s design and layout. Without the constraints of pre-built themes or CMS limitations, you have the freedom to create a website that truly reflects your personal brand. This level of customization ensures that your site stands out in a sea of cookie-cutter web presences. Easy Integration of Multimedia Whether you’re a photographer, videographer, or podcaster, static sites excel at showcasing multimedia content. With optimized image loading and seamless video integration, you can create a rich, engaging experience that highlights your work and captivates your audience. Versatile Content Management Contrary to popular belief, static sites can be incredibly dynamic in terms of content management. With modern static site generators and headless CMS options, you can easily update your content without sacrificing the benefits of a static site. This versatility allows you to keep your personal brand fresh and relevant. Effortless Version Control Static sites typically use version control systems like Git, making it easy to track changes, collaborate with others, and roll back if needed. This feature is particularly valuable for maintaining consistency in your personal brand messaging and design over time. Seamless Third-Party Integrations From contact forms to e-commerce solutions, static sites can easily integrate with a wide range of third-party services. This flexibility allows you to add functionality to your personal brand site without compromising on speed or security. Future-Proof Technology The simplicity of static sites makes them inherently future-proof. As web technologies evolve, updating or migrating a static site is often much simpler than with complex dynamic sites. This ensures that your personal brand can adapt and grow alongside technological advancements. In conclusion, static sites offer a flexible, powerful platform for building and evolving your personal brand. By embracing the creative freedom and technical advantages of static sites, you can create a unique, engaging online presence that truly represents you and resonates with your audience."},{"title":"Implementing Your Static Site (Example Code Blocks)","url":"/blog/from-theory-to-practice-implementing-your-static-site/","content":"From Theory to Practice: Implementing Your Static Site Choosing a Static Site Generator Creating Content Example Code Snippets Adding Custom Styles Including Assets into the Asset Block Deploying Your Site From Theory to Practice: Implementing Your Static Site In our previous posts, we’ve explored the benefits of static sites for speed, security, and flexibility. Now, let’s dive into the practical side of implementing a static site. We’ll look at some code samples to get you started on your static site journey. Choosing a Static Site Generator One of the most popular static site generators is Middleman. Here’s a basic Middleman configuration file (config.rb): # Post front matter layout: \"custom\" title: \"My Title\" my_list: - one - two - three # config.rb activate :blog do |blog| # set options on blog end page '/*.xml', layout: false page '/*.json', layout: false page '/*.txt', layout: false configure :build do activate :minify_css activate :minify_javascript end Creating Content In Middleman, you typically write your content in Markdown. Here’s an example of a blog post (2024-09-14-welcome-to-my-site.md): --- title: \"Welcome to My Static Site!\" date: 2024-09-14 12:00:00 -0500 --- # Welcome to My Static Site This is my first blog post on my new static site. I'm excited to share my thoughts and experiences with you! I hope you really enjoy it. ## Why I Chose a Static Site 1. Speed 2. Security 3. Flexibility Stay tuned for more updates! Example Code Snippets When configured with Ruby Static Pro, code blocks will show up with syntax highlighting automatically: Here’s some ruby code: def do_something() \"hello world\".upcase! end This is some code in Kotlin: data class Foo(name: String) fun suspend doStuff(): Int { // Some code that returns an int } And some javascript function myFunction(p1, p2) async { return p1 * p2; } Adding Custom Styles You can easily add custom styles to your static site. Simple edit the site.css file and do anything you’d like, like this: body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; } header { background-color: #4CAF50; color: white; text-align: center; padding: 1rem; } main { padding: 2rem; max-width: 800px; margin: 0 auto; } .post { margin-bottom: 2rem; border-bottom: 1px solid #eee; padding-bottom: 1rem; } Including Assets into the Asset Block You can include assets in pages where you need them. For example, in the faq.html.erb we have the following: \u0026lt;% content_for :assets do %\u0026gt; \u0026lt;%= stylesheet_link_tag \"faq\" %\u0026gt; \u0026lt;% end %\u0026gt; This includes the faq.css file in the assets code block in the \u0026lt;head\u0026gt; tag which can be seen in the layout.erb file: \u0026lt;%= yield_content :assets %\u0026gt; Deploying Your Site Many platforms offer easy deployment for static sites. Here’s an example of a post deploy configuration for Hatchbox to get Ruby Static Pro running: bundle install npm install # or yarn install bundle exec middleman build cp -r build public This is an example image By following these examples, you can create a basic static site and start experiencing the benefits we’ve discussed in our previous posts. Remember, the beauty of static sites lies in their simplicity and flexibility – you can start small and gradually add more features as your needs grow. Happy coding, and enjoy your journey into the world of static sites!"},{"title":"Terms of Use","url":"/terms/","content":"Terms of Use Last updated: 2026-02-16 22:09:03 (this date is generated by Ruby via ERB, then the markdown processor takes over, hence the terms.html.markdown.erb format) This is a sample Terms of Use. Please do not use it. This is just a demonstration. Welcome to [Your App Name] (“we,” “our,” or “us”). By accessing or using our static site application (the “App”), you agree to comply with and be bound by the following Terms of Use. If you do not agree to these terms, please do not use the App. 1. Acceptance of Terms By using the App, you acknowledge that you have read, understood, and agree to be bound by these Terms of Use and any future amendments and additions to these Terms of Use as published from time to time on this App. 2. Modifications to Terms of Use We reserve the right to modify these Terms of Use at any time without prior notice. Your continued use of the App after any such changes constitutes your acceptance of the new Terms of Use. 3. Use of the App You agree to use the App only for lawful purposes and in a way that does not infringe the rights of, restrict or inhibit anyone else’s use and enjoyment of the App. 4. Intellectual Property Rights The content, organization, graphics, design, compilation, magnetic translation, digital conversion, and other matters related to the App are protected under applicable copyrights, trademarks, and other proprietary rights. Copying, redistributing, use or publication by you of any such matters or any part of the App is strictly prohibited without our express prior written permission. 5. Disclaimers The App is provided on an “as is” and “as available” basis. We do not warrant that the App will be uninterrupted or error-free. There may be delays, omissions, interruptions, and inaccuracies in the content or other materials available through the App. 6. Limitation of Liability To the fullest extent permitted by applicable law, we shall not be liable for any indirect, incidental, special, consequential, or punitive damages, or any loss of profits or revenues, whether incurred directly or indirectly, or any loss of data, use, goodwill, or other intangible losses resulting from your access to or use of or inability to access or use the App. 7. Indemnification You agree to indemnify, defend, and hold harmless [Your Company Name], its officers, directors, employees, agents, and third parties, for any losses, costs, liabilities, and expenses (including reasonable attorneys’ fees) relating to or arising out of your use of or inability to use the App, any user content posted by you, your violation of any terms of this Agreement or your violation of any rights of a third party, or your violation of any applicable laws, rules or regulations. 8. Governing Law These Terms of Use and any dispute or claim arising out of, or related to them, shall be governed by and construed in accordance with the laws of [Your Country/State] without giving effect to any choice or conflict of law provision or rule. 9. Contact Information If you have any questions about these Terms of Use, please contact us at [Your Contact Email]. By using this App, you acknowledge that you have read these Terms of Use, understood them, and agree to be bound by them. If you do not agree to these Terms of Use, you are not authorized to use the App."},{"title":"Privacy Policy","url":"/privacy/","content":"Privacy Policy Last updated: 2026-02-16 22:09:03 This is an example privacy policy, please do not use it. This is only for demonstration purposes. This Privacy Policy describes how [Your Company Name] (“we”, “us”, or “our”) collects, uses, and discloses your personal information when you use our [Your App Name] (the “App”). 1. Information We Collect 1.1 Personal Information We may collect the following types of personal information: Name Email address IP address Usage data 1.2 Usage Data We may also collect information on how the App is accessed and used (“Usage Data”). This may include information such as your computer’s Internet Protocol address, browser type, browser version, the pages of our App that you visit, the time and date of your visit, the time spent on those pages, and other diagnostic data. 2. How We Use Your Information We use the collected data for various purposes: To provide and maintain our App To notify you about changes to our App To provide customer support To gather analysis or valuable information so that we can improve our App To monitor the usage of our App To detect, prevent and address technical issues 3. Data Retention We will retain your Personal Information only for as long as is necessary for the purposes set out in this Privacy Policy. We will retain and use your Personal Information to the extent necessary to comply with our legal obligations, resolve disputes, and enforce our legal agreements and policies. 4. Data Transfer Your information, including Personal Information, may be transferred to — and maintained on — computers located outside of your state, province, country or other governmental jurisdiction where the data protection laws may differ from those of your jurisdiction. 5. Disclosure of Data We may disclose your Personal Information in the good faith belief that such action is necessary to: Comply with a legal obligation Protect and defend the rights or property of [Your Company Name] Prevent or investigate possible wrongdoing in connection with the App Protect the personal safety of users of the App or the public Protect against legal liability 6. Security of Data The security of your data is important to us but remember that no method of transmission over the Internet or method of electronic storage is 100% secure. While we strive to use commercially acceptable means to protect your Personal Information, we cannot guarantee its absolute security. 7. Your Data Protection Rights Depending on your location, you may have certain data protection rights. These may include: The right to access, update or delete the information we have on you The right of rectification The right to object The right of restriction The right to data portability The right to withdraw consent 8. Changes to This Privacy Policy We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page and updating the “Last updated” date at the top of this Privacy Policy. 9. Contact Us If you have any questions about this Privacy Policy, please contact us: By email: [Your Contact Email] By visiting this page on our website: [Your Contact Page URL]"},{"title":"Welcome","url":"/","content":"Ruby Static Pro The Ruby static site generator template for blogs, personal sites, sales/marketing sites \u0026 more. Fast. Flexible. Fantastic. Sign Up See it in Action Watch a video demonstration of Ruby Static Pro. Features To Help You Scale Ruby Static Pro offers a variety of features to help you easily build and scale your static site. Middleman Powered by Middleman static site generator, highly extensible, configurable, and easy to use. Tailwind CSS 4 Easily style your site with Tailwind CSS, a utility-first CSS framework. Dark Mode Built-in dark mode with automatic system preference detection and manual toggle. Consistent styling across all components with CSS variables. Stimulus.js Stimulus is setup out of the box so you can easily craft interactive components. Fuse.js Search Fuse.js is integrated client-side for fast and fuzzy search. Powered by local data that is regenerated on each build. Try it here. Integrated with Stimulus. Esbuild Esbuild is configured for fast and efficient bundling of your assets and JavaScript, supporting ES6 and beyond. Sitemap The /sitemap.xml is regenerated automatically when you build your site, ensuring search engines can easily crawl your site. Blogging Blogging is set up and powered by the middleman blogging extension. Easily add, edit, and publish posts. Blog feed is automatically generated. Markdown Markdown is supported out of the box, allowing you to easily write content in a human-readable format. Syntax Highlighting Syntax highlighting is supported (example) in markdown files via fenced code blocks with the language specified and inline backticks. Author Blocks Author blocks are supported in blog posts, allowing you to easily add author information to your posts. Open Graph / X Cards Open Graph, X Cards (Twitter Cards), and other meta tags are automatically generated for each page, allowing for easy sharing on social media. Demo 1, Demo 2 Favicons Favicons are present in the main layout, simply replace the existing favicons in the source/images directory. Legal Pages Example privacy policy and terms of service pages are included in the installation. Just replace the contents with yours. Github CI/CD Ships with pre-configured Github Actions for continuous integration and deployment to make sure your changes don't break your build. Buy. Clone. Modify. Ship. All of the code is yours to keep. Download the source code and start building your next project. Clone Your Copy Now From The Blog Recent Posts from our Blog View post Unleashing Creativity: The Flexibility of Static Sites for Personal Branding Static sites offer unparalleled design control, easy integration options, allowing you to create a unique and adaptable online presence that truly reflects your personal brand. View post Implementing Your Static Site (Example Code Blocks) Static sites are easy to implement using popular tools like Middleman, with simple configuration and deployment options on platforms like Hatchbox, GitHub pages, S3 and more. View post Why Static Sites Boost Your Online Presence Static sites offer lightning-fast load times, improving SEO rankings and user experience, which can significantly enhance your online presence and drive business growth."},{"title":"Your Info Product","url":"/product/","content":"Unlock Your Potential with Our Proven Info Product Transform your life and achieve your goals with our comprehensive information product. Packed with life-changing insights and actionable strategies. Get Started Key Features Unlock Your Potential with Our Proven Info Product Our comprehensive information product is designed to help you achieve your goals and transform your life. Discover the key features that set us apart. Actionable Strategies Discover proven strategies to help you achieve your goals and transform your life. Comprehensive Curriculum Our information product covers a wide range of topics to help you grow in all areas of your life. Lifetime Access Enjoy lifetime access to the product, allowing you to revisit the content whenever you need a refresher. What Our Customers Say Hear from Our Satisfied Customers Don't just take our word for it. See what our customers have to say about the life-changing impact of our information product. John Doe Entrepreneur \"This information product has been a game-changer for me. The strategies and insights have helped me transform my life and achieve my goals. Highly recommended!\" Jane Smith Life Coach \"I've been using this information product for months, and it has truly transformed my life. The content is engaging, practical, and life-changing. I highly recommend it to anyone looking to improve their life.\" Tailwind CSS icon Pricing Choose the Plan That's Right for You Our information product is available at different pricing tiers to fit your needs and budget. Select the plan that works best for you. Basic $49 One-time payment Lifetime access to the product Comprehensive curriculum Actionable strategies Get Started Pro $99 One-time payment Lifetime access to the product Comprehensive curriculum Actionable strategies Access to exclusive community Priority support Get Started \u003c/div"}]