RubyGems - wbase - Versions diffs - 0.0.1 → 0.0.2 - Mend

wbase 0.0.1 → 0.0.2

Files changed (134) hide show

data/app/assets/stylesheets/wbase/variables.scss.erb ADDED Viewed

@@ -0,0 +1,12 @@
+$gray-base:              #000 !default;
+$gray-darker:            lighten($gray-base, 13.5%) !default; // #222
+$gray-dark:              lighten($gray-base, 20%) !default;   // #333
+$gray:                   lighten($gray-base, 33.5%) !default; // #555
+$gray-light:             lighten($gray-base, 46.7%) !default; // #777
+$gray-lighter:           lighten($gray-base, 93.5%) !default; // #eee
+$brand-primary:         <%= Wbase.primary_color || 'darken(#428bca, 6.5%)' %> !default; // #337ab7
+$brand-success:         <%= Wbase.success_color || '#5cb85c' %> !default;
+$brand-info:            <%= Wbase.info_color || '#5bc0de' %> !default;
+$brand-warning:         <%= Wbase.warning_color || '#f0ad4e' %> !default;
+$brand-danger:          <%= Wbase.danger_color || '#d9534f' %> !default;

data/app/controllers/wbase/static_pages_controller.rb CHANGED Viewed

@@ -2,6 +2,8 @@ require_dependency "wbase/application_controller"
 module Wbase
   class StaticPagesController < ApplicationController
+    layout 'wbase/landing'
     def welcome
     end

data/app/views/layouts/wbase/landing.html.erb ADDED Viewed

@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+  <!-- Website Title -->
+  <title><%= Wbase.title %></title>
+  <!-- OG Meta Tags to improve the way the post looks when you share the page on LinkedIn, Facebook, Google+-->
+  <meta property="og:site_name" content="<%= Wbase.site_name %>" />
+  <meta property="og:site" content="<%= Wbase.url %>" />
+  <meta property="og:title" content="<%= Wbase.title %>"/>
+  <meta property="og:description" content="<%= Wbase.description %>" />
+  <meta property="og:image" content="<%= Wbase.image %>" />
+  <meta property="og:url" content="<%= Wbase.url %>" />
+  <meta property="og:type" content="article" />
+  <!-- SEO Meta Tags -->
+  <meta name="description" content="<%= Wbase.description %>">
+  <meta name="keywords" content="<%= Wbase.keywords %>">
+  <!-- Styles -->
+  <link href="https://fonts.googleapis.com/css?family=Poppins:300,500" rel="stylesheet">
+  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+  <!--[if lt IE 9]>
+    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+  <![endif]-->
+  <!-- Favicon and Apple Icons -->
+  <link rel="apple-touch-icon" sizes="57x57" href="images/favicon/apple-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60" href="images/favicon/apple-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72" href="images/favicon/apple-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76" href="images/favicon/apple-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114" href="images/favicon/apple-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120" href="images/favicon/apple-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144" href="images/favicon/apple-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="images/favicon/apple-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-icon-180x180.png">
+  <link rel="icon" type="image/png" sizes="192x192"  href="images/favicon/android-icon-192x192.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="96x96" href="images/favicon/favicon-96x96.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
+  <%= stylesheet_link_tag    "wbase/landing", media: "all" %>
+  <%= csrf_meta_tags %>
+</head>
+<body class="animated fadeIn" id="top">
+  <%= yield %>
+  <%= javascript_include_tag "wbase/landing" %>
+  <%= yield :javascripts %>
+  </body>
+</html>

data/app/views/wbase/static_pages/_map.html.erb ADDED Viewed

@@ -0,0 +1,17 @@
+<div class="col-md-8">
+  <div class="card sameheight-item" data-exclude="xs,sm">
+    <div class="card-header">
+      <div class="header-block">
+        <h3 class="title">
+          Submission by Country
+        </h3>
+        <p>
+          Coming soon...
+        </p>
+      </div>
+    </div>
+    <div class="card-block">
+      <div id="dashboard-sales-map" style="width: 100%; height: 400px;"></div>
+    </div>
+  </div>
+</div>

data/app/views/wbase/static_pages/_order_stats.html.erb ADDED Viewed

@@ -0,0 +1,28 @@
+<div class="card stats" data-exclude="xs">
+  <div class="card-block">
+    <div class="title-block">
+      <h4 class="title">
+        Order Metrics
+      </h4>
+      <p class="title-description">
+      </p>
+    </div>
+    <div class="row row-sm stats-container">
+      <% @order_report.report_items.each do |item| %>
+        <div class="col-xs-12 col-sm-12 stat-col text-<%= item.klass %>">
+          <div class="stat-icon"> <i class="fa fa-<%= item.icon %>"></i> </div>
+          <div class="stat">
+            <div class="value"> <%= item.value %> </div>
+            <div class="name"> <%= item.name %> </div>
+          </div>
+          <progress class="progress progress-<%= item.klass %> stat-progress" value="75" max="100">
+            <div class="progress">
+              <span class="progress-bar" style="width: 75%;"></span>
+            </div>
+          </progress>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</div>

