rails_app_generator 0.2.0 → 0.2.3

data/after_templates/application/printspeak/app/assets/stylesheets/home/variables/_typography.scss

@@ -0,0 +1,54 @@
+//
+// Typography
+//
+
+// Override the default Bootstrap base font family
+// 
+// Roboto Slab is being used below and is brought in
+// via Google fonts in the head of src/pug/index.pug.
+// The fonts listed afterwards are fallbacks.
+
+$font-family-base: "Roboto Slab",
+-apple-system,
+BlinkMacSystemFont,
+"Segoe UI",
+Roboto,
+"Helvetica Neue",
+Arial,
+sans-serif,
+"Apple Color Emoji",
+"Segoe UI Emoji",
+"Segoe UI Symbol",
+"Noto Color Emoji";
+
+// Override the default Bootstrap headings font family
+// 
+// Montserrat is being used below and is brought in
+// via Google fonts in the head of src/pug/index.pug.
+// The fonts listed afterwards are fallbacks.
+
+$headings-font-family: "Montserrat",
+-apple-system,
+BlinkMacSystemFont,
+"Segoe UI",
+Roboto,
+"Helvetica Neue",
+Arial,
+sans-serif,
+"Apple Color Emoji",
+"Segoe UI Emoji",
+"Segoe UI Symbol",
+"Noto Color Emoji";
+
+// Create a subheadings font family
+
+$subheadings-font-family: $font-family-base;
+
+// Override Bootstrap default headings variables
+
+$headings-font-weight: 700;
+$headings-letter-spacing: 0.0625em;
+
+// Override default Bootstrap line height variables
+
+$line-height-lg: 1.75;

data/after_templates/application/printspeak/app/controllers/home_controller.rb

@@ -0,0 +1,7 @@
+class HomeController < ApplicationController
+  def index
+  end
+
+  def some_action
+  end
+end

data/after_templates/application/printspeak/app/views/home/_modal.erb

@@ -0,0 +1,23 @@
+<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
+            <div class="container">
+                <div class="row justify-content-center">
+                    <div class="col-lg-8">
+                        <div class="modal-body">
+                            <!-- Project details-->
+                            <h2 class="text-uppercase">Project Name</h2>
+                            <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p><img class="img-fluid d-block mx-auto" src="assets/img/portfolio/1.jpg" alt="..." />
+                            <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
+                            <ul class="list-inline">
+                                <li><strong>Client:</strong>Threads</li>
+                                <li><strong>Category:</strong>Illustration</li>
+                            </ul><button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button"><i class="fas fa-xmark me-1"></i>Close Project</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

data/after_templates/application/printspeak/app/views/home/index.html.erb

