digital_heroes_startkit 0.1.1

data/lib/generators/project/app/assets/stylesheets/base/_pills.scss

@@ -0,0 +1,39 @@
+.red-pill, .blue-pill {
+  position: fixed;
+  right: 16px;
+  bottom: 16px;
+  max-width: 280px;
+  text-align: center;
+  padding: 12px 16px;
+  border-radius: 3px 3px 0 3px;
+  color: #fff;
+  display: none;
+  &:after {
+    position: absolute;
+    content: '';
+    right: -12px;
+    bottom: 0;
+    width: 12px;
+    height: 12px;
+    box-sizing: border-box;
+    border-right: 6px solid rgba(0,0,0,0);
+    border-top: 6px solid rgba(0,0,0,0);
+    border-left: 6px solid #2756db;
+    border-bottom: 6px solid #2756db;
+  }
+  &.active {
+    display: block;
+  }
+}
+.blue-pill {
+  background-color: #2756db;
+  color: #fff;
+}
+.red-pill {
+  background-color: #db3727;
+  color: #fff;
+  &:after {
+    border-left: 6px solid #db3727;
+    border-bottom: 6px solid #db3727;
+  }
+}

data/lib/generators/project/app/assets/stylesheets/base/_profile.scss

@@ -0,0 +1,67 @@
+.form--profile {
+  .profile__avatar {
+    width: 33.3333%;
+  }
+  .profile__data {
+    width: 66.6666%
+  }
+  .form__input {
+
+  }
+  .form--profile_name {
+
+  }
+  .form--profile_nickname {
+
+  }
+  .form--profile_email {
+
+  }
+  .form--profile_phone {
+
+  }
+  .form--profile_country {
+    width: 50%;
+  }
+  .form--profile_city {
+    width: 50%;
+  }
+  .form--profile_password {
+
+  }
+}
+
+.signin-inputs {
+  float: left;
+  margin-top: 1.5em;
+  margin-right: -1.5em;
+  padding: 1em 1.5em 1.25em 0;
+  background-color: #d6e0e0;
+}
+.signin-inputs__notice {
+  margin-top: .5em;
+  padding: 0 1em;
+  color: #718484;
+}
+
+@media (max-width: 960px) {
+  .form--profile {
+    .form--profile_country {
+      width: 100%;
+    }
+    .form--profile_city {
+      width: 100%;
+    }
+  }
+}
+
+@media (max-width: 768px) {
+  .form--profile {
+    .profile__avatar {
+      width: 100%;
+    }
+    .profile__data {
+      width: 100%
+    }
+  }
+}

data/lib/generators/project/app/assets/stylesheets/base/_reset.scss

