Merge pull request #149 from goodlogik/finished-about

Finished about

app/views/careers/index.html.slim

@@ -8,13 +8,27 @@
         = grid
           = column computer: 14, tablet: 16, mobile: 14, class: 'centered content'
             = h1 class: 'inverted'
-              | Become A Part of a Revolution
+              | Become A Part of the Revolution
 
 = fragment 'story'
   = container 'full'
     = grid
+
+
+      = row
+        = column computer: 13, tablet: 13, mobile: 16, class: 'centered main feature'
+
+          = h1 'horizontal divider'
+            = "Working at GoodLogik"
+          = text 'lead'
+            | We are a U.S. based distributed company with a culture rooted in friendship, innovation and hard work.
+            br
+            | Our company is always looking for creative people from all walks of life who are passionate about what they do, and want to make the world a better place.
+            br
+            br
+
       = row
-        = column computer: 14, tablet: 16, mobile: 16, class: 'middle aligned'
+        = column computer: 13, tablet: 16, mobile: 16, class: 'centered'
           = list 'relaxed divided'
             - @jobs.each_with_index do |job, index|
               - if @job_category != job.category

app/views/layouts/application.html.slim

@@ -112,10 +112,10 @@ html lang="en"
       = link_to 'Careers', careers_path, class: "item #{is_active?(careers_path)}"
       = link_to 'About', about_path, class: "item #{is_active?(about_path)}"
 
-      = item
-        = link_to coin_path, class: "ui button fluid purple #{is_active?(coin_path)}"
+      /= item
+        = link_to blockchain_path, class: "ui button fluid purple #{is_active?(blockchain_path)}"
           = icon 'dollar sign'
-          | Currency
+          | Blockchain
 
 
     .pusher
@@ -132,10 +132,10 @@ html lang="en"
             = link_to 'CAREERS', careers_path, class: "item #{is_active?(careers_path)}"
             = link_to 'ABOUT', about_path, class: "item #{is_active?(about_path)}"
 
-            = item
-              = link_to coin_path, class: "ui button purple #{is_active?(coin_path)}"
-                = icon 'dollar sign'
-                | CURRENCY
+            /= item
+              = link_to blockchain_path, class: "ui button purple #{is_active?(blockchain_path)}"
+                /= icon 'dollar sign'
+                | BLOCKCHAIN
 
         = yield :hero
       =yield

app/views/pages/about.html.slim

@@ -13,32 +13,103 @@
 = fragment 'story'
   = container 'full'
     = grid
+      = row
+        = column computer: 16, tablet: 16, mobile: 16
+          = h1 class: 'horizontal divider', text: 'A New Kind of Media Company'
+      = row
+        = column computer: 14, tablet: 16, mobile: 16, class: 'centered'
+          = text 'big lead'
+            | First and foremost we are an open-source tech company, driven by a need to transform media, helping it become free of corporate influence and restoring investigative journalism.
+
+      = row
+        = column computer: 16, tablet: 16, mobile: 16
+          = divider
+          br
+          br
+
       = row
         = column computer: 8, tablet: 16, mobile: 16, class: 'middle aligned'
-          = h1 text: 'Our Story'
-          = text 'lead'
-            | We are a product company with a culture of creativity driven by a passion for technology.
+          = h3 text: 'Open-Source Publishing Platform'
           = text 'lead'
-            | We are a cross-functional team comprised of different backgrounds and skill sets working toward a common goal.
+            | We make it easy for independent content producers to compete with conglomerate owned media by providing the most powerful publishing platform on the internet free of charge.
+          = h3 text: 'Decentralized Cryptocurrency'
           = text 'lead'
-            | To change the web with tech that people love.
+            | Our blockchain-powered cryptocurrency allows direct and decentralized payments to content producers, removing all leverage from governmental and corporate interest.
         = column computer: 8, tablet: 16, mobile: 16, class: 'centered'
           = image_tag 'robot.png', class: 'ui image fluid'
       = row
         = column computer: 16, tablet: 16, mobile: 16