data/app/views/wbase/static_pages/_pricing.html.erb ADDED Viewed

@@ -0,0 +1,89 @@
+<div class="pricing-tables attached">
+  <div class="row">
+    <div class="col-sm-4 col-md-4">
+      <!-- <div class="plan first"> -->
+      <!--   <div class="head"> -->
+      <!--     <h2>Personal</h2> -->
+      <!--   </div> -->
+      <!--   <ul class="item&#45;list"> -->
+      <!--     <li><strong>1</strong> Form</li> -->
+      <!--     <li><strong>10K</strong> Submissions</li> -->
+      <!--     <li> Spam Protection </li> -->
+      <!--     <li> Integrations </li> -->
+      <!--     <li> </li> -->
+      <!--     <li> </li> -->
+      <!--   </ul> -->
+      <!--   <div class="price"> -->
+      <!--     <h3><span class="symbol">$</span>5</h3> -->
+      <!--     <h4>per month</h4> -->
+      <!--   </div> -->
+      <!--   <% if logged_in? %> -->
+      <!--     <a href="/subscription/new?plan=personal" type="button" class="btn btn&#45;outline">Select</a> -->
+      <!--   <% else %> -->
+      <!--     <a href="/user/new?plan=personal" type="button" class="btn btn&#45;outline">Sign Up</a> -->
+      <!--   <% end %> -->
+      <!--   <p> -->
+      <!--     <small>14 day free trial</small> -->
+      <!--   </p> -->
+      <!-- </div> -->
+    </div>
+    <div class="col-sm-4 col-md-4 ">
+      <div class="plan recommended">
+        <div class="head">
+          <h2>Consultant</h2>
+        </div>
+        <ul class="item-list">
+          <li><strong>Unlimited</strong> Invoices</li>
+          <li><strong>Unlimited</strong> Orders</li>
+          <li><strong>Email</strong> Support </li>
+          <li> Integrations </li>
+        </ul>
+        <div class="price">
+          <h3><span class="symbol">$</span>5</h3>
+          <h4>per month</h4>
+        </div>
+        <% if logged_in? %>
+          <a href="/subscription/new?plan=consultant" type="button" class="btn btn-success">Select</a>
+        <% else %>
+          <a href="/user/new?plan=consultant" type="button" class="btn btn-success">Sign Up</a>
+        <% end %>
+        <p>
+          <small>14 day free trial</small>
+        </p>
+      </div>
+    </div>
+    <div class="col-sm-4 col-md-4">
+      <!-- <div class="plan last"> -->
+      <!--   <div class="head"> -->
+      <!--     <h2>Enterprise</h2> -->
+      <!--   </div> -->
+      <!--  -->
+      <!--   <ul class="item&#45;list"> -->
+      <!--     <li><strong>100</strong> Forms</li> -->
+      <!--     <li><strong>Unlimited</strong> Submissions</li> -->
+      <!--     <li><strong>Email</strong> Support </li> -->
+      <!--     <li><strong>Phone</strong> Support </li> -->
+      <!--     <li> Spam Protection </li> -->
+      <!--     <li> Integrations </li> -->
+      <!--   </ul> -->
+      <!--  -->
+      <!--   <div class="price"> -->
+      <!--     <h3><span class="symbol">$</span>69</h3> -->
+      <!--     <h4>per month</h4> -->
+      <!--   </div> -->
+      <!--   <% if logged_in? %> -->
+      <!--     <a href="/subscription/new?plan=enterprise" type="button" class="btn btn&#45;outline">Select</a> -->
+      <!--   <% else %> -->
+      <!--     <a href="/user/new?plan=enterprise" type="button" class="btn btn&#45;outline">Sign Up</a> -->
+      <!--   <% end %> -->
+      <!--   <p> -->
+      <!--   <small>14 day free trial</small> -->
+      <!--   </p> -->
+      <!-- </div> -->
+    </div>
+  </div>
+</div>

data/app/views/wbase/static_pages/_stats.html.erb ADDED Viewed