@@ -0,0 +1,49 @@
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+  box-sizing: border-box;
+}
+
+article, aside, details, figcaption, figure,
+footer, header, menu, nav, section {
+  display: block;
+}
+body {
+  line-height: 1;
+}
+ol, ul {
+  list-style: none;
+}
+blockquote, q {
+  quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: '';
+  content: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+a, textarea, input, button, select {
+  &:active, &:focus {
+    outline: none;
+  }
+}

data/lib/generators/project/app/assets/stylesheets/base/_social.scss

@@ -0,0 +1,52 @@
+.enter-social {
+  margin-top: 1em;
+  text-align: center;
+}
+
+.enter-social__inner {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+
+.btn-social {
+  margin-top: 16px;
+  width: 32px;
+  height: 32px;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 100%;
+  border-radius: 50%;
+  opacity: .75;
+  transition: margin-top .125s ease-out;
+  transition: box-shadow .125s ease-out;
+  transition: opacity .125s ease-out;
+  &:hover {
+    margin-top: 15px;
+    @include shadow-lg;
+    opacity: 1;
+    cursor: pointer;
+  }
+}
+
+.btn-social--vk {
+  background-image: asset-data-url('svg/social/vk.svg');
+}
+.btn-social--fb {
+  background-image: asset-data-url('svg/social/fb.svg');
+}
+.btn-social--gg {
+  background-image: asset-data-url('svg/social/gg.svg');
+}
+.btn-social--yx {
+  background-image: asset-data-url('svg/social/yx.svg');
+}
+.btn-social--mr {
+  background-image: asset-data-url('svg/social/mr.svg');
+}
+.btn-social--st {
+  background-image: asset-data-url('svg/social/st.svg');
+}
+.btn-social--im {
+  background-image: asset-data-url('svg/social/im.svg');
+}

data/lib/generators/project/app/assets/stylesheets/base/_user_avatar.scss

@@ -0,0 +1,18 @@
+.user-avatar {
+  display: inline-block;
+  width: 60%;
+  margin-top: 2em;
+  position: relative;
+  .avatar-input {
+    display: none;
+  }
+  .add-avatar {
+    cursor: pointer;
+  }
+  img {
+    width: 100%;
+    &.img-present {
+      border-radius: 50%;
+    }
+  }
+}

data/lib/generators/project/app/assets/stylesheets/base/styles.scss.txt

@@ -0,0 +1,35 @@
+@charset "UTF-8";
+
+@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700&subset=cyrillic');
+@import url('https://fonts.googleapis.com/css?family=Play:400,700&subset=cyrillic-ext');
+// font-family: 'Noto Sans', sans-serif;
+// font-family: 'Yanone Kaffeesatz', sans-serif;
+
+// variables styles
+@import 'mixins',
+        'grid',
+        'body';
+
+// base styles
+@import 'base/reset',
+        'base/form',
+        'base/user',
+        'base/buttons',
+        'base/checkbox',
+        'base/notice',
+        'base/auth';
+
+// project styles
+@import 'buttons',
+        'blocks',
+        'showcases',
+        'plugins/sumoselect',
+        'header',
+        'main',
+        'part',
+        'page',
+        'search',
+        'filters',
+        'catalog',
+        'listing',
+        'footer';

data/lib/generators/project/app/assets/stylesheets/plugins/sumoselect.scss

@@ -0,0 +1,296 @@
+.SumoSelect p {
+  margin: 0;
+}
+.SumoSelect {
+  width: 100%;
+}
+
+.SelectBox {
+  padding: 11px 1em;
+}
+
+.sumoStopScroll {
+  overflow:hidden;
+}
+
+/* Filtering style */
+.SumoSelect .hidden {
+  display:none;
+}
+.SumoSelect .search-txt {
+  display:none;
+  outline:none;
+  background-color: #f4f4f4;
+}
+.SumoSelect .no-match {
+  display:none;
+  padding: 6px;
+}
+.SumoSelect.open .search-txt {
+  display: inline-block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  padding: .75em;
+  border: none;
+  box-sizing: border-box;
+  min-height: 14px;
+  background-color: #f4f4f4;
+  border-radius: 0;
+  margin: 0;
+  font-size: 1em;
+  line-height: 44px;
+}
+.SumoSelect.open>.search>span,
+.SumoSelect.open>.search>label {
+  visibility:hidden;
+}
+
+/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
+.SelectClass,
+.SumoUnder {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 100%;
+  width: 100%;
+  border-radius: 6px;
+  background-color: #f4f4f4;
+  border: none;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  filter: alpha(opacity=0);
+  -moz-opacity: 0;
+  -khtml-opacity: 0;
+  opacity: 0;
+}
+.SelectClass{
+  z-index: 1;
+}
+
+.SumoSelect > .optWrapper > .options  li.opt label,
+.SumoSelect > .CaptionCont,
+.SumoSelect .select-all > label {
+  user-select: none;
+  -o-user-select: none;
+  -moz-user-select: none;
+  -khtml-user-select: none;
+  -webkit-user-select: none;
+}
+
+.SumoSelect {
+  display: inline-block;
+  position: relative;
+  outline:none;
+}
+.SumoSelect:focus > .CaptionCont,
+.SumoSelect:hover > .CaptionCont,
+.SumoSelect.open > .CaptionCont {
+  box-shadow: none;
+  border-color: #ccc;
+}
+.SumoSelect:hover > .CaptionCont {
+  cursor: pointer;
+}
+.SumoSelect {
+  .CaptionCont {
+    position: relative;
+    //border: 1px solid #cbcbcb;
+    min-height: 14px;
+    background-color: transparent;
+    //border-radius: 4px;
+    margin: 0;
+    transition: border 100ms;
+    transition-delay: 100ms;
+    &:hover, &:focus {
+      border-color: #999;
+    }
+  }
+}
+
+.SumoSelect > .CaptionCont > span {
+  display: block;
+  padding-right: 20px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+/*placeholder style*/
+.SumoSelect > .CaptionCont > span.placeholder {
+  color: #555;
+  font-style: normal;
+}
+
+.SumoSelect > .CaptionCont > label {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 40px;
+}
+.SumoSelect > .CaptionCont > label > i {
+  width: 16px;
+  height: 16px;
+  display: block;
+  position: absolute;
+  top: 2px;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: auto;
+  background-image: image-url('svg/arrow-b.svg');
+  background-size: 12px;
+  background-position: center;
+  background-repeat: no-repeat;
+  transform: rotate(90deg);
+}
+
+.SumoSelect > .optWrapper {
+  display: none;
+  z-index: 1000;
+  top: 30px;
+  width: 100%;
+  position: absolute;
+  left: 0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  background: #fff;
+  border: none;
+  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
+  border-radius: 0;
+  overflow: hidden;
+}
+.SumoSelect.open > .optWrapper {
+  top:44px;
+  display:block;
+}
+.SumoSelect.open > .optWrapper.up {
+  top: auto;
+  bottom: 100%;
+  margin-bottom: 5px;
+}
+
+.SumoSelect > .optWrapper ul {
+  list-style: none;
+  display: block;
+  padding: 0;
+  margin: 0;
+  overflow: auto;
+}
+.SumoSelect > .optWrapper > .options {
+  border-radius: 2px;
+  position:relative;
+  /*Set the height of pop up here (only for desktop mode)*/
+  max-height: 250px;
+  /*height*/
+}
+.SumoSelect > .optWrapper.okCancelInMulti > .options { border-radius: 2px 2px 0 0;}
+.SumoSelect > .optWrapper.selall > .options { border-radius: 0 0 2px 2px;}
+.SumoSelect > .optWrapper.selall.okCancelInMulti > .options { border-radius: 0;}
+.SumoSelect > .optWrapper > .options li.group.disabled > label{opacity:0.5;}
+.SumoSelect > .optWrapper > .options li ul li.opt{padding-left: 22px;}
+.SumoSelect > .optWrapper.multiple > .options li ul li.opt{padding-left: 50px;}
+.SumoSelect > .optWrapper.isFloating > .options {max-height: 100%;box-shadow: 0 0 100px #595959;}
+.SumoSelect > .optWrapper > .options  li.opt {
+  padding: 5px 15px;
+  position: relative;
+  border-bottom: none;
+}
+.SumoSelect > .optWrapper > .options > li.opt:first-child { border-radius: 2px 2px 0 0; }
+.SumoSelect > .optWrapper.selall > .options > li.opt:first-child { border-radius:0; }
+.SumoSelect > .optWrapper > .options > li.opt:last-child {
+  border-radius: 0 0 2px 2px;
+  border-bottom: none;
+  margin-bottom: 0;
+  padding-bottom: .75em;
+}
+.SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child {border-radius: 0;}
+.SumoSelect > .optWrapper > .options li.opt:hover { background-color: #E4E4E4; }
+.SumoSelect > .optWrapper > .options li.opt.sel, .SumoSelect .select-all.sel{background-color: #a1c0e4;}
+
+.SumoSelect > .optWrapper > .options li label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block;cursor: pointer;}
+.SumoSelect > .optWrapper > .options li span { display: none; }
+.SumoSelect > .optWrapper > .options li.group > label {cursor: default;padding: 8px 6px;font-weight: bold;}
+
+/*Floating styles*/
+.SumoSelect > .optWrapper.isFloating { position: fixed; top: 0; left: 0; right: 0; width: 90%; bottom: 0; margin: auto; max-height: 90%; }
+
+/*disabled state*/
+.SumoSelect > .optWrapper > .options li.opt.disabled { background-color: inherit;pointer-events: none;}
+.SumoSelect > .optWrapper > .options li.opt.disabled * { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; }
+
+
+/*styling for multiple select*/
+.SumoSelect > .optWrapper.multiple > .options li.opt {
+  padding-left: 35px;
+  cursor: pointer;
+}
+.SumoSelect > .optWrapper.multiple > .options li.opt span,
+.SumoSelect .select-all > span{position:absolute;display:block;width:30px;top:0;bottom:0;margin-left:-35px;}
+.SumoSelect > .optWrapper.multiple > .options li.opt span i,
+.SumoSelect .select-all > span i{
+  position: absolute;
+  margin: auto;
+  left: 0;
+  right: 0;
+  top: 2px;
+  bottom: 0;
+  width: 16px;
+  height: 16px;
+  border: 2px solid #ddd;
+  border-radius: 3px;
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0);
+  background-color: transparent;
+}
+.SumoSelect > .optWrapper.multiple > .options li.opt {
+  &:hover {
+    span i {
+      border-color: #fc4349;
+    }
+  }
+}
+.SumoSelect > .optWrapper > .MultiControls { display: none; border-top: 1px solid #ddd; background-color: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.13); border-radius: 0 0 3px 3px; }
+.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls { display: block; margin-top: 5px; position: absolute; bottom: 0; width: 100%; }
+
+.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls { display: block; }
+.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p { padding: 6px; }
+.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus {box-shadow: 0 0 2px #a1c0e4;border-color: #a1c0e4;outline: none;background-color: #a1c0e4;}
+
+.SumoSelect > .optWrapper.multiple > .MultiControls > p { display: inline-block; cursor: pointer; padding: 12px; width: 50%; box-sizing: border-box; text-align: center; }
+.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover { background-color: #f1f1f1; }
+.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk { border-right: 1px solid #DBDBDB; border-radius: 0 0 0 3px; }
+.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel { border-radius: 0 0 3px 0; }
+/*styling for select on popup mode*/
+.SumoSelect > .optWrapper.isFloating > .options li.opt { padding: 12px 6px; }
+
+/*styling for only multiple select on popup mode*/
+.SumoSelect > .optWrapper.multiple.isFloating > .options li.opt { padding-left: 35px; }
+.SumoSelect > .optWrapper.multiple.isFloating { padding-bottom: 43px; }
+
+.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i,
+.SumoSelect .select-all.selected > span i,
+.SumoSelect .select-all.partial > span i{
+  background-color: #fc4349;
+  box-shadow: none;
+  border-color: transparent;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+/*disabled state*/
+.SumoSelect.disabled { opacity: 0.25;cursor: not-allowed !important;}
+.SumoSelect.disabled > .CaptionCont{border-color:#ccc;box-shadow:none;}
+
+/**Select all button**/
+.SumoSelect .select-all{border-radius: 3px 3px 0 0;position: relative;border-bottom: 1px solid #ddd;background-color: #fff;padding: 8px 0 3px 35px;height: 20px;cursor: pointer;}
+.SumoSelect .select-all > label, .SumoSelect .select-all > span i{cursor: pointer;}
+.SumoSelect .select-all.partial > span i{background-color:#ccc;}
+
+
+/*styling for optgroups*/
+.SumoSelect > .optWrapper > .options li.optGroup { padding-left: 5px; text-decoration: underline; }

data/lib/generators/project/app/controllers/application_controller.rb

@@ -0,0 +1,3 @@
+class ApplicationController < StartKitController
+
+end

data/lib/generators/project/app/views/layouts/_counts.html.erb

@@ -0,0 +1,29 @@
+<!-- Yandex.Metrika counter -->
+<script type="text/javascript" >
+    (function (d, w, c) {
+        (w[c] = w[c] || []).push(function() {
+            try {
+                w.yaCounter418103 = new Ya.Metrika({
+                    id:418103,
+                    clickmap:true,
+                    trackLinks:true,
+                    accurateTrackBounce:true,
+                    webvisor:true
+                });
+            } catch(e) { }
+        });
+
+        var n = d.getElementsByTagName("script")[0],
+            s = d.createElement("script"),
+            f = function () { n.parentNode.insertBefore(s, n); };
+        s.type = "text/javascript";
+        s.async = true;
+        s.src = "https://mc.yandex.ru/metrika/watch.js";
+
+        if (w.opera == "[object Opera]") {
+            d.addEventListener("DOMContentLoaded", f, false);
+        } else { f(); }
+    })(document, window, "yandex_metrika_callbacks");
+</script>
+<noscript><div><img src="https://mc.yandex.ru/watch/418103" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
+<!-- /Yandex.Metrika counter -->

data/lib/generators/project/app/views/layouts/_footer.slim

@@ -0,0 +1,6 @@
+footer
+  .footer__inner.container__inner
+    .fl
+    | racewing.ru © 2018
+    .fr
+      a href="http://digitalheroes.club" title="Разработка и развитие проекта" target="_blank" Сделано в DHC

data/lib/generators/project/app/views/layouts/_head.slim

@@ -0,0 +1,7 @@
+= display_meta_tags
+link rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.icon"
+meta name="viewport" content="width=device-width, initial-scale=1.0"
+= stylesheet_link_tag "application", 'data-turbolinks-track': 'reload'
+= javascript_include_tag "application", 'data-turbolinks-track': 'reload'
+= yield :head
+= csrf_meta_tags

data/lib/generators/project/app/views/layouts/_header.slim

@@ -0,0 +1,47 @@
+header class="#{'header--main' if controller.controller_name == 'main'}"
+  .header-area.container__inner
+    .header-inner
+      a.logo href="/"
+        | race
+        span
+          | wing
+      - if @current_user
+        a.btn.btn--success.btn--sm.fr href="/parts/new" Добавить объявление
+        = link_to 'Выйти', logout_path, class: 'btn btn--sm fr', data: {turbolinks: 'false'}
+        = link_to 'Профиль', profile_path, class: 'btn btn--sm fr', data: {turbolinks: 'false'}
+      - else
+        a.btn.btn--success.btn--sm.fr href="/registration" Добавить объявление
+        a.btn.btn--sm.fr href="/authorization" Вход
+      / = link_to root_path, class: 'logo'
+      /   = image_tag 'autosim-logo-old.png', alt: 'autosim.ru'
+      / .h-menu.xs-disable
+      /   = link_to 'Новости', root_path, class: 'btn btn-transparent', data: {turbolinks: 'false'}
+      /   = link_to 'Форум', forum_path, class: 'btn btn-transparent'
+      /   = link_to 'Календарь', root_path, class: 'btn btn-transparent', data: {turbolinks: 'false'}
+      /   = link_to 'Чемпионаты', root_path, class: 'btn btn-transparent', data: {turbolinks: 'false'}
+      / .right.h-user-info
+      /   .right.mobile-menu-button
+      /     .btn-mobile-menu.left
+      /       span.mobile-icon
+      /   = render 'layouts/mobile_menu'
+      /   - unless @current_user
+      /     = link_to 'Регистрация', registration_path, class: 'btn btn-transparent', data: {turbolinks: 'false'}
+      /     = link_to 'Вход', signin_path, class: 'btn btn-transparent', data: {turbolinks: 'false'}
+      /   - else
+      /     .h-user-info__data.right
+      /       = link_to @current_user_card, class: 'nickname left', data: {turbolinks: 'false'} do
+      /         - if @current_user_card.my_nickname.present?
+      /           = @current_user_card.my_nickname
+      /         - else
+      /           | Пользователь ##{@current_user_card.id}
+      /       br
+      /       i.user-coins.left
+      /         = image_tag 'svg/coins.svg'
+      /         span id="my-coins" #{coins_left}
+      /     .h-user-info__ava.right
+      /       - if @current_user_card.avatar.nil?
+      /         = image_tag 'svg/user.svg', alt: 'Изображение пользователя', class: 'right margin-r-xs'
+      /       - else
+      /         = image_tag @current_user_card.avatar.uploaded_file.url(:default), alt: 'Изображение пользователя', class: 'right margin-r-xs'
+
+    = yield :header

data/lib/generators/project/app/views/layouts/_mobile_menu.slim

@@ -0,0 +1,11 @@
+#mobile-menu.mobile-menu
+  - if @current_user
+    = link_to 'Моя лента', root_path, class: 'left full-width feed', data: {turbolinks: 'false'}
+    = link_to 'Сообщения', root_path, class: 'left full-width chat', data: {turbolinks: 'false'}
+    = link_to 'Профиль', @current_user_card, class: 'left full-width profile', data: {turbolinks: 'false'}
+    = link_to 'Добавить пост', new_post_path, class: 'left full-width new-post', data: {turbolinks: 'false'}
+    - if check_access_level :admin
+      = link_to 'Админ панель', admin_index_path, class: 'left full-width admin', data: {turbolinks: 'false'}
+    = link_to 'Выйти', logout_path, class: 'left full-width exit', data: {turbolinks: 'false'}
+  - else
+    = link_to 'О проекте', root_path, class: 'left full-width about', data: {turbolinks: 'false'}