heylium_app/app/views/layouts/public.html.haml

-@lang = @lang || LangSite.first
-if !@facebook_img or @facebook_img == ""
  -@facebook_img= "/heylium-socials.jpg"
!!!
- @description = "L’application géolocalisée pour tous, partout, tout le temps"
-@title = "Téléchargez vite Heylium !"

%html{:lang => "fr", "xml:lang" => "fr", :xmlns => "http://www.w3.org/1999/xhtml"}
  %head
    %title=@title.to_s+" "


    %meta{:name=>"viewport", :content=>"width=device-width,initial-scale=1"}
    %meta{ :"http-equiv" => "Content-Type", :content => "text/html; charset=utf-8" }
    %meta{ :"name" => "Description", :content => @description }
    %meta{ :"name" => "Keywords", :content => @keywords }

    %meta{:content => "heylium://", :property => "al:ios:url"}
    %meta{:content => "1079057397", :property => "al:ios:app_store_id"}
    %meta{:content => "Heylium", :property => "al:ios:app_name"}
    %meta{:content => "heylium://", :property => "al:android:url"}
    %meta{:content => "com.olwen_capital.afunda_ios", :property => "al:android:package"}
    %meta{:content => "Heylium", :property => "al:android:app_name"}
    %meta{:content => "Heylium", :property => "og:title"}
  

    =raw '<meta property="og:title" content="'+@title.to_s+'" />'
    =raw '<meta property="og:description" content="'+@description.to_s+'" />'
    -if @facebook_img
      =raw '<meta property="og:image" content="http://heylium.io'+@facebook_img.to_s+'"/>'
      =raw '<link rel="image_src" href="http://heylium.io'+@facebook_img.to_s+'"/>'

      =raw '<meta name="twitter:card" content="summary_large_image">'

      =raw '<meta property="twitter:description" content="'+((@description and @description != "") ? @description : "En savoir plus :").to_s+'"/>'
      =#raw '<meta property="twitter:description" content="'+@description.to_s+'"/>'
      =raw '<meta property="twitter:title" content="'+@title.to_s+'"/>'
      =raw '<meta property="twitter:url" content="'+request.url.to_s+'"/>'


      =raw '<meta property="twitter:image" content="http://heylium.io'+@facebook_img.to_s+'"/>'




      -@img_size = FastImage.size('http://heylium.io'+@facebook_img.to_s)

      -if @img_size and @img_size.size > 0
        =raw '<meta property="og:image:width" content="'+@img_size[0].to_s+'"/>'
        =raw '<meta property="og:image:height" content="'+@img_size[1].to_s+'"/>'



    = javascript_include_tag "public"

    = csrf_meta_tag
    =render :partial => "public/shared/ga"

    = stylesheet_link_tag 'public'
    = stylesheet_link_tag '/fonts/Stylograph/stylesheet.css'
    <link href='https://fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
    <link rel="icon" type="image/png" href="/favicon.png">


    =javascript_include_tag "http://maps.google.com/maps/api/js?sensor=false&region=FR"

  %body


    #home
      =image_tag "/heylium-logo.png", :id => "logo"
      %h3 L’application géolocalisée pour tous, partout, tout le temps
      -if false
        .links
          =link_to image_tag("/heylium-ios.png"), "https://itunes.apple.com/fr/app/heylium/id1079057397?l=fr&ls=1&mt=8", :class => "ios"
          =link_to image_tag("/heylium-android.png"), "https://play.google.com/store/apps/details?id=com.olwen_capital.afunda_ios", :class => "ios"

    #intro

      <svg class="decor" height="100%" preserveAspectRatio="none" version="1.1" viewBox="0 0 100 100" width="100%" xmlns="http://www.w3.org/2000/svg">
      <path d="M100 0 L100 100 L0 100" stroke-width="0"></path>
      </svg>

      .center
        %h2 Installez Heylium sur votre mobile dès maintenant !
        %p Montez à bord et prenez part à l'aventure! Soyez les premiers à découvrir Heylium, votre nouveau réseau social de proximité.

        %p Vous pouvez télécharger l'application sur votre mobile : il s'agit de la première version publique et nous sommes impatients d'avoir vos retours&nbsp;!

        =image_tag "/heylium-iphone.png"

      <svg class="decor decor2" height="100%" preserveAspectRatio="none" version="1.1" viewBox="0 0 100 100" width="100%" xmlns="http://www.w3.org/2000/svg">
      <path d="M0 0 L100 0 L0 100" stroke-width="0"></path>
      </svg>


    #nearbys

      .right
      .left

        <svg class="decor decor2" height="100%" preserveAspectRatio="none" version="1.1" viewBox="0 0 100 100" width="100%" xmlns="http://www.w3.org/2000/svg">
        <path d="M0 0 L100 0 L0 100" stroke-width="0"></path>
        </svg>

        <svg class="decor decor-mobile" height="100%" preserveAspectRatio="none" version="1.1" viewBox="0 0 100 100" width="100%" xmlns="http://www.w3.org/2000/svg">
        <path d="M100 0 L100 100 L0 100" stroke-width="0"></path>
        </svg>

        .inner
          %h2 Faites connaissance avec votre entourage
          %p On est jamais seul, il est temps d’en prendre conscience et d’en profiter !
          %p.second Partout, tissez des liens facilement et rapidement !

          %table.tips
            %tr
              %td=image_tag "/heylium-tip-users.png"
              %td
                %p
                  Avec la mosaïque découvrez les utilisateurs à proximité et discutez avec eux via la messagerie privée.
          
          .clear
      .clear

    #balons

      .right
      .left
        <svg class="decor" height="100%" preserveAspectRatio="none" version="1.1" viewBox="0 0 100 100" width="100%" xmlns="http://www.w3.org/2000/svg">
        <path d="M100 0 L100 100 L0 100" stroke-width="0"></path>
        </svg>
        .inner
          %h2 Avec Heylium, vous êtes partout chez vous&nbsp;!
          %p Déposez des messages, vus par tous, où vous le souhaitez.
          %p.second Boire un coup avec quelqu’un, demander un conseil dans une ville inconnue, trouver un covoiturage de dernière minute ou simplement partager une anecdote, tout est possible !
          
          %table.tips
            %tr
              %td=image_tag "/heylium-tip-balons.png"
              %td
                %p
                  Sur Heylium, on appelle ça les ballons. Ils peuvent être éphémères ou non, attachés à un endroit où vous suivre.
          


      .clear

    #contact

      <svg class="decor" height="100%" preserveAspectRatio="none" version="1.1" viewBox="0 0 100 100" width="100%" xmlns="http://www.w3.org/2000/svg">
      <path d="M100 0 L100 100 L0 100" stroke-width="0"></path>
      </svg>

      %h2 Commencez dès maintenant !
      -if false
        .links
          =link_to image_tag("/heylium-ios.png"), "https://itunes.apple.com/fr/app/heylium/id1079057397?l=fr&ls=1&mt=8", :class => "ios"
          =link_to image_tag("/heylium-android.png"), "https://play.google.com/store/apps/details?id=com.olwen_capital.afunda_ios", :class => "ios"