@@ -0,0 +1,28 @@
+<div class="card stats" data-exclude="xs">
+  <div class="card-block">
+    <div class="title-block">
+      <h4 class="title">
+        Financial Metrics
+      </h4>
+      <p class="title-description">
+      </p>
+    </div>
+    <div class="row row-sm stats-container">
+      <% @report.report_items.each do |item| %>
+        <div class="col-xs-12 col-sm-12 stat-col text-<%= item.klass %>">
+          <div class="stat-icon"> <i class="fa fa-<%= item.icon %>"></i> </div>
+          <div class="stat">
+            <div class="value"> <%= item.value %> </div>
+            <div class="name"> <%= item.name %> </div>
+          </div>
+          <progress class="progress progress-<%= item.klass %> stat-progress" value="75" max="100">
+            <div class="progress">
+              <span class="progress-bar" style="width: 75%;"></span>
+            </div>
+          </progress>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</div>

data/app/views/wbase/static_pages/_testimonial.html.erb ADDED Viewed

@@ -0,0 +1,16 @@
+<!-- Start Slider Testimonial -->
+<h2 class="fh5co-uppercase-heading-sm text-center animate-box">Customer Says...</h2>
+<div class="fh5co-spacer fh5co-spacer-xs"></div>
+<div class="owl-carousel-fullwidth animate-box">
+  <div class="item">
+    <p class="text-center quote">&ldquo;Design must be functional and functionality must be translated into visual aesthetics, without any reliance on gimmicks that have to be explained. &rdquo; <cite class="author">&mdash; Ferdinand A. Porsche</cite></p>
+  </div>
+  <div class="item">
+    <p class="text-center quote">&ldquo;Creativity is just connecting things. When you ask creative people how they did something, they feel a little guilty because they didn’t really do it, they just saw something. It seemed obvious to them after a while. &rdquo;<cite class="author">&mdash; Steve Jobs</cite></p>
+  </div>
+  <div class="item">
+    <p class="text-center quote">&ldquo;I think design would be better if designers were much more skeptical about its applications. If you believe in the potency of your craft, where you choose to dole it out is not something to take lightly. &rdquo;<cite class="author">&mdash; Frank Chimero</cite></p>
+  </div>
+</div>
+<!-- End Slider Testimonial -->

data/app/views/wbase/static_pages/affiliate.html.erb ADDED Viewed

@@ -0,0 +1,54 @@
+<div id="fh5co-hero" style="background-image: url(images/slide_2.jpg);">
+  <div class="overlay"></div>
+  <a href="#fh5co-main" class="smoothscroll fh5co-arrow to-animate hero-animate-4"><i class="ti-angle-down"></i></a>
+  <!-- End fh5co-arrow -->
+  <div class="container">
+    <div class="col-md-12">
+      <div class="fh5co-hero-wrap">
+        <div class="fh5co-hero-intro">
+          <h1 class="to-animate hero-animate-1">Affiliates affiliate!</h1>
+          <h2 class="to-animate hero-animate-2">Start earning recurring revenue with referrals</h2>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<div id="fh5co-main">
+  <div class="fh5co-cards">
+    <div class="container">
+      <div class="row animate-box">
+        <div class="col-md-12 heading text-center"><h2>How It Works</h2></div>
+      </div>
+      <div class="row">
+        <div class="col-md-8 col-md-offset-2">
+          <h1>5%</h1>
+          <p>
+            Once you've signed up for RoeMe you're given an "Invite
+            Link." This is your affiliate link. You can use this in blog posts,
+            READMEs, on social media and any other way you reach your contacts.
+            When someone signs up after clicking your link, they become one of
+            your "invitees." If that person converts to a paying customer, you
+            will earn 5% of their monthly subscription.
+          </p>
+          <p>
+            Once you've sent out a link and at least one user is signed up,
+            you'll see a new tab in your dashboard that shows "Affiliates." From
+            that view you can see all of your "invitees" and how long they've
+            got left in their trial and the expected earnings. As soon as those
+            users convert, you'll see "Converted" and the earnings amount. The
+            coolest part is that this is paid to you monthly as long as that
+            user is a paying customer, so rather than a one time "finders fee"
+            you're earning over the life of the customer.
+          </p>
+          <p>
+            If you have any questions or would like to become an affiliate,
+            please email support@roeme.com.
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/wbase/static_pages/contact.html.erb ADDED Viewed

