Merge pull request #65 from cdphp/resume-page

add beian landing page

Gemfile

@@ -1,5 +1,5 @@
 # source 'https://rubygems.org'
-source 'https://gems.ruby-china.org/'
+source 'https://gems.ruby-china.com/'
 
 # Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
 gem 'rails', '>= 5.0.0.rc1', '< 5.1'

app/assets/javascripts/resume.coffee

@@ -0,0 +1,3 @@
+# Place all the behaviors and hooks related to the matching controller here.
+# All this logic will automatically be available in application.js.
+# You can use CoffeeScript in this file: http://coffeescript.org/

app/assets/stylesheets/resume.scss

@@ -0,0 +1,89 @@
+.container {
+  max-width: 960px;
+}
+
+/*
+ * Custom translucent site header
+ */
+
+.site-header {
+  background-color: rgba(0, 0, 0, 0.85);
+  -webkit-backdrop-filter: saturate(180%) blur(20px);
+  backdrop-filter: saturate(180%) blur(20px);
+  a {
+    color: #999;
+    transition: ease-in-out color .15s;
+    &:hover {
+      color: #fff;
+      text-decoration: none;
+    }
+  }
+}
+
+/*
+ * Dummy devices (replace them with your own or something else entirely!)
+ */
+
+.product-device {
+  position: absolute;
+  right: 10%;
+  bottom: -30%;
+  width: 300px;
+  height: 540px;
+  background-color: #333;
+  border-radius: 21px;
+  -webkit-transform: rotate(30deg);
+  transform: rotate(30deg);
+  &::before {
+    position: absolute;
+    top: 10%;
+    right: 10px;
+    bottom: 10%;
+    left: 10px;
+    content: "";
+    background-color: rgba(255, 255, 255, 0.1);
+    border-radius: 5px;
+  }
+}
+
+.product-device-2 {
+  top: -25%;
+  right: auto;
+  bottom: 0;
+  left: 5%;
+  background-color: #e5e5e5;
+}
+
+/*
+ * Extra utilities
+ */
+
+.border-top {
+  border-top: 1px solid #e5e5e5;
+}
+
+.border-bottom {
+  border-bottom: 1px solid #e5e5e5;
+}
+
+.box-shadow {
+  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
+}
+
+.flex-equal > * {
+  -ms-flex: 1;
+  -webkit-box-flex: 1;
+  flex: 1;
+}
+
+@media (min-width: 768px) {
+  .flex-md-equal > * {
+    -ms-flex: 1;
+    -webkit-box-flex: 1;
+    flex: 1;
+  }
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}

app/controllers/resume_controller.rb

@@ -0,0 +1,2 @@
+class ResumeController < ApplicationController
+end

app/helpers/resume_helper.rb

@@ -0,0 +1,2 @@
+module ResumeHelper
+end

app/views/layouts/resume.html.slim

@@ -0,0 +1,21 @@
+doctype html
+html
+  head
+    meta charset="utf-8"
+    meta http-equiv="X-UA-Compatible" content="IE=edge"
+    meta name="viewport" content="width=device-width, initial-scale=1"
+    meta name="keywords" content="template language"
+    meta name="author" content="Poker"
+    title 喵呜生活  miaowu.org
+    = stylesheet_link_tag 'application',
+                          'bootstrap.min',
+                          'now-ui-kit',
+                          'font-awesome',
+                          'resume'
+
+    = csrf_meta_tags
+    = action_cable_meta_tag
+
+  body
+    = yield
+= javascript_include_tag 'application', :"data-turbolinks-track" => true

app/views/resume/index.html.slim