-          = divider
+          br
+          br
+      = row
+        = column computer: 16, tablet: 16, mobile: 16
+          = h3 class: 'horizontal divider', text: 'The Leadership Team'
+          br
+
+    = grid 'three column stackable people'
+      = row 'center aligned'
+
+        = column
+          = image_tag 'christopher.jpg', class: 'ui image circular small centered bordered'
+          = h4
+            |Christopher Hillman
+            = header 'sub'
+            | CEO
+          .bio
+            = text
+              | Growing up on Hollywood sets, Chris quickly realized the power of media. Choosing a different path, he pursued finance and day trading.
+            = text
+              | After meeting a Marine who served in both war and on Ground Zero, he returned to his roots and self-funded a media company, focusing on human transformation.
+        = column
+          = image_tag 'leonid.jpg', class: 'ui image circular small centered bordered'
+          = h4 
+            |Leonid Medovyy
+            = header 'sub'
+            | CTO
+          .bio
+            = text
+              | Born in Russia, Leonid started learning how to program when he was 5 years old, built his first web application at 14 and started his first business when he was 18 years old.
+            = text
+              | His interest in technology grew beyond software development and expanded into computer hardware, cryptography, music and 3D art.
+
+        = column
+          = image_tag 'michael.jpg', class: 'ui image circular small centered bordered'
+          = h4 
+            |Michael Few
+            = header 'sub'
+            | COO
+          .bio
+            = text
+              | Since childhood Michael had deep interest in human performance. After joining the U.S. Air Force and serving in Afghanistan he developed an interest in spirituality.
+            = text
+              | He spent the last 12 years traveling the world, learning about different aspects of spirituality and their effect on the human mind and body.
+
       = row
         = column computer: 16, tablet: 16, mobile: 16
+          = segment 'basic centered inverted tiny biography holder'
+            = h4 'centered toggle biography'
+              = icon 'chevron down'
+              | Toggle Bios
+
+      = row
+        = column computer: 16, tablet: 16, mobile: 16
+          br
+          br
+          = divider
+          br
+
+      = row
+        = column computer: 16, tablet: 16, mobile: 16, class: 'center aligned'
           = list 'horizontal large divided contacts'
             = item
               = content
                 = header text: 'Sales'
                 = mail_to '[email protected]', '[email protected]'
                 i.flag.us
-                | (800) 234.1234
+                | (855) 804.5325
             = item
               = content
                 = header text: 'Support'
                 = mail_to '[email protected]', '[email protected]'
                 i.flag.us
-                | (844) 979-1373
+                | (844) 979-1373

app/views/pages/platform.html.slim

@@ -7,15 +7,16 @@
       = container
         = grid
         = column computer: 12, tablet: 16, mobile: 14, class: 'centered content'
-          = h1 class: 'inverted', text: "Engine for digital storytelling"
+          = h1 class: 'inverted', text: "Introducing RobinGood"
+          = h2 class: 'inverted', text: "The Independent Media Platform"
 
 = fragment 'publishing'
   = container
     = grid
       = row
         = column size: 16
           = h1 'horizontal divider'
-            = "Better Web"
+            = "Built for Speed"
           br
 
 
@@ -24,11 +25,11 @@
         = column computer: 8, tablet: 16, mobile: 16, class: 'middle aligned'
           = h2 text: 'Instant Fast'
           = text 'lead'
-            | Optimized for both speed and performance.
+            | RobinGood was built with performance in mind.
           = text 'lead'
             | The pages scroll smoothly, and everything loads in under 1.5 seconds.
           = text 'lead'
-            | 10x - 20x faster then an average website.
+            | That's 10x - 20x faster then your average website.
         = column computer: 8, tablet: 16, mobile: 16
           iframe src="/animations/scorching-fast/scorching-fast.html" width="100%" height="350" frameBorder="0" scrolling="no"
 
@@ -57,12 +58,12 @@
       = row
         = column size: 16
           = h1 'horizontal divider'
-            = "Better Analytics"
+            = "Built-in Analytics"
           br
 
       = row
         = column computer: 8, tablet: 16, mobile: 16, class: 'middle aligned'
-          = h2 text: 'Simple Dashboard'
+          = h2 text: 'Powerful Dashboard'
           = text 'lead'
             | One glance at the dashboard and you can tell how things are going.
           = text 'lead'
@@ -78,11 +79,11 @@
 
       = row
         = column computer: 8, tablet: 16, mobile: 16, class: 'middle aligned'
-          = h2 text: 'Enterprise Ready'
+          = h2 text: 'Explore Your Data'
           = text 'lead'
-            | Use SQL to gain deeper insights into your data.
+            | Use regular SQL to gain a deeper understanding about what's happenign on your platform.
           = text 'lead'