@@ -0,0 +1,321 @@
+  <header class="masthead">
+    <div class="container">
+      <div class="masthead-subheading">Welcome To Print Speak!</div>
+      <div class="masthead-heading text-uppercase">we make it easier for you to</div><a class="btn btn-primary btn-xl text-uppercase" href="#services">grow your business</a>
+
+    </div>
+  </header><!-- Services-->
+  <section class="page-section" id="services">
+    <div class="container">
+      <div class="text-center">
+        <h2 class="section-heading text-uppercase">What does it do?</h2>
+        <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
+      </div>
+      <div class="row text-center">
+        <div class="col-md-4"><span class="fa-stack fa-4x"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-shopping-cart fa-stack-1x fa-inverse"></i></span>
+          <h4 class="my-3">Delivers</h4>
+          <p class="text-muted">It delivers key business data in a format that is easy to understand and, more importantly, easy to act upon.</p>
+        </div>
+        <div class="col-md-4"><span class="fa-stack fa-4x"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-laptop fa-stack-1x fa-inverse"></i></span>
+          <h4 class="my-3">Identifies</h4>
+          <p class="text-muted">It identifies insights from within your data and prompts actions that enable you to increase sales and customer retention.</p>
+        </div>
+        <div class="col-md-4"><span class="fa-stack fa-4x"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-lock fa-stack-1x fa-inverse"></i></span>
+          <h4 class="my-3">Automates</h4>
+          <p class="text-muted">It enables you to automate a number of core customer service and marketing activities that will drive enquiries and sales conversions.</p>
+        </div>
+      </div>
+    </div>
+  </section><!-- Portfolio Grid-->
+  <section class="page-section bg-light" id="portfolio">
+    <div class="container">
+      <div class="text-center">
+        <h2 class="section-heading text-uppercase">Portfolio</h2>
+        <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
+      </div>
+      <div class="row">
+        <div class="col-lg-4 col-sm-6 mb-4">
+          <!-- Portfolio item 1-->
+          <div class="portfolio-item"><a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal1">
+              <div class="portfolio-hover">
+                <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
+              </div><%= image_tag 'portfolio/alphagraphics', alt: 'icon', class: "img-fluid" %>
+            </a>
+            <div class="portfolio-caption">
+              <div class="portfolio-caption-heading">Threads</div>
+              <div class="portfolio-caption-subheading text-muted">Illustration</div>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-4 col-sm-6 mb-4">
+          <!-- Portfolio item 2-->
+          <div class="portfolio-item"><a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal2">
+              <div class="portfolio-hover">
+                <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
+              </div><%= image_tag 'portfolio/kwikkopy', alt: 'icon', class: "img-fluid" %>
+            </a>
+            <div class="portfolio-caption">
+              <div class="portfolio-caption-heading">Explore</div>
+              <div class="portfolio-caption-subheading text-muted">Graphic Design</div>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-4 col-sm-6 mb-4">
+          <!-- Portfolio item 3-->
+          <div class="portfolio-item"><a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal3">
+              <div class="portfolio-hover">
+                <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
+              </div><%= image_tag 'portfolio/3', alt: 'icon', class: "img-fluid" %>
+            </a>
+            <div class="portfolio-caption">
+              <div class="portfolio-caption-heading">Finish</div>
+              <div class="portfolio-caption-subheading text-muted">Identity</div>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">
+          <!-- Portfolio item 4-->
+          <div class="portfolio-item"><a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal4">
+              <div class="portfolio-hover">
+                <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
+              </div><%= image_tag 'portfolio/brochure-transformed', alt: 'icon', class: "img-fluid" %>
+            </a>
+            <div class="portfolio-caption">
+              <div class="portfolio-caption-heading">Lines</div>
+              <div class="portfolio-caption-subheading text-muted">Branding</div>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-4 col-sm-6 mb-4 mb-sm-0">
+          <!-- Portfolio item 5-->
+          <div class="portfolio-item"><a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal5">
+              <div class="portfolio-hover">
+                <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
+              </div><%= image_tag 'portfolio/5', alt: 'icon', class: "img-fluid" %>
+            </a>
+            <div class="portfolio-caption">
+              <div class="portfolio-caption-heading">Southwest</div>
+              <div class="portfolio-caption-subheading text-muted">Website Design</div>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-4 col-sm-6">
+          <!-- Portfolio item 6-->
+          <div class="portfolio-item"><a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal6">
+              <div class="portfolio-hover">
+                <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
+              </div><%= image_tag 'portfolio/6', alt: 'icon', class: "img-fluid" %>
+            </a>
+            <div class="portfolio-caption">
+              <div class="portfolio-caption-heading">Window</div>
+              <div class="portfolio-caption-subheading text-muted">Photography</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section><!-- About-->
+  <section class="page-section" id="about">
+    <div class="container">
+      <div class="text-center">
+        <h2 class="section-heading text-uppercase">About</h2>
+        <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
+      </div>
+      <ul class="timeline">
+        <li>
+          <div class="timeline-image"><%= image_tag "about/1.jpg", class: "rounded-circle img-fluid", alt: "..." %></div>
+          <div class="timeline-panel">
+            <div class="timeline-heading">
+              <h4>2009-2011</h4>
+              <h4 class="subheading">Our Humble Beginnings</h4>
+            </div>
+            <div class="timeline-body">
+              <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
+            </div>
+          </div>
+        </li>
+        <li class="timeline-inverted">
+          <div class="timeline-image"><%= image_tag "about/2.jpg", class: "rounded-circle img-fluid", alt: "..." %></div>
+          <div class="timeline-panel">
+            <div class="timeline-heading">
+              <h4>March 2011</h4>
+              <h4 class="subheading">An Agency is Born</h4>
+            </div>
+            <div class="timeline-body">
+              <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
+            </div>
+          </div>
+        </li>
+        <li>
+          <div class="timeline-image"><%= image_tag "about/3.jpg", class: "rounded-circle img-fluid", alt: "..." %></div>
+          <div class="timeline-panel">
+            <div class="timeline-heading">
+              <h4>December 2015</h4>
+              <h4 class="subheading">Transition to Full Service</h4>
+            </div>
+            <div class="timeline-body">
+              <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
+            </div>
+          </div>
+        </li>
+        <li class="timeline-inverted">
+          <div class="timeline-image"><%= image_tag "about/4.jpg", class: "rounded-circle img-fluid", alt: "..." %></div>
+          <div class="timeline-panel">
+            <div class="timeline-heading">
+              <h4>July 2020</h4>
+              <h4 class="subheading">Phase Two Expansion</h4>
+            </div>
+            <div class="timeline-body">
+              <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
+            </div>
+          </div>
+        </li>
+        <li class="timeline-inverted">
+          <div class="timeline-image">
+            <h4>Be Part<br />Of Our<br />Story!</h4>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </section><!-- Team-->
+  <section class="page-section bg-light" id="team">
+    <div class="container">
+      <div class="text-center">
+        <h2 class="section-heading text-uppercase">Our Amazing Team</h2>
+        <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
+      </div>
+      <div class="row">
+        <div class="col-lg-4">
+          <div class="team-member"><%= image_tag "team/1.jpg", class: "mx-auto rounded-circle", alt: "..." %>
+            <h4>Parveen Anand</h4>
+            <p class="text-muted">Lead Designer</p><a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Parveen Anand Twitter Profile"><i class="fab fa-twitter"></i></a><a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Parveen Anand Facebook Profile"><i class="fab fa-facebook-f"></i></a><a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Parveen Anand LinkedIn Profile"><i class="fab fa-linkedin-in"></i></a>
+          </div>
+        </div>
+        <div class="col-lg-4">
+          <div class="team-member"><%= image_tag "team/2.jpg", class: "mx-auto rounded-circle", alt: "..." %>
+            <h4>Diana Petersen</h4>
+            <p class="text-muted">Lead Marketer</p><a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Diana Petersen Twitter Profile"><i class="fab fa-twitter"></i></a><a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Diana Petersen Facebook Profile"><i class="fab fa-facebook-f"></i></a><a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Diana Petersen LinkedIn Profile"><i class="fab fa-linkedin-in"></i></a>
+          </div>
+        </div>
+        <div class="col-lg-4">
+          <div class="team-member"><%= image_tag "team/3.jpg", class: "mx-auto rounded-circle", alt: "..." %>
+            <h4>Larry Parker</h4>
+            <p class="text-muted">Lead Developer</p><a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Larry Parker Twitter Profile"><i class="fab fa-twitter"></i></a><a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Larry Parker Facebook Profile"><i class="fab fa-facebook-f"></i></a><a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Larry Parker LinkedIn Profile"><i class="fab fa-linkedin-in"></i></a>
+          </div>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-lg-8 mx-auto text-center">
+          <p class="large text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
+        </div>
+      </div>
+    </div>
+  </section><!-- Clients-->
+  <div class="py-5">
+    <div class="container">
+      <div class="row align-items-center">
+        <div class="col-md-3 col-sm-6 my-3"><a href="#!"><%= image_tag "logos/microsoft.svg", class: "img-fluid img-brand d-block mx-auto",  alt: "...",  aria_label: "Microsoft Logo" %></a></div>
+        <div class="col-md-3 col-sm-6 my-3"><a href="#!"><%= image_tag "logos/google.svg", class: "img-fluid img-brand d-block mx-auto",  alt: "...",  aria_label: "Google Logo" %></a></div>
+        <div class="col-md-3 col-sm-6 my-3"><a href="#!"><%= image_tag "logos/facebook.svg", class: "img-fluid img-brand d-block mx-auto",  alt: "...",  aria_label: "Facebook Logo" %></a></div>
+        <div class="col-md-3 col-sm-6 my-3"><a href="#!"><%= image_tag "logos/ibm.svg", class: "img-fluid img-brand d-block mx-auto",  alt: "...",  aria_label: "IBM Logo" %></a></div>
+      </div>
+    </div>
+  </div><!-- Contact-->
+  <section class="page-section" id="contact">
+    <div class="container">
+      <div class="text-center">
+        <h2 class="section-heading text-uppercase">Contact Us</h2>
+        <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
+      </div>
+      
+      <form id="contactForm" data-sb-form-api-token="API_TOKEN">
+        <div class="row align-items-stretch mb-5">
+          <div class="col-md-6">
+            <div class="form-group">
+              <!-- Name input--><input class="form-control" id="name" type="text" placeholder="Your Name *" data-sb-validations="required" />
+              <div class="invalid-feedback" data-sb-feedback="name:required">A name is required.</div>
+            </div>
+            <div class="form-group">
+              <!-- Email address input--><input class="form-control" id="email" type="email" placeholder="Your Email *" data-sb-validations="required,email" />
+              <div class="invalid-feedback" data-sb-feedback="email:required">An email is required.</div>
+              <div class="invalid-feedback" data-sb-feedback="email:email">Email is not valid.</div>
+            </div>
+            <div class="form-group mb-md-0">
+              <!-- Phone number input--><input class="form-control" id="phone" type="tel" placeholder="Your Phone *" data-sb-validations="required" />
+              <div class="invalid-feedback" data-sb-feedback="phone:required">A phone number is required.</div>
+            </div>
+          </div>
+          <div class="col-md-6">
+            <div class="form-group form-group-textarea mb-md-0">
+              <!-- Message input--><textarea class="form-control" id="message" placeholder="Your Message *" data-sb-validations="required"></textarea>
+              <div class="invalid-feedback" data-sb-feedback="message:required">A message is required.</div>
+            </div>
+          </div>
+        </div><!-- Submit success message-->
+        <!---->
+        <!-- This is what your users will see when the form-->
+        <!-- has successfully submitted-->
+        <div class="d-none" id="submitSuccessMessage">
+          <div class="text-center text-white mb-3">
+            <div class="fw-bolder">Form submission successful!</div>To activate this form, sign up at<br /><a href="https://startbootstrap.com/solution/contact-forms">https://startbootstrap.com/solution/contact-forms</a>
+          </div>
+        </div><!-- Submit error message-->
+        <!---->
+        <!-- This is what your users will see when there is-->
+        <!-- an error submitting the form-->
+        <div class="d-none" id="submitErrorMessage">
+          <div class="text-center text-danger mb-3">Error sending message!</div>
+        </div><!-- Submit Button-->
+        <div class="text-center"><button class="btn btn-primary btn-xl text-uppercase disabled" id="submitButton" type="submit">Send Message</button></div>
+      </form>
+    </div>
+  </section>
+
+
+<script>
+window.addEventListener('DOMContentLoaded', event => {
+
+    // Navbar shrink function
+    var navbarShrink = function () {
+        const navbarCollapsible = document.body.querySelector('#mainNav');
+        if (!navbarCollapsible) {
+            return;
+        }
+        if (window.scrollY === 0) {
+            navbarCollapsible.classList.remove('navbar-shrink')
+        } else {
+            navbarCollapsible.classList.add('navbar-shrink')
+        }
+
+    };
+
+    // Shrink the navbar 
+    navbarShrink();
+
+    // Shrink the navbar when page is scrolled
+    document.addEventListener('scroll', navbarShrink);
+
+    // Activate Bootstrap scrollspy on the main nav element
+    const mainNav = document.body.querySelector('#mainNav');
+    if (mainNav) {
+        new bootstrap.ScrollSpy(document.body, {
+            target: '#mainNav',
+            offset: 74,
+        });
+    };
+
+    // Collapse responsive navbar when toggler is visible
+    const navbarToggler = document.body.querySelector('.navbar-toggler');
+    const responsiveNavItems = [].slice.call(
+        document.querySelectorAll('#navbarResponsive .nav-link')
+    );
+    responsiveNavItems.map(function (responsiveNavItem) {
+        responsiveNavItem.addEventListener('click', () => {
+            if (window.getComputedStyle(navbarToggler).display !== 'none') {
+                navbarToggler.click();
+            }
+        });
+    });
+
+});
+</script>