@@ -0,0 +1,55 @@
+<div id="fh5co-hero" style="background-image: url(images/slide_2.jpg);">
+  <div class="overlay"></div>
+  <a href="#fh5co-main" class="smoothscroll fh5co-arrow to-animate hero-animate-4 fadeInDown animated"><i class="ti-angle-down"></i></a>
+  <!-- End fh5co-arrow -->
+  <div class="container">
+    <div class="col-md-12">
+      <div class="fh5co-hero-wrap">
+        <div class="fh5co-hero-intro">
+          <h1 class="to-animate hero-animate-1 fadeInUp animated">Contact Us</h1>
+          <h2 class="to-animate hero-animate-2 fadeInUp animated">We'd love to talk with you.</h2>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<div id="fh5co-main">
+  <div id="fh5co-contact">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-8">
+          <form action="https://www.serverlessform.com/f/a9494424" method="post">
+            <div class="col-md-12">
+              <div class="form-group">
+                <label for="name" class="sr-only">Name</label>
+                <input placeholder="Name" id="name" type="text" name="name" class="form-control input-lg">
+              </div>
+            </div>
+            <div class="col-md-12">
+              <div class="form-group">
+                <label for="email" class="sr-only">Email</label>
+                <input placeholder="Email" id="email" type="text" name="email" class="form-control input-lg">
+              </div>
+            </div>
+            <div class="col-md-12">
+              <div class="form-group">
+                <label for="message" class="sr-only">Message</label>
+                <textarea placeholder="Message" id="message" name="message" class="form-control input-lg" rows="3"></textarea>
+              </div>
+            </div>
+            <div class="col-md-12">
+              <div class="form-group">
+                <input type="submit" class="btn btn-primary btn-lg " value="Send">
+              </div>
+            </div>
+          </form>
+        </div>
+        <div class="col-md-4">
+          <h3>Guess What?</h3>
+          <p>That form right there... yep. it's a <a href="/welcome">RoeMe</a>. :)</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/wbase/static_pages/faq.html.erb ADDED Viewed

@@ -0,0 +1,63 @@
+<div id="fh5co-hero" style="background-image: url(images/slide_2.jpg);">
+  <div class="overlay"></div>
+  <a href="#fh5co-main" class="smoothscroll fh5co-arrow to-animate hero-animate-4"><i class="ti-angle-down"></i></a>
+  <!-- End fh5co-arrow -->
+  <div class="container">
+    <div class="col-md-12">
+      <div class="fh5co-hero-wrap">
+        <div class="fh5co-hero-intro">
+          <h1 class="to-animate hero-animate-1">Frequently Asked Questions</h1>
+          <h2 class="to-animate hero-animate-2"></h2>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<div id="fh5co-main">
+  <div class="fh5co-cards">
+    <div class="container">
+      <div class="row animate-box">
+        <div class="col-md-12 heading text-center"><h2></h2></div>
+      </div>
+      <div class="row">
+        <div class="col-md-8 col-md-offset-2">
+          <h1>Are there videos?</h1>
+          <p>We've made a few rough getting started <%= link_to "videos here", "/videos" %> and will continue to add more as we progress.</p>
+          <p></p>
+          <h1>Can customers shop from RoeMe?</h1>
+          <p>Yes, customers can view your online parties directly on RoeMe and claim items on RoeMe. You'll still need to invoice through Build.</p>
+          <h1>Does RoeMe keep track of customers and what they purchased?</h1>
+          <p>Yes, you can search a list of customers by name or email and see all of their previous invoices and even keep track of the discounts and LuLaCash they've accumulated.</p>
+          <h1>Who is RoeMe created for?</h1>
+          <p>RoeMe is a tool for LuLaRoe consultants created specifically to help <a href="">Nicole Avilla</a>. We believe there are a handfull of awesome tools out there and hope to bring you one unified system that both integrates with Audrey, and also gives you facebook integration.</p>
+          <p></p>
+          <h1>Is the RoeMe founder a consultant?</h1>
+          <p>CJ is not a consultant, but Nicole is :)</p>
+          <h1>Is there a free trial?</h1>
+          <p>There sure is! A new account gets 14 days go nuts.</p>
+          <h1>How will RoeMe help me?</h1>
+          <p>RoeMe helps you keep all of your digital inventory, customers, and orders in one place. The earliest value added is telling you how much you should reinvest, what you should order and give you a way to post to Facebook.</p>
+          <h1>How frequently is data imported from Audrey?</h1>
+          <p>We would love to import data automatically and frequently from Audrey. Some tools will ask for your Audrey userame and password to accomplish this. We believe this is an unsafe and insecure way to import data. Instead of asking for your username and password, we give you an API key that can be used along with our chrome extension. That means that every time you visit Audrey, you can optionally process all new orders and invoices. So, we will import as frequently as you click the "Process" button in the chrome extension.</p>
+          <h1>What does the feature roadmap look like? Can I request a feature?</h1>
+          <p>We are interested in adding support for printing postage, a raffling / contest system, ability to host multi consultant online parties directly on RoeMe. Many more, but this is just the start. If you have any feedback / ideas or questions please email support@roeme.com</p>
+          <h1>Is RoeMe compliant with LuLaRoe?</h1>
+          <p>We strive to be compliant with the LuLaRoe standards and have initiated discussion around this.</p>
+          <h1></h1>
+          <p></p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>