-            | Create custom reports and dashboards to share with your team.
+            | Create custom reports, charts and dashboards to share with your team.
         = column computer: 8, tablet: 16, mobile: 16, class: 'extra padding'
           iframe src="/animations/sql-power/sql-power.html" width="100%" height="450" frameBorder="0" scrolling="no"
 
@@ -92,12 +93,12 @@
       = row
         = column size: 16
           = h2 'horizontal divider inverted'
-            = "Better Performance"
+            = "Secure by Design"
             br
       = row
         = column computer: 12, tablet: 16, mobile: 16, class: 'middle aligned centered'
           = text 'lead'
-            | Each platform is privately hosted in a scalable virtual container.
+            | Sensitive user data is encrypted and each platform is hosted in its own virtual container.
 
       = row
         = column computer: 16, tablet: 16, mobile: 16
@@ -112,9 +113,11 @@
       = column size: 16
         = segment 'inverted black basic center aligned padded'
           = h1 class: 'centered dividing'
-            = "Ready to grow?"
-          = text
+            = "Join the Media Revolution"
+          /= text
             | Get a feel for the platform with a free 14-day trial.
-          = link_to "Start a Free Trial", pricing_path, class: 'ui button purple big'
+          = link_to 'https://github.com/goodlogik/robingood', target: '_blank', class: 'ui button github big'
+            = icon 'github'
+            | GitHub
           br
           br

config/routes.rb

@@ -21,7 +21,7 @@
   get 'platform', to: 'pages#platform'
   get 'pricing', to: 'pages#pricing'
   get 'about', to: 'pages#about'
-  get 'coin', to: 'pages#coin'
+  get 'blockchain', to: 'pages#coin'
 
   resources :brands, only: %i[index show]
   resources :careers, only: %i[index show]

frontend/css/components/about.sass

@@ -12,21 +12,41 @@
       border-bottom: none
 
   .overlay
-    background: $teal
+    background: $blue
 
 .fragment.story
   padding: 6em 0
 
   h1.ui.header
-    font-size: 3.0em
+    font-size: 2.0em
 
   .lead
     font-size: 1.2em
 
+  .big.lead
+    font-size: 1.4em
+
   .image
     @include media("<tablet")
       margin-top: 3em
 
+  .people
+    .text
+      text-align: left
+      font-size: 1.1em
+      line-height: 1.5em
+
+    .biography.holder
+      cursor: pointer
+      @include media("<tablet")
+        display: none
+
+    .bio
+      display: none
+
+  .row.margined
+    margin-top: 2em
+
   .contacts
     font-size: 1.3em
     a

frontend/css/components/brands.sass

@@ -6,7 +6,7 @@
 
     @include media("<tablet")
       text-align: left
-      font-size: 3.5em
+      font-size: 3.3em
 
     &:after
       border-bottom: none

frontend/css/components/platform.sass

@@ -1,11 +1,19 @@
 .fragment.platform.hero
   h1.ui.header
-    font-size: 4.5em
+    font-size: 5.0em
     @include media("<tablet")
       font-size: 3.0em
 
     &:after
-      border-bottom: none
+      //border-bottom: none
+      border-bottom: 4px solid $white
+
+  h2 
+    text-align: center
+    font-size: 3.0em
+    @include media("<tablet")
+      text-align: left
+      font-size: 2.5em
 
   .overlay
     background: $black

frontend/js/about_cover.vue

@@ -21,7 +21,7 @@
                 scene = new (BABYLON.Scene)(engine)
 
                 # Set Stage to White
-                scene.clearColor = new BABYLON.Color3.FromHexString("#008080")
+                scene.clearColor = new BABYLON.Color3.FromHexString("#2185D0")
 
                 # Create a Rotating Camera
                 camera = new BABYLON.ArcRotateCamera("Camera", 1.8, 1.9, -6.3, new BABYLON.Vector3(0, 0, 0), scene);

frontend/packs/js.coffee

@@ -187,6 +187,18 @@ exec_javascript = ->
 
       .modal('show')
 
+  # Bios Toggle
+  $('.holder.biography').click ->
+    $('.bio').slideToggle()
+    icon = $(@).find('.icon')
+    if icon.hasClass('down')
+      icon.removeClass('down')
+      icon.addClass('up')
+    else
+      icon.removeClass('up')
+      icon.addClass('down')
+
+
 
 # Loading ExecJS 2x
 $ ->