data/after_templates/application/printspeak/app/views/layouts/_alerts.html.erb

@@ -0,0 +1,2 @@
+<% flash.each do |type, msg| %><div class="<%= type %>"><%= msg %></div><% end %>
+<% if flash.any? %><hr /><% end %>

data/after_templates/application/printspeak/app/views/layouts/_footer.html.erb

@@ -0,0 +1,16 @@
+<footer class="footer py-4">
+  <div class="container">
+    <div class="row align-items-center">
+      <div class="col-lg-4 text-lg-start">Copyright &copy; Printspeak 2022</div>
+      <div class="col-lg-4 my-3 my-lg-0">
+        <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
+        <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
+        <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
+      </div>
+      <div class="col-lg-4 text-lg-end">
+        <a class="link-dark text-decoration-none me-3" href="#!">Privacy Policy</a>
+        <a class="link-dark text-decoration-none" href="#!">Terms of Use</a>
+      </div>
+    </div>
+  </div>
+</footer>

data/after_templates/application/printspeak/app/views/layouts/_navbar.html.erb

@@ -0,0 +1,14 @@
+<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
+  <div class="container"><a class="navbar-brand" href="#page-top"><%= image_tag "printspeak-logo.svg", alt: "..." %></a><button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">Menu<i class="fas fa-bars ms-1"></i></button>
+    <div class="collapse navbar-collapse" id="navbarResponsive">
+      <ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
+        <li class="nav-item"><%= link_to 'Home', root_path, class: "nav-link" %></li>
+        <li class="nav-item"><a class="nav-link" href="#services">Services</a></li>
+        <li class="nav-item"><a class="nav-link" href="#portfolio">Portfolio</a></li>
+        <li class="nav-item"><a class="nav-link" href="#about">About</a></li>
+        <li class="nav-item"><a class="nav-link" href="#team">Team</a></li>
+        <li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
+      </ul>
+    </div>
+  </div>
+</nav><!-- Masthead-->

