Skip to content

W
warm_city
Commit 33761f70 by Mykhailo Makohin
Options

start integrate gmaps

parent 4b2e0636
Showing with 145 additions and 124 deletions
Gemfile
......@@ -17,6 +17,7 @@ gem 'turbolinks', '~> 5'
gem 'jbuilder', '~> 2.5'
gem 'haml'
gem 'bootstrap-sass'
gem 'gmaps4rails'
group :development, :test do
gem 'byebug', platform: :mri
......
Gemfile.lock
......@@ -61,6 +61,7 @@ GEM
ffi (1.11.1)
globalid (0.4.2)
activesupport (>= 4.2.0)
gmaps4rails (2.1.2)
haml (5.1.2)
temple (>= 0.8.0)
tilt
......@@ -171,6 +172,7 @@ DEPENDENCIES
bootstrap-sass
byebug
coffee-rails (~> 4.2)
gmaps4rails
haml
jbuilder (~> 2.5)
jquery-rails
......
app/assets/javascripts/application.js
......@@ -16,5 +16,6 @@
//= require_tree .
//= require bootstrap.js
//= require gmaps/google
app/assets/stylesheets/main.scss
......@@ -1923,7 +1923,7 @@ textarea.form-control:focus {
font-style: normal;
}
.five_segment_graph .square_content {
background: transparent url(../img/graph_img2.png) top center/99.5% no-repeat;
background: transparent url(graph_img2.png) top center/99.5% no-repeat;
}
.five_segment_graph .graph_item_one,
.five_segment_graph .graph_item_two {
......@@ -2784,6 +2784,10 @@ h1 {
margin-top: 0px;
}
/*end popover*/
.tab-pane_people {
background: url(main_head_bg1.jpg) center center/cover no-repeat;
padding-top: 140px;
}
.tab-pane_businesse {
background: transparent url(main_head_bg2.jpg) no-repeat center center;
......
app/views/home/index.html.haml
.content
.main_head
.main_head_top.clearfix
.main_menu
%nav.navbar.navbar-default
.container-fluid
/ Brand and toggle get grouped for better mobile display
.navbar-header
%button.navbar-toggle.collapsed{"aria-expanded" => "false", "data-target" => "#bs-example-navbar-collapse-1", "data-toggle" => "collapse", :type => "button"}
%span.sr-only Toggle navigation
%span.icon-bar
%span.icon-bar
%span.icon-bar
/ Collect the nav links, forms, and other content for toggling
#bs-example-navbar-collapse-1.collapse.navbar-collapse
%ul.nav.navbar-nav
%li
%a{:href => "#"} про палатформу
%li
%a{:href => "#"} Ґранти
%li
%a{:href => "#"} Проекти
%li
%a{:href => "#"} Партнери
%li
%a{:href => "#"} DIGITAL WORKSHOP
%li
%a{:href => "#"} Про нас
%li
%a{:href => "#"} Новини
%li
%a{:href => "#"} Звіти
%li
%a{:href => "#"} connectif
%ul.nav.nav-tabs.nav_btns
%li.active
%a{"data-toggle" => "tab", :href => "#1"} Люди
......@@ -31,8 +62,7 @@
Простір міста формюють його жителі
.tab-pane_content
.bot_btn
%a.btn.btn_main{:href => "#"} Підтримати
/ <span class="btn btn_main" data-toggle="popover">popover</span>
%a.btn.btn_main{"data-target" => "#modal", "data-toggle" => "modal"} Підтримати
.head_couters.clearfix
.counter
.counter_value
......@@ -227,89 +257,6 @@
.lang
%a.lang_link{:href => "#"} ENG
%a.lang_link.active{:href => "#"} UA
/
<div class="section section_grants">
<div class="container">
<div class="row">
<div class="col-sm-6">
<h3 class="title_bold">
гранти
</h3>
<div class="subtitle">
Гранти — грошові або інші засоби, що передаються
громадянами та юридичними особами та організаціями
для проведення
</div>
<div class="section_text">
Гранти — грошові або інші засоби, що передаються громадянами та юридичними особами (в тому числі іноземними), а також міжнародними організаціями для проведення конкретних наукових досліджень, розробки законопроектів, підготовки кадрів та інших цілей на умовах, передбачених грантодавцем. Гранти надаються безкоштовно і без повернення.
</div>
<div class="link_primary_padd">
<a href="#" class="link_primary"><span class="link_img"><i class="icon icon_doc"></i></span>подати заявку на грант</a>
</div>
<div class="link_wrap">
<a href="#" class="link link_md">Дізнатись більше</a>
</div>
</div>
<div class="col-sm-6">
<div class="graph_wrap">
<div class="square">
<div class="square_content">
<div class="graph_details clearfix">
<div class="graph_item">
<div class="graph_item_sum" style="color: #f7af7a;">
сумма
<div class="graph_item_sum_value">4000 UAH</div>
</div>
<div class="graph_item_deadline">
дедлайн
<div class="graph_item_deadline_value">12. 08. 2015р.</div>
</div>
</div>
<div class="graph_item">
<div class="graph_item_sum" style="color: #ff8d72;">
сумма
<div class="graph_item_sum_value">4000 UAH</div>
</div>
<div class="graph_item_deadline">
дедлайн
<div class="graph_item_deadline_value">12. 08. 2015р.</div>
</div>
</div>
<div class="graph_item">
<div class="graph_item_sum" style="color: #f5c9c9;">
сумма
<div class="graph_item_sum_value">4000 UAH</div>
</div>
<div class="graph_item_deadline">
дедлайн
<div class="graph_item_deadline_value">12. 08. 2015р.</div>
</div>
</div>
<div class="graph_item">
<div class="graph_item_sum" style="color: #e3d138;">
сумма
<div class="graph_item_sum_value">4000 UAH</div>
</div>
<div class="graph_item_deadline">
дедлайн
<div class="graph_item_deadline_value">12. 08. 2015р.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="info_tip">
<div class="info_tip_text">
Якщо ти маєш ідею - поділись нею,
якщо шукаєш ідею - знаходь
</div>
<a href="#" class="btn btn_info btn_sm">Банк ідей</a>
</div>
</div>
</div>
.section.section_grants
.container
.row
......@@ -392,7 +339,8 @@
.container_lg
.project_wrap.clearfix
%a.project_item{:href => "#"}
%span.project_item_top{:style => "background-image: url(img/project1.jpg);"}
%span.project_item_top
= image_tag ("project1.jpg")
%span.item_label
Проект
%span.btn.btn_default.btn_round.btn_bordered{"data-original-title" => "підтримай проект", "data-placement" => "top", "data-toggle" => "tooltip"}
......@@ -414,7 +362,8 @@
долучилось людей
%strong 214
%a.project_item{:href => "#"}
%span.project_item_top{:style => "background-image: url(img/project2.jpg);"}
%span.project_item_top
= image_tag ("project2.jpg")
%span.item_label.program_label
Програма
%span.btn.btn_default.btn_round.btn_bordered{"data-original-title" => "підтримай проект", "data-placement" => "top", "data-toggle" => "tooltip"}
......@@ -436,7 +385,8 @@
долучилось людей
%strong 214
%a.project_item{:href => "#"}
%span.project_item_top{:style => "background-image: url(img/project3.jpg);"}
%span.project_item_top
= image_tag ("project3.jpg")
%span.item_label.program_label
Програма
%span.btn.btn_default.btn_round.btn_bordered{"data-original-title" => "підтримай проект", "data-placement" => "top", "data-toggle" => "tooltip"}
......@@ -458,7 +408,8 @@
долучилось людей
%strong 214
%a.project_item{:href => "#"}
%span.project_item_top{:style => "background-image: url(img/project4.jpg);"}
%span.project_item_top
= image_tag ("project4.jpg")
%span.item_label
Проект
%span.btn.btn_default.btn_round.btn_bordered{"data-original-title" => "підтримай проект", "data-placement" => "top", "data-toggle" => "tooltip"}
......@@ -480,7 +431,8 @@
долучилось людей
%strong 214
%a.project_item{:href => "#"}
%span.project_item_top{:style => "background-image: url(img/project1.jpg);"}
%span.project_item_top
= image_tag ("project1.jpg")
%span.item_label.program_label
Програма
%span.btn.btn_default.btn_round.btn_bordered{"data-original-title" => "підтримай проект", "data-placement" => "top", "data-toggle" => "tooltip"}
......@@ -502,7 +454,8 @@
долучилось людей
%strong 214
%a.project_item{:href => "#"}
%span.project_item_top{:style => "background-image: url(img/project2.jpg);"}
%span.project_item_top
= image_tag ("project2.jpg")
%span.item_label
Проект
%span.btn.btn_default.btn_round.btn_bordered{"data-original-title" => "підтримай проект", "data-placement" => "top", "data-toggle" => "tooltip"}
......@@ -524,7 +477,8 @@
долучилось людей
%strong 214
%a.project_item.hidden_md_item{:href => "#"}
%span.project_item_top{:style => "background-image: url(img/project3.jpg);"}
%span.project_item_top
= image_tag ("project3.jpg")
%span.item_label.program_label
Програма
%span.btn.btn_default.btn_round.btn_bordered{"data-original-title" => "підтримай проект", "data-placement" => "top", "data-toggle" => "tooltip"}
......@@ -546,7 +500,8 @@
долучилось людей
%strong 214
%a.project_item.hidden_md_item{:href => "#"}
%span.project_item_top{:style => "background-image: url(img/project4.jpg);"}
%span.project_item_top
= image_tag ("project4.jpg")
%span.item_label
Проект
%span.btn.btn_default.btn_round.btn_bordered{"data-original-title" => "підтримай проект", "data-placement" => "top", "data-toggle" => "tooltip"}
......@@ -568,7 +523,8 @@
долучилось людей
%strong 214
%a.project_item.hidden_lg_item{:href => "#"}
%span.project_item_top{:style => "background-image: url(img/project1.jpg);"}
%span.project_item_top
= image_tag ("project1.jpg")
%span.item_label
Проект
%span.btn.btn_default.btn_round.btn_bordered{"data-original-title" => "підтримай проект", "data-placement" => "top", "data-toggle" => "tooltip"}
......@@ -590,7 +546,8 @@
долучилось людей
%strong 214
%a.project_item.hidden_lg_item{:href => "#"}
%span.project_item_top{:style => "background-image: url(img/project2.jpg);"}
%span.project_item_top
= image_tag ("project2.jpg")
%span.item_label
Проект
%span.btn.btn_default.btn_round.btn_bordered{"data-original-title" => "підтримай проект", "data-placement" => "top", "data-toggle" => "tooltip"}
......@@ -623,7 +580,7 @@
%a.link_lg{:href => "#"} Перейти на сайт та почати безкоштовне навчання
.col-sm-5.col-md-4.advert_right
%a.advert_link{:href => "#"}
%img{:alt => "", :src => "img/dw_img.png"}/
= image_tag ("dw_img.png")
%span.advert_link_text Сприяння розвитку України
.section.section_news
.container.grid_padding_xs
......@@ -632,7 +589,8 @@
.row
.col-sm-4
%a.news_item{:href => "#"}
%span.news_head{:style => "background-image: url(img/news1.jpg);"}
%span.news_head
= image_tag ("news1.jpg")
%span.news_details.clearfix
Новина
%span.news_date 12.12.15
......@@ -644,7 +602,8 @@
проведення конкретних наукових...
.col-sm-4
%a.news_item{:href => "#"}
%span.news_head{:style => "background-image: url(img/news2.jpg);"}
%span.news_head
= image_tag ("news2.jpg")
%span.news_details.clearfix
Публікація
%span.news_date 12.12.15
......@@ -655,7 +614,8 @@
Досліджень, розробки законопроектів, підготовки кадрів та інших цілей на умовах, передбачених грантодавцем. Гранти надаються безкоштовно і без повернення для осіб...
.col-sm-4
%a.news_item{:href => "#"}
%span.news_head{:style => "background-image: url(img/news3.jpg);"}
%span.news_head
= image_tag ("news3.jpg")
%span.news_details.clearfix
Блоги
%span.news_date 12.12.15
......@@ -714,6 +674,3 @@
%a.tooltipster_link{:href => "#"} cosmo-travel.com.ua
%a.round_link{:href => "#"}
%i.icon.icon_fb
\ No newline at end of file
%a#scroller.scroller{:href => "#"}
%i.icon.icon_arrow_up
%div на початок
app/views/home/open_project.html.haml
......@@ -6,7 +6,7 @@
%a.info_link{"data-target" => "#modal3", "data-toggle" => "modal"} urbanspaceradio.com
%h2.heading_with_btn
%span Urban Space Radio
%a.btn.btn_default{"data-target" => "#modal", "data-toggle" => "modal", :href => "#"}
%a.btn.btn_default{"data-target" => "#modal", "data-toggle" => "modal"}
%i.icon.icon_plus>
підтримати проект
.large_progress_wrap
......@@ -46,8 +46,8 @@
= succeed "." do
%strong Urban Space 100 у центрі міста
.twentytwenty-container
%img{:src => "img/1_1.jpg"}/
%img{:src => "img/1_2.jpg"}/
= image_tag ("1_1.jpg")
= image_tag ("1_2.jpg")
%p
Радіо мовитиме в інтернеті, в «Urban Space 100», а також частково в
%a{:href => "#"} FM-діапазоні
......
app/views/layouts/application.html.haml
......@@ -6,16 +6,21 @@
= csrf_meta_tags
= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload'
= javascript_include_tag 'application', 'data-turbolinks-track': 'reload'
%meta{:charset => "utf-8"}/
%meta{:charset => "utf-8"}
%meta{:content => "", :name => "description"}/
%meta{:content => "width=device-width", :name => "viewport"}/
%meta{:content => "IE=edge", "http-equiv" => "X-UA-Compatible"}/
%link{:href => "//fonts.googleapis.com/css?family=Open+Sans:400,600,700", :rel => "stylesheet", :type => "text/css"}/
%link{:href => "//fonts.googleapis.com/css?family=PT+Sans:400,700italic,700,400italic", :rel => "stylesheet", :type => "text/css"}/
%link{:href => "//fonts.googleapis.com/css?family=Noto+Serif:400,400italic&subset=latin,cyrillic-ext", :rel => "stylesheet", :type => "text/css"}/
:javascript
var GOOGLE_API_KEY="#{ENV['AIzaSyALmxk-nEaCo8KVfJTdAiVFPBKA9s0VnmM']}"
= javascript_include_tag 'application'
= javascript_include_tag "//maps.googleapis.com/maps/api/js?libraries=places&key=#{ENV['AIzaSyALmxk-nEaCo8KVfJTdAiVFPBKA9s0VnmM']}"
%link{:href => "//fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=cyrillic-ext", :rel => "stylesheet"}/
%link{:href => "//fonts.googleapis.com/css?family=Roboto+Slab:300,400&subset=cyrillic-ext", :rel => "stylesheet"}/
%link{:href => "//fonts.googleapis.com/css?family=Roboto:300,500&subset=cyrillic-ext", :rel => "stylesheet"}/
/
%link{:href => "img/favicons/apple-touch-icon57.png", :rel => "icon", :type => "image/png"}/
%link{:href => "img/favicons/apple-touch-icon57.png", :rel => "apple-touch-icon", :sizes => "57x57"}/
%link{:href => "img/favicons/apple-touch-icon60.png", :rel => "apple-touch-icon", :sizes => "60x60"}/
......@@ -25,7 +30,10 @@
%body
= render 'partials/modal'
= render 'partials/header'
- if current_page?(root_path)
= render 'partials/black_header'
- else
= render 'partials/white_header'
= yield
= render 'partials/footer-site'
= render 'partials/footer'
......
app/views/partials/_black_header.html.haml 0 → 100644
.content
.main_head
.main_head_top.clearfix
.main_menu
%nav.navbar.navbar-default
.container-fluid
/ Brand and toggle get grouped for better mobile display
.navbar-header
%button.navbar-toggle.collapsed{"aria-expanded" => "false", "data-target" => "#bs-example-navbar-collapse-1", "data-toggle" => "collapse", :type => "button"}
%span.sr-only Toggle navigation
%span.icon-bar
%span.icon-bar
%span.icon-bar
/ Collect the nav links, forms, and other content for toggling
#bs-example-navbar-collapse-1.collapse.navbar-collapse
%ul.nav.navbar-nav
%li
%a{:href => "#"} про палатформу
%li
%a{:href => "#"} Ґранти
%li
%a{:href => "#"} Проекти
%li
%a{:href => "#"} Партнери
%li
%a{:href => "#"} DIGITAL WORKSHOP
%li
%a{:href => "#"} Про нас
%li
%a{:href => "#"} Новини
%li
%a{:href => "#"} Звіти
%li
%a{:href => "#"} connectif
%ul.nav.nav-tabs.nav_btns
%li.active
%a{"data-toggle" => "tab", :href => "#1"} Люди
%li
%a{"data-toggle" => "tab", :href => "#2"} Бізнеси
.show_tip
Ознайомтесь з дружніми бізнесами
які допомагають формувати
та покрищувати наше місто
.login_wrap
%div
%button.login_btn{"data-target" => "#modal3", "data-toggle" => "modal"}
= image_tag ("login.png")
.search_block
%input#search_field.search_field{:placeholder => "Пошук за іменем... ", :type => "text"}/
%button.search_btn
%i.icon.icon_search
\ No newline at end of file
app/views/partials/_footer-site.html.haml
......@@ -41,7 +41,5 @@
%span ©
2015 2016 Warm-city. All Rights Reserved
.footer_links
%a.footer_link_item{:href => "#"}
%a.footer_link_item{:href => "https://bvblogic.com/"}
=image_tag ('bvb_logo.png')
%a.footer_link_item{:href => "#"}
%i.icon.icon_shape
app/views/partials/_footer.html.haml
#outdated
%h6 Your browser is out-of-date!
%p
Update your browser to view this website correctly.
%a#btnUpdateBrowser{:href => "http://outdatedbrowser.com/", :target => "_blank"} Update my browser now
%p.last
%a#btnCloseUpdateBrowser{:href => "#", :title => "Close"} ×
/
Javascript
\==================================================
......
app/views/partials/_header.html.haml → app/views/partials/_white_header.html.haml
.warapper
%header.header
%header.header
.container
.main_menu
%a.logo{href: '#'}
%img{alt: '', src: ''}/
%a.logo{:href => "#"}
= image_tag ("logo.svg")
%nav.navbar.navbar-default
.container-fluid
/ Brand and toggle get grouped for better mobile display
.navbar-header
%button.navbar-toggle.collapsed{"aria-expanded" => "false", "data-target" => "#bs-example-navbar-collapse-1", "data-toggle" => "collapse", :type => "button"}
%span.sr-only Toggle navigation
%span.icon-bar
%span.icon-bar
%span.icon-bar
/ Collect the nav links, forms, and other content for toggling
#bs-example-navbar-collapse-1.collapse.navbar-collapse
%ul.nav.navbar-nav
%li
......@@ -20,8 +21,10 @@
%a{:href => "#"} Ґранти
%li
%a{:href => "#"} Проекти
%li
%a{:href => "#"} Партнери
%li.active
%a{:href => "#"}
Партнери
%span.sr-only (current)
%li
%a{:href => "#"} DIGITAL WORKSHOP
%li
......
config/secrets.yml
......@@ -12,6 +12,7 @@
development:
secret_key_base: b1b8b2c8f26c31fb891d8f8eaf37f5bc26ea31ac8913a4acfe7e9013853eeb3df5e681187e8ed35df9e6526d9528973791f904727fe56d250d903ff21083ece6
GOOGLE_MAP_API_KEY: AIzaSyALmxk-nEaCo8KVfJTdAiVFPBKA9s0VnmM
test:
secret_key_base: dd24cc39a6555956e85cb7d60612c685b91249ed8760a957b155ced0177eb172674137f73ba33d8b886f14089469703830d76ddbd42a996897d8b77aac43b33a
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment