landing_boi 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: c48a83459cdf9d108ab5222f2761de2ebea42db366c22baa87e84904edf7cd2a
+  data.tar.gz: 8a95873ccc14f63306c2cbee023f94b2d5cf8d7a849755e97b209445ee748ec8
+SHA512:
+  metadata.gz: c22591f22db9920cf11af37dbbbb07e927bf2a2a63fb945f9dd493c434e4621d511bc9a600c622ce94846b2829659d24971d69a89e326f1e0f94af0edd804681
+  data.tar.gz: 76ca094513e8b5c1a3dd6c1c5f958607baefa7a4171737210dab98bcb4afe13701dce49261c0d66f5bb6e169b8e8b26a1fb1541f2ca1e8ab967eef0ce90727ee

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2020 
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,51 @@
+# LandingBoi
+Rails landing page generator for micro-SaaS apps
+
+## Installation
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'landing_boi'
+```
+
+And then execute:
+```bash
+$ bundle
+```
+
+Or install it yourself as:
+```bash
+$ gem install landing_boi
+```
+
+Then add to your config/routes.rb file:
+```
+mount LandingBoi::Engine => "/"
+```
+
+## Configuration Options (i.e. customizing views, titles / text, logo path, URL paths, etc.)
+
+Generate LandingBoi initializer file for customizing product name / features, titles, text, URLS, photos, etc. used for landing pages:
+
+```
+rails generate landing_boi:config
+```
+
+Copy LandingBoi views into main application for customizing html pages:
+```
+rails generate landing_boi:views
+```
+
+## Custom Styles / Bootstrap Overrides
+
+Customize scss colour scheme by creating `stylesheets/bootstrap_customizer.scss` and importing your own custom styles, then `@import 'bootstrap'`. 
+
+See example in `test/dummy/app/assets/stylesheets`.
+
+## Contributing
+
+If you'd like to make a fix / change, please create a pull request; when I have a moment, I'll have a look!
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,32 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'LandingBoi'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.md')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("test/dummy/Rakefile", __dir__)
+load 'rails/tasks/engine.rake'
+
+load 'rails/tasks/statistics.rake'
+
+require 'bundler/gem_tasks'
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+task default: :test

data/app/assets/config/landing_boi_manifest.js

@@ -0,0 +1,3 @@
+//= link_directory ../stylesheets/landing_boi .css
+//= link bootstrap_customizer.css
+//= link landing_boi/application.js

data/app/assets/images/landing_boi/logo.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="411" height="155" viewBox="0 0 411 155">
+  <g fill="#CC0000" fill-rule="evenodd" transform="translate(8 8)">
+    <path d="M344.6 121.5L344.6 139.6 377.3 139.6C384 139.6 395.5 134.7 395.9 121L395.9 114C395.9 102.3 386.3 95.4 377.3 95.4L361 95.4 361 87 393.3 87 393.3 68.8 362.3 68.8C354.3 68.8 343.6 75.4 343.6 87.7L343.6 94C343.6 106.3 354.2 112.6 362.3 112.6 384.8 112.7 356.9 112.6 377.7 112.6L377.7 121.4M169.4 117.1C169.4 117.1 186.9 115.6 186.9 93 186.9 70.4 165.7 68.3 165.7 68.3L127.5 68.3 127.5 139.6 146.7 139.6 146.7 122.4 163.3 139.6 191.7 139.6 169.4 117.1zM162 102.5L146.7 102.5 146.7 86.2 162.1 86.2C162.1 86.2 166.4 87.8 166.4 94.3 166.4 100.8 162 102.5 162 102.5zM234.3 68.8L214.8 68.8C200.9 68.8 196.2 81.4 196.2 87.4L196.2 139.6 215.7 139.6 215.7 127.1 234 127.1 234 139.6 252.9 139.6 252.9 87.4C252.9 72.2 239.1 68.8 234.3 68.8zM234 106.9L215.6 106.9 215.6 89.6C215.6 89.6 215.6 85.7 221.7 85.7L228.4 85.7C233.8 85.7 233.9 89.6 233.9 89.6L233.9 106.9 234 106.9z"/>
+    <rect width="20.3" height="70.8" x="261.8" y="68.8"/>
+    <polygon points="310.6 121.3 310.6 68.8 290.4 68.8 290.4 121.3 290.4 139.6 310.6 139.6 337.9 139.6 337.9 121.3"/>
+    <path d="M7,139.6 L86,139.6 C86,139.6 70.9,70.7 120.9,42.8 C131.8,37.5 166.5,17.7 223.3,59.7 C225.1,58.2 226.8,57 226.8,57 C226.8,57 174.8,5.1 116.9,10.9 C87.8,13.5 52,40 31,75 C10,110 7,139.6 7,139.6 Z"/>
+    <path d="M7,139.6 L86,139.6 C86,139.6 70.9,70.7 120.9,42.8 C131.8,37.5 166.5,17.7 223.3,59.7 C225.1,58.2 226.8,57 226.8,57 C226.8,57 174.8,5.1 116.9,10.9 C87.8,13.5 52,40 31,75 C10,110 7,139.6 7,139.6 Z"/>
+    <path d="M7 139.6L86 139.6C86 139.6 70.9 70.7 120.9 42.8 131.8 37.5 166.5 17.7 223.3 59.7 225.1 58.2 226.8 57 226.8 57 226.8 57 174.8 5.1 116.9 10.9 87.7 13.5 51.9 40 30.9 75 9.9 110 7 139.6 7 139.6zM171.6 16.5L172 9.8C171.1 9.3 168.6 8.1 162.3 6.3L161.9 12.9C165.2 14 168.4 15.2 171.6 16.5z"/>
+    <path d="M162.1 37.7L161.7 44C165 44.1 168.3 44.5 171.6 45.2L172 39C168.6 38.3 165.3 37.9 162.1 37.7zM125.1 6.5L126.1 6.5 124.1.4C121 .4 117.8.6 114.5 1L116.4 6.9C119.3 6.6 122.2 6.5 125.1 6.5zM129.9 43.3L132.2 50.2C135.1 48.8 138 47.6 140.9 46.7L138.7 40.1C135.3 41.1 132.4 42.2 129.9 43.3zM84.5 17L80 10.1C77.5 11.4 74.9 12.8 72.2 14.4L76.8 21.4C79.4 19.8 81.9 18.3 84.5 17zM105 62L109.8 69.2C111.5 66.7 113.5 64.4 115.7 62.1L111.2 55.3C108.9 57.4 106.8 59.7 105 62zM90.5 94.2L98.6 100.6C99 96.7 99.7 92.8 100.7 88.9L93.5 83.2C92.2 86.9 91.3 90.6 90.5 94.2zM46.7 46.7L39.6 40.5C37 43 34.5 45.5 32.2 48L39.9 54.6C42 51.9 44.3 49.2 46.7 46.7zM16.5 91.4L5 87.2C3.1 91.5 1 96.5 0 99.2L11.5 103.4C12.8 100 14.9 95.1 16.5 91.4zM89 119.6C89.2 124.9 89.7 129.2 90.2 132.2L102.2 136.5C101.3 132.6 100.4 128.2 99.8 123.5L89 119.6z"/>
+  </g>
+</svg>

data/app/assets/javascripts/landing_boi/application.js

@@ -0,0 +1,18 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file. JavaScript code in this file should be added after the last require_* statement.
+//
+// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require jquery3
+//= require popper
+//= require bootstrap-sprockets
+//= require rails-ujs
+//= require activestorage
+//= require_tree .

data/app/assets/stylesheets/bootstrap_customizer.scss

@@ -0,0 +1,6 @@
+@import 'landing_boi/bootstrap_overrides';
+@import "bootstrap";
+
+.text-body {
+	color: $body-color !important;
+}

data/app/assets/stylesheets/landing_boi/_header.scss

@@ -0,0 +1,6 @@
+header {
+	.btn {
+		border-radius: 20px !important;
+		font-size: 14px;
+	}
+}

data/app/assets/stylesheets/landing_boi/_index.scss

@@ -0,0 +1,59 @@
+.landing-boi {
+
+  .h1 {
+    font-weight: 900;
+  }
+  .h5, .h3 {
+    font-weight: 700;
+  }
+
+  .plan, .features, .pricing-blurb {
+    img {
+      max-height: 130px;
+      max-width: 110px;
+    }
+  }
+
+  .social-proof {
+
+    .recommendations {
+      p {
+        font-size: 18px;
+        font-style: italic;
+      }
+
+      img {
+        max-height: 40px;
+      }
+
+      a:hover {
+        text-decoration: none;
+      }
+    }
+    
+  }
+
+
+  img.logo {
+    height: 25px;
+  }
+
+  footer {
+    img.logo {
+      position: relative;
+      height: 16px;
+      top: -4px;
+    }
+
+    h3 a:hover {
+      text-decoration: none;
+    }
+
+    div.bg-light {
+      content: "";
+      height: 5px;
+      display: block;
+    }
+  }
+
+}

data/app/assets/stylesheets/landing_boi/application.scss

@@ -0,0 +1,37 @@
+@import '_index';
+@import '_header';
+@import "font-awesome";
+
+// Fonts
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@700;900&display=swap');
+
+.text-inter {
+	font-family: 'Inter', sans-serif;
+}
+
+.py-2_5 {
+	padding-top: 12px !important;
+	padding-bottom: 12px !important;
+}
+
+.px-14 {
+	font-size: 14px;
+}
+
+.grow {
+
+	transition: 0.2s ease;
+	
+	&:hover {
+		-webkit-transform: scale(1.1);
+		-ms-transform: scale(1.1);
+		transform: scale(1.1);
+		transition: 0.2s ease;
+	}
+
+}
+
+ul {
+	list-style-type: none;
+	padding: 0;
+}

data/app/assets/stylesheets/landing_boi/bootstrap_overrides.scss

@@ -0,0 +1,7 @@
+// To override, create boostrap_customizer.scss file in parent application 
+// and @import your overrides and then bootstrap
+
+// To see available overrides, check out _variables.scss
+// in Bootstrap source code
+
+$font-family-sans-serif: 'Roboto';

data/app/controllers/landing_boi/application_controller.rb

@@ -0,0 +1,5 @@
+module LandingBoi
+  class ApplicationController < ActionController::Base
+    protect_from_forgery with: :exception
+  end
+end

data/app/controllers/landing_boi/landing_controller.rb

@@ -0,0 +1,25 @@
+require_dependency "landing_boi/application_controller"
+
+module LandingBoi
+	class LandingController < ApplicationController
+		protect_from_forgery with: :exception
+
+		def index
+		end
+
+		def features
+		end
+    
+    def pricing
+    end
+    
+    def about
+    end
+    
+    def privacy
+    end
+
+    def terms
+    end
+	end
+end

data/app/helpers/landing_boi/application_helper.rb

@@ -0,0 +1,16 @@
+module LandingBoi
+	module ApplicationHelper
+		include FontAwesome::Rails::IconHelper
+		# Iterates over LandingBoi module class variables
+		# and creates helper methods for them
+		LandingBoi.class_variables.each do |class_var|
+		
+			mattr_name = class_var.to_s[2..-1]
+
+			define_method(mattr_name) do
+				LandingBoi.send(mattr_name)
+			end
+
+		end
+	end
+end

data/app/jobs/landing_boi/application_job.rb

@@ -0,0 +1,4 @@
+module LandingBoi
+  class ApplicationJob < ActiveJob::Base
+  end
+end

data/app/mailers/landing_boi/application_mailer.rb

@@ -0,0 +1,6 @@
+module LandingBoi
+  class ApplicationMailer < ActionMailer::Base
+    default from: 'from@example.com'
+    layout 'mailer'
+  end
+end

data/app/models/landing_boi/application_record.rb

@@ -0,0 +1,5 @@
+module LandingBoi
+  class ApplicationRecord < ActiveRecord::Base
+    self.abstract_class = true
+  end
+end

data/app/views/landing_boi/landing/_faqs.html.erb

@@ -0,0 +1,19 @@
+<div class="pt-5">
+	
+	<h3 class="mt-3 mt-md-5 h3 text-inter">
+		Frequently asked questions
+	</h3>
+
+	<% text[:faqs].each do |faq| %>
+
+		<h3 class="h5 mt-4 pt-3 text-inter">
+			<%= faq[:title] %>
+		</h3>
+
+		<p class="text-secondary mt-3 pt-1 mb-0">
+			<%= raw(faq[:text]) %>
+		</p>
+
+	<% end %>
+
+</div>

data/app/views/landing_boi/landing/_features.html.erb

@@ -0,0 +1,24 @@
+<% all_features ||= nil %>
+<% feature_li = all_features ? text[:features] + text[:features_secondary] : text[:features] %>
+
+<article class="mt-md-5 features">
+
+	<% feature_li.each_with_index do |feature, idx|
+
+		%><div class="mt-5 pt-3 col-12 col-md-6 px-0 <%= idx % 2 == 0 ? 'pr-md-5' : 'pl-md-5' %> d-inline-block">
+
+			<%= image_tag(feature[:img_path], class: 'float-right float-md-none mt-4 mt-md-0 ml-3 ml-md-0 grow') %>
+
+			<h3 class="h5 mt-3 text-inter">
+				<%= raw feature[:title] %>
+			</h3>
+
+			<p class="text-secondary mt-3 mb-0">
+				<%= raw feature[:text] %>
+			</p>
+
+		</div><% 
+
+	end %>
+	
+</article>

data/app/views/landing_boi/landing/_hero_a.html.erb

@@ -0,0 +1,13 @@
+<h1 class="mt-4 h1 text-inter">
+	<%= raw text[:index][:h1] %>
+</h1>
+
+<p class="text-secondary mt-3">
+	<%= raw text[:index][:h1_subtitle] %>
+</p>
+
+<div class="mt-5">
+	
+	<%= render 'signup_buttons' %>
+
+</div>

data/app/views/landing_boi/landing/_pricing_blurb.html.erb

@@ -0,0 +1,23 @@
+<div class="py-5 mt-3 mt-md-5 pricing-blurb">
+
+	<div class="p-5 shadow rounded">
+		
+		<h3 class="h3 text-inter">
+			<%= raw text[:index][:pricing][:title] %>
+		</h3>
+
+		<%= image_tag(assets[:pricing_img_path], class: 'float-right d-none d-md-inline-block mt-5 ml-3 grow') %>
+
+		<p class="text-secondary mt-3 mb-0">
+			<%= raw text[:index][:pricing][:text] %>
+		</p>
+
+		<div class="mt-5">
+		
+			<%= render 'signup_buttons' %>
+
+		</div>
+
+	</div>
+
+</div>

data/app/views/landing_boi/landing/_recommendations.html.erb

@@ -0,0 +1,30 @@
+<div class="recommendations">
+	
+	<% text[:recommendations].each_with_index do |reco, idx|
+	
+		%><div class="mt-5 align-top col-12 col-md-6 px-0 <%= idx % 2 == 0 ? 'pr-md-4' : 'pl-md-4' %> d-inline-block">
+
+			<div class="text-center">
+
+				<p class="mb-0">
+					"<%= raw reco[:text] %>"
+				</p>
+
+				<div class="mt-3">
+					<a href="<%= reco[:url] %>" target='_blank_'>
+						<%= image_tag(reco[:img_path], class: 'rounded-circle grow') %>	
+					
+						<span class="ml-2">
+							<%= reco[:name] %>
+						</span>
+					</a>
+				</div>
+				
+			</div>
+
+
+		</div><%
+	
+	end %>	
+
+</div>