@@ -0,0 +1,131 @@
+    nav.site-header.sticky-top.py-1
+      .container.d-flex.flex-column.flex-md-row.justify-content-between
+        a.py-2 href="#"
+          svg.d-block.mx-auto fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox=("0 0 24 24") width="24" xmlns="http://www.w3.org/2000/svg"
+            circle cx="12" cy="12" r="10"
+            line x1="14.31" x2="20.05" y1="8" y2="17.94"
+            line x1="9.69" x2="21.17" y1="8" y2="8"
+            line x1="7.38" x2="13.12" y1="12" y2="2.06"
+            line x1="9.69" x2="3.95" y1="16" y2="6.06"
+            line x1="14.31" x2="2.83" y1="16" y2="16"
+            line x1="16.62" x2="10.88" y1="12" y2="21.94"
+        a.py-2.d-none.d-md-inline-block href="/usersessions/new"  Porker
+        a.py-2.d-none.d-md-inline-block href="#"  Chat Room
+        a.py-2.d-none.d-md-inline-block href="#"  Features
+        a.py-2.d-none.d-md-inline-block href="#"  Enterprise
+        a.py-2.d-none.d-md-inline-block href="#"  Support
+        a.py-2.d-none.d-md-inline-block href="#"  Pricing
+        a.py-2.d-none.d-md-inline-block href="/usersessions/new"  Porker
+    .position-relative.overflow-hidden.p-3.p-md-5.m-md-3.text-center.bg-light
+      .col-md-5.p-lg-5.mx-auto.my-5
+        h1.display-4.font-weight-normal 喵呜生活 Comming Soon!
+        p.lead.font-weight-normal And an even wittier subheading to boot. Jumpstart your marketing efforts with this example based on Apple's marketing pages.
+        a.btn.btn-outline-secondary href="#"  Coming soon
+      .product-device.box-shadow.d-none.d-md-block
+      .product-device.product-device-2.box-shadow.d-none.d-md-block
+    .d-md-flex.flex-md-equal.w-100.my-md-3.pl-md-3
+      .bg-dark.mr-md-3.pt-3.px-3.pt-md-5.px-md-5.text-center.text-white.overflow-hidden
+        .my-3.py-3
+          h2.display-5 Another headline
+          p.lead And an even wittier subheading.
+        .bg-light.box-shadow.mx-auto style=("width: 80%; height: 300px; border-radius: 21px 21px 0 0;")
+      .bg-light.mr-md-3.pt-3.px-3.pt-md-5.px-md-5.text-center.overflow-hidden
+        .my-3.p-3
+          h2.display-5 Another headline
+          p.lead And an even wittier subheading.
+        .bg-dark.box-shadow.mx-auto style=("width: 80%; height: 300px; border-radius: 21px 21px 0 0;")
+    .d-md-flex.flex-md-equal.w-100.my-md-3.pl-md-3
+      .bg-light.mr-md-3.pt-3.px-3.pt-md-5.px-md-5.text-center.overflow-hidden
+        .my-3.p-3
+          h2.display-5 Another headline
+          p.lead And an even wittier subheading.
+        .bg-dark.box-shadow.mx-auto style=("width: 80%; height: 300px; border-radius: 21px 21px 0 0;")
+      .bg-primary.mr-md-3.pt-3.px-3.pt-md-5.px-md-5.text-center.text-white.overflow-hidden
+        .my-3.py-3
+          h2.display-5 Another headline
+          p.lead And an even wittier subheading.
+        .bg-light.box-shadow.mx-auto style=("width: 80%; height: 300px; border-radius: 21px 21px 0 0;")
+    .d-md-flex.flex-md-equal.w-100.my-md-3.pl-md-3
+      .bg-light.mr-md-3.pt-3.px-3.pt-md-5.px-md-5.text-center.overflow-hidden
+        .my-3.p-3
+          h2.display-5 Another headline
+          p.lead And an even wittier subheading.
+        .bg-white.box-shadow.mx-auto style=("width: 80%; height: 300px; border-radius: 21px 21px 0 0;")
+      .bg-light.mr-md-3.pt-3.px-3.pt-md-5.px-md-5.text-center.overflow-hidden
+        .my-3.py-3
+          h2.display-5 Another headline
+          p.lead And an even wittier subheading.
+        .bg-white.box-shadow.mx-auto style=("width: 80%; height: 300px; border-radius: 21px 21px 0 0;")
+    .d-md-flex.flex-md-equal.w-100.my-md-3.pl-md-3
+      .bg-light.mr-md-3.pt-3.px-3.pt-md-5.px-md-5.text-center.overflow-hidden
+        .my-3.p-3
+          h2.display-5 Another headline
+          p.lead And an even wittier subheading.
+        .bg-white.box-shadow.mx-auto style=("width: 80%; height: 300px; border-radius: 21px 21px 0 0;")
+      .bg-light.mr-md-3.pt-3.px-3.pt-md-5.px-md-5.text-center.overflow-hidden
+        .my-3.py-3
+          h2.display-5 Another headline
+          p.lead And an even wittier subheading.
+        .bg-white.box-shadow.mx-auto style=("width: 80%; height: 300px; border-radius: 21px 21px 0 0;")
+    footer.container.py-5
+      .row
+        .col-12.col-md
+          svg.d-block.mb-2 fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox=("0 0 24 24") width="24" xmlns="http://www.w3.org/2000/svg"
+            circle cx="12" cy="12" r="10"
+            line x1="14.31" x2="20.05" y1="8" y2="17.94"
+            line x1="9.69" x2="21.17" y1="8" y2="8"
+            line x1="7.38" x2="13.12" y1="12" y2="2.06"
+            line x1="9.69" x2="3.95" y1="16" y2="6.06"
+            line x1="14.31" x2="2.83" y1="16" y2="16"
+            line x1="16.62" x2="10.88" y1="12" y2="21.94"
+          small.d-block.mb-3.text-muted © 2019
+          small.d-block.mb-3.text-muted
+            a.text-muted href='http://www.miibeian.gov.cn/' target='_blank' 蜀ICP备12008954号-3
+        .col-6.col-md
+          h5 Features
+          ul.list-unstyled.text-small
+            li
+              a.text-muted href="#"  Cool stuff
+            li
+              a.text-muted href="#"  Random feature
+            li
+              a.text-muted href="#"  Team feature
+            li
+              a.text-muted href="#"  Stuff for developers
+            li
+              a.text-muted href="#"  Another one
+            li
+              a.text-muted href="#"  Last time
+        .col-6.col-md
+          h5 Resources
+          ul.list-unstyled.text-small
+            li
+              a.text-muted href="#"  Resource
+            li
+              a.text-muted href="#"  Resource name
+            li
+              a.text-muted href="#"  Another resource
+            li
+              a.text-muted href="#"  Final resource
+        .col-6.col-md
+          h5 Resources
+          ul.list-unstyled.text-small
+            li
+              a.text-muted href="#"  Business
+            li
+              a.text-muted href="#"  Education
+            li
+              a.text-muted href="#"  Government
+            li
+              a.text-muted href="#"  Gaming
+        .col-6.col-md
+          h5 About
+          ul.list-unstyled.text-small
+            li
+              a.text-muted href="#"  Team
+            li
+              a.text-muted href="#"  Locations
+            li
+              a.text-muted href="#"  Privacy
+            li
+              a.text-muted href="#"  Terms

config/routes.rb

@@ -2,8 +2,9 @@
 
   mount ActionCable.server => '/cable'
 
-  root "chats#new"
+  # root "chats#new"
   # root "usersessions#new"
+  root "resume#index"
 
   resources :chats