Update about page layout

app/javascript/styles/components/_entry.scss

@@ -1,48 +1,22 @@
 .entry {
   $this: &;
+  margin: map-get($spacers, 4) 0;
 
   &__value {
+    display: block;
+    text-align: center;
+    font-size: 4rem;
+    line-height: 1;
     margin-bottom: 0;
   }
 
   &__description {
+    display: block;
     color: var(--primary);
+    text-align: center;
     text-transform: uppercase;
     font-weight: bold;
     font-size: .8rem;
     margin-top: 0px;
   }
-
-  &--statistics {
-    #{$this}__value,
-    #{$this}__description {
-      display: block;
-      text-align: center;
-    }
-
-    #{$this}__value {
-      margin-top: map-get($spacers, 3);
-    }
-
-    #{$this}__description {
-      margin-bottom: map-get($spacers, 3);
-    }
-  }
-
-  &--users {
-    #{$this}__value,
-    #{$this}__description {
-      display: block;
-      text-align: center;
-    }
-
-    #{$this}__value {
-      font-size: 4rem;
-      margin-top: map-get($spacers, 3);
-    }
-
-    #{$this}__description {
-      margin-bottom: map-get($spacers, 3);
-    }
-  }
 }

app/javascript/styles/overrides/_card.scss

@@ -6,6 +6,10 @@
   p:last-child {
     margin-bottom: 0;
   }
+
+  &--fullheight {
+    height: calc(100% - map-get($spacers, 3));
+  }
 }
 
 .card-header,

app/views/static/about.haml

@@ -1,61 +1,31 @@
-- provide(:title, generate_title('About'))
 .jumbotron
   .jumbotron__content
-    %h1= APP_CONFIG['site_name']
-    %p= t 'views.about.subtitle'
+    %h1= APP_CONFIG["site_name"]
+    %p= t(".subtitle")
 .container
-  .card
-    .card-body
   .row
-        .col-md-4
-          %h3= t 'views.about.links.title'
-          %p= t('views.about.links.desc', app_title: APP_CONFIG['site_name'])
-        .col-md-4.col-sm-6
-          %a{ href: 'https://twitter.com/retrospring' }
-            .icon--showcase
-              %i.fa.fa-twitter
-          %h4.heading-about.text-center
-            Twitter
-  .card
+    .col-sm-8
+      .card.card--fullheight
         .card-body
-      .row
-        .col-md-4
-          %h3= t 'views.about.opensource.title'
-          %p= t('views.about.opensource.warning', app_title: APP_CONFIG['site_name'])
-          %p= raw t('views.about.opensource.desc',
-            app_title: APP_CONFIG['site_name'],
-            github: link_to(t('views.about.opensource.github'), 'https://github.com/Retrospring/retrospring'),
-            bugtracker: link_to(t('views.about.opensource.bugtracker'), 'https://github.com/Retrospring/retrospring/issues'))
-        .col-md-4
-          %a{ href: 'https://github.com/Retrospring/retrospring' }
-            .icon--showcase
-              %i.fa.fa-github
-          %h4.heading-about.text-center= t 'views.about.repository.title'
-          %p.text-center
-            %em= t 'views.about.repository.desc'
-  .card
+          - if APP_CONFIG["about"].present?
+            = raw_markdown APP_CONFIG["about"]
+          - else
+            = t(".about_missing")
+    .col-sm-4
+      .card.card--fullheight
         .card-body
-      .row
-        .col-md-3.col-sm-12.col-xs-12
-          %h3= t 'views.about.statistics.title'
-          %p= t('views.about.statistics.desc', app_title: APP_CONFIG['site_name'])
-        .col-md-3.col-sm-6.col-xs-6
-          .entry.entry--statistics
-            %h2.entry__value#asked-count= @questions
-            %h4.entry__description= t('views.general.question').pluralize(@questions)
-          .entry.entry--statistics
-            %h2.entry__value#answered-count= @answers
-            %h4.entry__description= t('views.general.answer').pluralize(@answers)
-        .col-md-3.col-sm-6.col-xs-6
-          .entry.entry--statistics
-            %h2.entry__value#comment-count= @comments
-            %h4.entry__description= t('views.general.comment').pluralize(@comments)
-          .entry.entry--statistics
-            %h2.entry__value#smile-count= @smiles
-            %h4.entry__description= t('views.general.smile').pluralize(@smiles)
-        .col-md-3.col-sm-12.col-xs-12
-          .entry.entry--users
-            .entry__value#follower-count= @users
-            %h4.entry__description= t('views.general.user').pluralize(@users)
+          %h2= t(".statistics.header")
+          %p= t(".statistics.body", app_name: APP_CONFIG["site_name"])
+          .entry
+            .entry__value= @questions
+            %h4.entry__description= Question.model_name.human(count: @questions)
+          .entry
+            .entry__value= @answers
+            %h4.entry__description= Answer.model_name.human(count: @answers)
+          .entry
+            .entry__value= @users
+            %h4.entry__description= User.model_name.human(count: @users)
 
-= render 'shared/links'
+= render "shared/links"
+
+- provide(:title, generate_title(t(".title")))