data/after_templates/application/printspeak/app/views/layouts/application.html.erb

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title><%= camelized %></title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <%%= csrf_meta_tags %>
+  <%%= csp_meta_tag %>
+
+  <script src="https://use.fontawesome.com/releases/v6.1.0/js/all.js" crossorigin="anonymous"></script>
+  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
+  <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" />
+
+  <%- if options[:skip_hotwire] || options[:skip_javascript] -%>
+  <%%= stylesheet_link_tag "application" %>
+  <%- else -%>
+  <%%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
+  <%- end -%>
+</head>
+
+<body id="page-top">
+  <%%= render 'layouts/navbar' %>
+  <main>
+    <%%= render 'layouts/alerts' %>
+    <%%= yield %>
+  </main>
+  <%%= render 'layouts/footer' %>
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>

data/after_templates/application/printspeak/app/views/page/page_controller.rb

@@ -0,0 +1,27 @@
+class PageController < ApplicationController
+  # before_action { footer_partial('page/footer') }
+
+  def home
+  end
+
+  def blog
+  end
+
+  def readme
+  end
+
+  def about
+  end
+
+  def contact
+  end
+
+  def faq
+  end
+
+  def terms
+  end
+
+  def privacy
+  end
+end

data/after_templates/application/printspeak/db/seeds.rb

@@ -0,0 +1,16 @@
+# This file should contain all the record creation needed to seed the database with its default values.
+# The data can then be loaded with the bin/rails db:seed command (or created alongside the database with db:setup).
+#
+# User.find_or_create_by(email: "admin@admin.com") do |user|
+#   user.name = 'Admin'
+#   user.password = 'password'
+#   user.admin = true
+# end
+
+# david = User.create(email: 'david@site.com', name: 'david', password: 'password')
+# bob   = User.create(email: 'bob@site.com', name: 'bob', password: 'password')
+# lisa  = User.create(email: 'lisa@site.com', name: 'lisa', password: 'password')
+
+# 10.times do |i|
+#   Post.create(title: "Post #{i}", body: "This is the body of post #{i}", user: User.all.sample)
+# end

data/after_templates/printspeak_bak/_.rb

@@ -0,0 +1,36 @@
+# frozen_string_literal: true
+
+# Rails 7 with Bootstrap CSS and custom CSS
+# https://www.youtube.com/watch?v=tYr8yn7yRKw
+
+require 'pry'
+
+self.local_template_path = File.dirname(__FILE__)
+
+gac 'base rails 7 image created'
+
+# css_install('tailwind')
+
+# add_controller('page', 'home', 'blog', 'readme', 'about', 'contact', 'faq', 'terms', 'privacy')
+# route("root 'page#home'")
+
+# force_copy
+
+# copy_file   'application_controller.rb'       , 'app/controllers/application_controller.rb'
+
+# copy_file   'page/page_controller.rb'         , 'app/controllers/page_controller.rb'
+# copy_file   'page/_footer.html.erb'           , 'app/views/page/_footer.html.erb'
+# template    'page/home.html.erb'              , 'app/views/page/home.html.erb'
+# template    'page/faq.html.erb'               , 'app/views/page/faq.html.erb'
+# copy_file   'page/blog.html.erb'              , 'app/views/page/blog.html.erb'
+# copy_file   'page/readme.html.erb'            , 'app/views/page/readme.html.erb'
+
+# # DON'T THINK _HEAD is needed anymore, check it out
+# copy_file   'layouts/_head.html.erb'          , 'app/views/layouts/_head.html.erb'
+# template    'layouts/_navbar.html.erb'        , 'app/views/layouts/_navbar.html.erb'
+# copy_file   'layouts/_footer.html.erb'        , 'app/views/layouts/_footer.html.erb'
+# template    'layouts/application.html.erb'    , 'app/views/layouts/application.html.erb'
+
+after_bundle do
+  # if needed
+end