Main Avalanche Network server application. Built with Ruby on Rails.

index.html.erb 10KB

    <% title @config.website_name %> <!-- Carousel ================================================== --> <div id="myCarousel" class="hidden-phone carousel slide" data-ride="carousel" style="height: 400px"> <div class="carousel-inner" role="listbox"> <div class="item active"> <div id="obscure_header" class="obscure" style="height: 960px;"></div> <%= image_tag "photo_mission_control.jpg", id: 'photo_header', style: 'width: 100%;' %> <div class="container" > <div class="row"> <div class="span12" style="height: 20px;"> <div id="tagline_header" class="" style="background-color: transparent; position: relative; top: -700px;"> <h1 class="header"><%= (t "landing_page.tagline").html_safe %></h1> <p class="lead header"><%= (t "landing_page.tagline_subtext").html_safe %></p> </div> </div> </div> </div> </div> </div> </div><!-- /.carousel --> <!-- Carousel Mobile ================================================== --> <div id="myCarousel2" class="visible-phone carousel slide" data-ride="carousel" style="height: 400px; margin-left: -20px; margin-right: -20px;"> <div class="carousel-inner" role="listbox"> <div class="item active"> <div id="obscure_header_mobile" class="obscure" style="height: 960px;"></div> <%= image_tag "photo_mission_control.jpg", id: 'photo_header_mobile', style: 'width: 100%;' %> <div class="container" > <div class="row"> <div class="span12" style="height: 20px; padding-left: 20px; padding-right: 20px;"> <div id="tagline_header_mobile" class="" style="background-color: transparent; position: relative; top: -700px;"> <h1 class="header mobile">Avalanche Network</h1> </div> </div> </div> </div> </div> </div> </div><!-- /.carousel --> <div id="about" class="container" style="margin-top: 30px;"> <div class="row"> <%= bootstrap_flash %> <div class="span6"> <h2 class="landing_page hidden-phone"><%= (t "landing_page.about_title").html_safe %></h2> <%= (t "landing_page.about_text").html_safe %> </div> <div class="span6"> <% if cookies[:avalanche_locale] == 'en' %> <%= image_tag "fluxogram_avalanche@en.jpg", style: 'width: 100%;' %> <% else %> <%= image_tag "fluxogram_avalanche@pt-BR.jpg", style: 'width: 100%;' %> <% end %> </div> </div> </div> <!-- FEATURES --> <div id="features" class="container hidden-phone"> <div class="row"> <div class="span6"> <h2 style="margin-bottom: 45px; margin-top: 35px;"><%= (t "landing_page.feature_headline_1").html_safe %></h2> <p class="lead"><%= (t "landing_page.feature_text_1").html_safe %></p> </div> <div class="span6"> <h2 style="margin-bottom: 45px; margin-top: 35px;"><%= (t "landing_page.feature_headline_2").html_safe %></h2> <p class="lead"><%= (t "landing_page.feature_text_2").html_safe %></p> </div> </div> <div class="row" style="margin-top: 25px;"> <div class="span6"> <div class="media"> <span class="pull-left" href="#"> <%= image_tag "icons/icon_mission_64x64.png", style: 'width: 64px;' %> </span> <div class="media-body"> <p class="lead"><%= (t "landing_page.feature_1_item_1").html_safe %></p> </div> </div> <div class="media"> <span class="pull-left" href="#"> <%= image_tag "icons/icon_chat_64x64.png", style: 'width: 64px;' %> </span> <div class="media-body"> <p class="lead"><%= (t "landing_page.feature_1_item_2").html_safe %></p> </div> </div> <div class="media"> <span class="pull-left" href="#"> <%= image_tag "icons/icon_task_64x64.png", style: 'width: 64px;' %> </span> <div class="media-body"> <p class="lead"><%= (t "landing_page.feature_1_item_3").html_safe %></p> </div> </div> <div class="media"> <span class="pull-left" href="#"> <%= image_tag "icons/icon_diamond_64x64.png", style: 'width: 64px;' %> </span> <div class="media-body"> <p class="lead"><%= (t "landing_page.feature_1_item_4").html_safe %></p> </div> </div> </div> <div class="span6"> <div class="media"> <span class="pull-left" href="#"> <%= image_tag "icons/icon_mission_64x64.png", style: 'width: 64px;' %> </span> <div class="media-body"> <p class="lead"><%= (t "landing_page.feature_2_item_1").html_safe %></p> </div> </div> <div class="media"> <span class="pull-left" href="#"> <%= image_tag "icons/icon_radar_64x64.png", style: 'width: 64px;' %> </span> <div class="media-body"> <p class="lead"><%= (t "landing_page.feature_2_item_2").html_safe %></p> </div> </div> <div class="media"> <span class="pull-left" href="#"> <%= image_tag "icons/icon_gift_64x64.png", style: 'width: 64px;' %> </span> <div class="media-body"> <p class="lead"><%= (t "landing_page.feature_2_item_3").html_safe %></p> </div> </div> </div> </div> </div> <!-- FEATURES MOBILE --> <div id="features2" class="container visible-phone"> <div class="row"> <div class="span6"> <h2 ><%= (t "landing_page.feature_headline_1").html_safe %></h2> <p class="lead"><%= (t "landing_page.feature_text_1").html_safe %></p> <div class="media"> <span class="pull-left" href="#" style=""> <%= image_tag "icons/icon_mission_64x64.png", class: 'media-object', style: 'width: 64px;' %> </span> <div class="media-body"> <p class="lead"><%= (t "landing_page.feature_1_item_1").html_safe %></p> </div> </div> <div class="media"> <span class="pull-left" href="#"> <%= image_tag "icons/icon_chat_64x64.png", style: 'width: 64px;' %> </span> <div class="media-body"> <p class="lead"><%= (t "landing_page.feature_1_item_2").html_safe %></p> </div> </div> <div class="media"> <span class="pull-left" href="#"> <%= image_tag "icons/icon_task_64x64.png", style: 'width: 64px;' %> </span> <div class="media-body"> <p class="lead"><%= (t "landing_page.feature_1_item_3").html_safe %></p> </div> </div> <div class="media"> <span class="pull-left" href="#"> <%= image_tag "icons/icon_diamond_64x64.png", style: 'width: 64px;' %> </span> <div class="media-body"> <p class="lead"><%= (t "landing_page.feature_1_item_4").html_safe %></p> </div> </div> </div> <div class="span6"> <h2><%= (t "landing_page.feature_headline_2").html_safe %></h2> <p class="lead"><%= (t "landing_page.feature_text_2").html_safe %></p> <div class="media"> <span class="pull-left" href="#"> <%= image_tag "icons/icon_mission_64x64.png", style: 'width: 64px;' %> </span> <div class="media-body"> <p class="lead"><%= (t "landing_page.feature_2_item_1").html_safe %></p> </div> </div> <div class="media"> <span class="pull-left" href="#"> <%= image_tag "icons/icon_radar_64x64.png", style: 'width: 64px;' %> </span> <div class="media-body"> <p class="lead"><%= (t "landing_page.feature_2_item_2").html_safe %></p> </div> </div> <div class="media"> <span class="pull-left" href="#"> <%= image_tag "icons/icon_gift_64x64.png", style: 'width: 64px;' %> </span> <div class="media-body"> <p class="lead"><%= (t "landing_page.feature_2_item_3").html_safe %></p> </div> </div> </div> </div> <div class="row" style="margin-top: 25px;"> <div class="span6"> </div> <div class="span6"> </div> </div> </div> <!-- SUBSCRIBE --> <div id="subscribe" class="hidden-phone carousel slide" data-ride="carousel" style=" margin-top: 60px;"> <div class="carousel-inner" role="listbox"> <div class="item active"> <div class="obscure" id="obscure_subscribe" style="height: 970px;"></div> <%= image_tag "photo_everest.jpg", id: 'photo_subscribe', style: 'width: 100%;' %> <div class="container" > <div class="row"> <div class="span12" style="height: 0px;"> <div id="tagline_subscribe" class="" style="background-color: transparent; position: relative; top: -700px;"> <h1 class="header"><%= (t "landing_page.subscribe_title").html_safe %></h1> <p class="lead header "> <%= (t "landing_page.subscribe_text").html_safe %> </p> <%= bootstrap_form_for(@subscription, remote: true) do |f| %> <%= f.alert_message "Please fix the errors below."%> <%= f.form_group :email, style: 'margin-top: -35px;' do %> <%= f.text_field :email, hide_label: true, placeholder: 'Email', class: 'span4 input-large', required: true, style: 'height: 30px; font-size: 24px; padding-top: 10px;' %> <% end %> <%= f.submit (t 'subscription.submit'), class: 'btn btn-large inverse btn-success', id: 'submit_subscription' %> <% end %> </div> </div> </div> </div> </div> </div> </div> <!-- SUBSCRIBE MOBILE --> <div id="subscribe2" class="visible-phone carousel slide" data-ride="carousel" style="margin-top: 20px; margin-left: -20px; margin-right: -20px;"> <div class="carousel-inner" role="listbox"> <div class="item active"> <div class="obscure" id="obscure_subscribe2" style="height: 970px;"></div> <%= image_tag "photo_everest.jpg", id: 'photo_subscribe2', style: 'width: 100%;' %> <div class="container" > <div class="row"> <div class="span12" style="height: 0px;"> <div id="tagline_subscribe2" class="" style="background-color: transparent; position: relative; top: -700px;"> <h1 class="header mobile"><%= (t "landing_page.subscribe_title").html_safe %></h1> </div> </div> </div> </div> </div> </div> </div> <div class="visible-phone" style="margin-bottom: 80px;"> <p class="lead" > <%= (t "landing_page.subscribe_text").html_safe %> </p> <%= bootstrap_form_for(@subscription, remote: true) do |f| %> <%= f.alert_message "Please fix the errors below."%> <%= f.form_group :email, style: 'margin-top: -35px;' do %> <%= f.text_field :email, hide_label: true, placeholder: 'Email', id: 'subscription_email_mobile', class: 'span4', required: true, style: 'height: 50px; font-size: 24px; padding-top: 5px;' %> <% end %> <%= f.submit (t 'subscription.submit'), class: 'btn btn-large btn-success', id: 'submit_subscription_mobile' %> <% end %> </div>