Skip to content
Browse files

Add /static page with styles

  • Loading branch information...
1 parent 2eda754 commit 4c64704a4a877abd3ae9f045d4ca3524e4dccdff @Vanuan committed Jul 11, 2014
View
BIN app/assets/images/coat_of_arms.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
3 app/assets/stylesheets/_zurb_settings.css.scss
@@ -0,0 +1,3 @@
+$ukraine-blue: #0057b8;
+$ukraine-yellow: #ffd700;
+$primary-color: lighten($ukraine-blue, 5%) !default;
View
15 app/assets/stylesheets/application.css → app/assets/stylesheets/application.css.scss
@@ -10,6 +10,17 @@
* defined in the other CSS/SCSS files in this directory. It is generally better to create a new
* file per style scope.
*
- *= require_tree .
- *= require_self
*/
+@import "compass/css3";
+
+@import "_zurb_settings";
+@import "foundation";
+@import "foundation-icons";
+
+@import "utils/_vars";
+@import "partials/_base";
+@import "partials/_breadcrumbs";
+@import "partials/_images";
+@import "screens/header";
+@import "screens/people";
+@import "screens/footer";
View
47 app/assets/stylesheets/partials/_base.css.scss
@@ -0,0 +1,47 @@
+html, body {
+ height: 100%;
+}
+ul, ol, dl {
+ list-style-type: none;
+}
+#wrap {
+ height: auto !important;
+ min-height: 100%;
+ margin-bottom: -$pushHeight;
+}
+#push {
+ height: $pushHeight;
+}
+#page-title {
+ background-color: $primary-color;
+ padding: 10px 0;
+ position: relative;
+ h1, h2, h3, h4 {
+ color: $white;
+ font-family: 'Open Sans', sans-serif;
+ font-weight: 500;
+ @include single-text-shadow(darken($primary-color, 5%), 1px, 2px, 0);
+ }
+ h1 {
+ margin: 0;
+ }
+ h4 {
+ font-weight: 300;
+ }
+ #page-icons {
+ font-size: 500%;
+ color: darken($primary-color, 5%);
+ position: absolute;
+ top: 15px;
+ right: 50px;
+ }
+}
+#main-region {
+ section {
+ margin: 20px 0;
+ }
+}
+[data-wrapper].opacity {
+ @include opacity(0.4);
+}
+
View
10 app/assets/stylesheets/partials/_breadcrumbs.css.scss
@@ -0,0 +1,10 @@
+.breadcrumbs {
+ @include border-radius(0);
+ border-top-width: 0;
+ ul {
+ margin-bottom: 0;
+ li:last-child {
+ padding-right: 0;
+ }
+ }
+}
View
4 app/assets/stylesheets/partials/_images.css.scss
@@ -0,0 +1,4 @@
+a.th {
+ max-width: 100%;
+ max-height: 100%;
+}
View
7 app/assets/stylesheets/screens/footer.css.scss
@@ -0,0 +1,7 @@
+#footer-region {
+ height: $pushHeight;
+ background-color: $gray;
+ text-align: center;
+ padding-top: 17px;
+ border-top: 1px solid $secondary-color;
+}
View
10 app/assets/stylesheets/screens/header.css.scss
@@ -0,0 +1,10 @@
+#header-region {
+ #logo {
+ width: 15px;
+ display: inline-block;
+ position: relative;
+ top: 5px;
+ }
+ a {
+ }
+}
View
54 app/assets/stylesheets/screens/people.css.scss
@@ -0,0 +1,54 @@
+#people-list {
+ .person {
+ border-bottom: 1px dashed #ddd;
+ border-left: 3px solid $white;
+ padding: 15px 0;
+ overflow: auto;
+ cursor: pointer;
+ position: relative;
+ &:hover {
+ border-left: 3px solid $primary-color; background-color: lighten($primary-color, 45%);
+ .person-delete {
+ display: block;
+ }
+ }
+ &:first-child {
+ border-top: 1px dashed #ddd;
+ }
+ .stats-container {
+ font-size: 14px;
+ margin-top: 15px;
+ }
+ .attribute-label {
+ color: #999;
+ font-variant: small-caps;
+ text-align: right;
+ font-weight: bold;
+ }
+ blockquote ul {
+ padding: 10px 0;
+ }
+ .stats {
+ .stat-type {
+ color: #555;
+ font-size: 17px;
+ text-transform: uppercase;
+ }
+ }
+ .person-delete {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ display: none;
+ font-weight: normal;
+ font-size: 14px;
+
+ button, i {
+ color: #c00000;
+ }
+ i {
+ font-size: 10px;
+ }
+ }
+ }
+}
View
7 app/assets/stylesheets/utils/_vars.css.scss
@@ -0,0 +1,7 @@
+$white: #fff;
+$gray: #efefef;
+$muted: #999;
+
+$pushHeight: 60px;
+
+
View
199 app/views/application/static.html.erb
@@ -0,0 +1,199 @@
+<div id="wrap">
+ <div id="header-region">
+ <header>
+ <div class="contain-to-grid">
+ <nav class="top-bar">
+ <ul class="title-area">
+ <li class="name">
+ <h1>
+ <a href="#">
+ <span id="logo">
+ <img src="assets/coat_of_arms.png" />
+ </span>
+ Местный совет > Одесская область
+ </a>
+ </h1>
+ </li>
+ </ul>
+ <section class="top-bar-section">
+ <ul class="right">
+ <li class="divider"></li>
+ <li>
+ <a href="#">
+ <i class="fi-graph-trend"></i>
+ Статистика
+ </a>
+ </li>
+ <li class="divider"></li>
+ <li class="active">
+ <a href="#">
+ <i class="fi-torsos-all"></i>
+ Депутаты
+ </a>
+ </li>
+ <li class="divider"></li>
+ </ul>
+ </section>
+ </nav>
+ </div>
+ </header>
+ </div>
+ <div id="main-region">
+ <div id="people-list">
+ <div id="page-title">
+ <div class="row">
+ <div class="large-12 columns">
+ <h1>Депутаты</h1>
+ <h4>Депутаты местного совета</h4>
+ <div id="page-icons">
+ <i class="fi-torsos-all large"></i>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="breadcrumbs">
+ <div class="row">
+ <div class="columns large-12">
+ <ul class="right">
+ <li>
+ <a href="#">Главная</a>
+ </li>
+ <li class="unavailable">
+ <a href="#">Депутаты</a>
+ </li>
+ <li class="current">
+ <a href="#">Тындюк Николай Андреевич</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <section>
+ <div class="row">
+ <div class="large-12 columns">
+ <div class="left">
+ <button id="new-person" class="button radius small secondary">
+ <i class="fi-plus"></i>
+ Добавить
+ </button>
+ </div>
+ <div class="right">
+ <dl class="sub-nav">
+ <dt>Сортировать:</dt>
+ <dd class="active">
+ <a href="#">По имени</a>
+ </dd>
+ <dd>
+ <a href="#">По фракции</a>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="large-12 columns">
+ <form data-type="new">
+ <div class="panel radius">
+ <div id="new-person">
+ <div class="row">
+ <div class="large-12 columns">
+ <label>Имя</label>
+ <input type="text" placeholder="Имя депутата местного совета" class="large-6 columns" />
+ </div>
+ </div>
+ </div>
+ <footer>
+ <ul class="inline-list">
+ <li>
+ <button data-form-button="primary" class="button small radius">Сохранить</button>
+ </li>
+ <li>
+ <button data-form-button="cancel" class="button small secondary radius">Отмена</button>
+ </li>
+ </ul>
+ </footer>
+ </div>
+ </form>
+ </div>
+ </div>
+ </section>
+ <div class="row">
+ <div class="large-12 columns text-center">
+ <div class="panel radius">
+ <h2>
+ <small>База пуста!</small>
+ </h2>
+ <p class="subheader">Добавь депутата.</p>
+ </div>
+ </div>
+ </div>
+ <section>
+ <div class="large-12 columns">
+ <div class="row">
+ <ul class="large-12 columns">
+ <li class="person">
+ <div class="large-3 columns text-center">
+ <a class="th radius" href="#">
+ <img src="http://dumskaya.net/pics/atagpic458.jpg" />
+ </a>
+ </div>
+ <div class="large-9 columns stats-container">
+ <div class="row">
+ <div class="large-6 columns">
+ <div class="row">
+ <div class="large-5 columns attribute-label">Возраст</div>
+ <div class="large-7 columns">64</div>
+ </div>
+ <div class="row">
+ <div class="large-5 columns attribute-label">Имя</div>
+ <div class="large-7 columns">Тындюк Николай Андреевич</div>
+ </div>
+ <div class="row">
+ <div class="large-5 columns attribute-label">Должность</div>
+ <div class="large-7 columns">Глава Одесского областного совета</div>
+ </div>
+ <div class="row">
+ <div class="large-5 columns attribute-label">Партийность</div>
+ <div class="large-7 columns">Партия регионов</div>
+ </div>
+ <div class="row">
+ <div class="large-5 columns attribute-label">Место рождения</div>
+ <div class="large-7 columns">Кировоградская область</div>
+ </div>
+ </div>
+ <div class="large-6 columns">
+ <blockquote>
+ <ul class="large-block-grid-2 text-center stats">
+ <li>
+ <div>
+ <span class="label round">5</span>
+ </div>
+ <div class="stat-type">Связанных документов</div>
+ </li>
+ <li>
+ <div>
+ <span class="label round">10</span>
+ </div>
+ <div class="stat-type">Упоминаний в СМИ</div>
+ </li>
+ </ul>
+ </blockquote>
+ </div>
+ </div>
+ </div>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </section>
+ </div>
+ </div>
+ <div id="push"></div>
+</div>
+<div id="footer-region">
+ <footer>
+ <div class="row">
+ <div class="columns">
+ <h6 class="subheader">Municipal.gov.ua - Местный совет - Одесская область</h6>
+ </div>
+ </div>
+ </footer>
+</div>
View
1 config/routes.rb
@@ -1,2 +1,3 @@
Rails.application.routes.draw do
+ get 'static', to: 'application#static'
end

0 comments on commit 4c64704

Please sign in to comment.
Something went wrong with that request. Please try again.