Files from No Wifi summercamp tutorial / before CSS

_articles-list.html.slim

/ Variables for pagination
- locals      = current_resource.metadata[:locals]
- prev_page   = locals['prev_page']
- page_number = locals['page_number']
- num_pages   = locals['num_pages']
- next_page   = locals['next_page']

p Catégories :
ul
  li = link_to "La vie  au camp",      category_path("la-vie-au-camp")
  li = link_to "Activités",            category_path("activites")
  li = link_to "Reportage photo",      category_path("reportage-photo")
  li = link_to "Portrait de résident", category_path("portrait-de-resident")
  li = link_to "Conseils",             category_path("conseils")
  li = link_to "Lifehack",             category_path("lifehack")

ul
- page_articles.each_with_index do |article, i|
  li
    h2 = link_to article.title, article
    p
    ' Publié le
    = I18n.l article.date, format: '%e %b %Y'
    '  par
    = article.data.author
    p = article.data.excerpt
    = image_tag article.data.thumbnail

/ Show links if needed
- if num_pages > 1
  nav role= "navigation"
    - if prev_page
      = link_to '< Billets récents', prev_page
    span
      '  Page #{page_number} 
      '  sur #{num_pages}
    - if next_page
      = link_to 'Billets anciens >', next_page

_call-to-action.slim

h2 Rejoignez-nous
p Seul, en famille ou entre amis, nous vous attendons
= link_to "Reserver mon séjour", "/reservation.html" 

_footer.slim

footer
  div
    = image_tag "/images/logo.png", alt:"No Wifi Summercamp"
  div role="content-info"
    p #{data.settings.author.address}
    p Tel : #{data.settings.author.phone}
    p Mail : #{data.settings.author.email}
    p 
      ' Suivez nous sur 
      = link_to "Facebook", data.settings.social.facebook
    p 
      ' et sur
      = link_to "Twitter", data.settings.social.twitter

  nav role="navigation"
    ul
      li = link_to "Accueil",          "/"
      li = link_to "Camp",             "/camp.html"
      li = link_to "Equipe",           "/equipe.html"
      li = link_to "Activités",        "/activites.html"
      li = link_to "Blog",             "/blog.html"
      li = link_to "Réservation",      "/reservation.html"
      li = link_to "Mentions légales", "/mentions-legales.html"
      li = link_to "Conditions générales de vente", "/cgv.html"

  p 
    '  ©
    = Time.now.year
    '
    = link_to data.settings.author.name, "/"
    '  - Design et développement :
    = link_to data.settings.copyright.developer.name, data.settings.copyright.developer.url

_gallery.slim

div
  ul
    - gallery.each do |picture|
      li
        = link_to "/images/galleries/#{picture}" do
          = image_tag "/images/galleries/thumbs/#{picture}"

_header.slim

header
  / Set the title
  - title = current_page.data.title if title.blank?

  / Check if it's the homepage
  - if current_page.url == '/'
    = image_tag "/images/logo-home.png", alt: "No Wifi Summercamp, camp de vacances en plein air"
    p = current_page.data.slogan_sup
    p = current_page.data.slogan
    h1 = title
  - else
    h1 = title

_navbar.slim

div role="banner"
  div
    = image_tag "/images/logo.png", alt: "No Wifi Summercamp"
    nav role="navigation"
     ul
       li = link_to "Accueil",     '/'
       li = link_to "Camp",        '/camp.html'
       li = link_to "Equipe",      '/equipe.html'
       li = link_to "Activités",   '/activites.html'
       li = link_to "Blog",        '/blog.html'
       li = link_to "Réservation", '/reservation.html'

activites.html.slim

---
title: "De nombreuses activités à partager sur le camp et aux alentours"
title_seo: "Activités de plein air au No Wifi Summercamp dans les Pyrénées Ariégeoises"
description: "Découvrez les nombreuses activités du camp : randonnée, équitation, canoé, rafting, lutherie, poterie, escalade..."
hero_image: vtt.jpg
---
div role="main"
  
  = partial "partials/header"

  ul
    - data.activities.each do |activity|
      li
        h2 = activity.name
        = image_tag "/images/activites/#{activity.picture}"
        p = activity.description

  = partial "partials/call-to-action"

blog.html.slim

---
title: "L'actualité du camp pour rester informé"
title_seo: "Blog du camp de vacances No Wifi Summercamp"
description: "Retrouvez l'actualité du camp, avec des reportages sur la vie au camp, sur les diverses activités de plein air, découvrez nos résidents, profitez de conseils..."
hero_image: blog.jpg
pageable: true
per_page: 20
---
div role="main"
  
  = partial "partials/header"

  = partial "partials/articles-list"

  = partial "partials/call-to-action"

blog.slim

= wrap_layout :layout do
  
  div role="main"
  
  = partial "partials/header"

  aside
    - author = find_author(current_article.data.author)
    = image_tag "/images/equipe/#{author.picture}"
    h3 = author.name
    p 
      ' Publié le : 
      = I18n.l current_page.date, format: '%e %b %Y'
    p
      ' Dans :
      = current_article.data.category

  article
    = current_article.data.excerpt

    == yield

  nav role= "navigation"
    ul
      li
        - prev_article = current_article.previous_article
        - if prev_article
            = link_to prev_article.title, prev_article.url, 
              rel: 'prev', title: "Previous article: #{prev_article.title}"
      li
        - next_article = current_article.next_article
        - if next_article
            = link_to next_article.title, next_article.url, 
              rel: 'next', title: "Next article: #{next_article.title}"

  / Add Disqus comments
  = disqus

camp.html.slim

---
title: "Un camp en pleine nature dans les Pyrénées Ariégeoises"
title_seo: "No Wifi Summercamp, camp de vacances en plein nature"
description: "Camp de vacances en pleine nature en Ariège proposant divers types d'hébergements, de la tente, à la yourte en passant par la roulotte."
hero_image: vallee-ariege.jpg
---
div role="main"
  
  = partial "partials/header"

  h2 Un cadre privilégié
  p Situé sur la commune de Rimont, en Ariège, il faut s’éloigner un peu des routes et des villages pour trouver le camp. Suffisamment proche pour accéder aux activités hors camp et aux commerces mais suffisamment éloigné pour garantir calme et dépaysement.

  p Toute la saison et en fonction des conditions météo, nous proposons des départs randonnées en montagne, à la journée ou en bivouac, des descentes de rivière en canoé ou de l’équitation avec les chevaux du camp.

  p Nous essayons de tendre vers l’autonomie énergétique et alimentaire, les résidents sont encouragés à prendre part à la production d’énergie et à l’entretien de nos jardins en permaculture.

  = image_tag "/images/camp/tente-bivouac.jpg"

  h2 Dedans ou dehors
  p Nous vous proposons différents types d’hébergements, à vous de choisir en fonction de vos envies. Le terrain est vaste et vous trouverez certainement un endroit à l’ombre avec un joli panorama pour planter votre tente.

  p Vous pouvez également profitez de nos dortoirs de 6 ou 8 personnes dans le bâtiment principal ou si vous avez besoin de plus d’intimité de nos roulottes ou de nos yourtes.

  p Au cœur de camp, et proche du bâtiment principal se trouvent la plupart des ateliers auxquels vous pouvez participer. C’est aussi à cet endroit qu’ont lieu les repas en extérieur sous le grand préau ainsi que les veillées nocturnes quotidiennes autour du feu.

  = image_tag "/images/camp/tente-yourte.jpg"

  = partial "partials/gallery", locals: {gallery: data.galleries.camp}

  h2 Comment venir ?
  p Nous sommes situés dans le sud de le France, très proche de la frontière espagnole. Vous avez plusieurs possibilités pour venir nous rejoindre :

  p Par la route : Nous sommes entre les autoroutes A66 et A64, le long de la D117. Vous pouvez nous rejoindre facilement depuis des villes comme Toulouse, Tarbes ou Perpignan.

  p En train : La gare la plus proche est celle de Varhile. Nous organisons des navettes le week-end pour aller chercher ou reconduire nos résidents.

  p En avion : Les aéroports les plus proches sont ceux de Toulouse ou de Perpignan.

  <iframe width="400" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://cartosm.eu/map?lon=1.2840194354718&lat=42.985386332963&zoom=14&width=400&height=350&mark=true&nav=true&pan=true&zb=inout&style=default&icon=down"></iframe>

  = partial "partials/call-to-action"

category.html.slim

---
hero_image: blog.jpg
pageable: true
---
div role="main"
  
  = partial "partials/header", locals: {title: category}

  = partial "partials/articles-list"

  = partial "partials/call-to-action"

config.rb

require 'slim'

###
# Blog settings
###
Time.zone = "Paris"
I18n.config.enforce_available_locales = false

activate :blog do |blog|
    blog.name = "blog"
    blog.permalink = "/{title}.html"
    blog.sources = "/blog/{year}-{month}-{day}-{title}.html"
    blog.layout = "layouts/blog"
    blog.default_extension = ".markdown"
    blog.new_article_template = "source/new-article.erb" 

  # Enable pagination
    blog.paginate = true
    blog.per_page = 20
    blog.page_link = "/{num}"

  # Custom categories
    blog.custom_collections = {
      category: {
        link: '/categories/{category}.html',
        template: '/category.html'
      }
    }
end

page "/feed.xml", layout: false

###
# Disqus comments
###
activate :disqus do |d|
  d.shortname = 'nowifisummercamp'
end


###
# Helpers
###

# Automatic image dimensions on image_tag helper
# activate :automatic_image_sizes

# Reload the browser automatically whenever files change
configure :development do
  activate :livereload
end

# Methods defined in the helpers block are available in templates
helpers do
  def find_author(author_slug)
    author_slug = author_slug.downcase
    result = data.members.select {|member| member.keys.first == author_slug }
    raise ArgumentError unless result.any?
    result.first
  end
end

set :css_dir,    'stylesheets'
set :js_dir,     'javascripts'
set :images_dir, 'images'

activate :i18n, mount_at_root: :fr

activate :deploy do |deploy|
  deploy.method = :git
  deploy.branch = 'master'
  deploy.build_before = true
end


# Build-specific configuration
configure :build do
  # For example, change the Compass output style for deployment
  # activate :minify_css

  # Minify Javascript on build
  # activate :minify_javascript

  # Enable cache buster
  # activate :asset_hash

  # Use relative URLs
  # activate :relative_assets

  # Or use a different image path
  # set :http_prefix, "/Content/images/"
end

equipe.html.slim

---
title: "Une équipe merveilleuse pour vous encadrer, vous divertir"
title_seo: "L'équipe merveilleuse du No Wifi Summercamp dans les Pyrénées Ariégeoises"
description: "Lors de votre séjour dans le camp de vacances, vous ferez la connaissance de notre équipe chargée de vous encadrer et de vous divertir."
hero_image: equipe-saut.jpg
---
div role="main"
  
  = partial "partials/header"

  ul
    - data.members.each do |member|
      li
        h2 = member.name
        = image_tag "/images/equipe#{member.picture}"
        p = member.description

  = partial "partials/call-to-action"

Gemfile

# If you do not have OpenSSL installed, update
# the following line to use "http://" instead
source 'https://rubygems.org'

gem 'middleman',            '~>3.3.12'
gem "middleman-blog",       '~> 3.5.3'
gem 'middleman-livereload', '~> 3.1.0'
gem 'middleman-deploy',     '~> 1.0'
gem "middleman-disqus"

gem 'slim', '~> 3.0.2'

###
# For Windows users 
###

# For faster file watcher updates on Windows:
gem "wdm", "~> 0.1.0", :platforms => [:mswin, :mingw]
# Windows does not come with time zone data
gem "tzinfo-data", platforms: [:mswin, :mingw, :jruby]

index.html.slim

---
title: "No Wifi Summercamp, camp de vacances dans les Pyrénées Ariégeoises"
title_seo: "No Wifi Summercamp, camp de vacances dans les Pyrénées Ariégeoises"
description: "Camp de vacances en pleine nature qui privilègie un retour aux sources en éloignant les nouvelles technologies le temps d'un séjour."
hero_image: randonneurs.jpg
slogan: "Reconnectez-vous à vous même"
slogan_sup: "Déconnectez vos téléphones, tablettes et ordinateurs"
---
div role="main"
  
  = partial "partials/header"

  h2 Débranchez !
  p Le temps d’un week-end, d’une semaine ou d’un mois, oubliez votre téléphone, votre tablette, votre ordinateur, les réseaux sociaux, les emails, les jeux en lignes, l’information en continue...

  p Mettez de côté  toute technologie qui tend à devenir de plus en plus encombrante dans votre vie et ne vous laisse jamais un instant pour vous reposer l’esprit.

  p Rejoignez le No Wi-fi Summercamp pour vous reconnecter avec vous même au travers de nombreuses activités en pleine nature, de vie en communauté, et de loisirs loin de tout écran et toute connexion internet.

  h3 Le camp
  = image_tag "/images/accueil/camp.jpg"
  p Situé aux abords du parc naturel régional des Pyrénées Ariégeoises, à proximité de lacs, de rivières et de nombreux départ de randonnées, le camp vous accueille d’avril à octobre  pour la durée que vous souhaitez.
  = link_to "Découvrir le camp", "/camp.html" 

  h3 L'équipe
  = image_tag "/images/accueil/equipe.jpg"
  p Notre équipe, constituée de personnes venant de tout horizon est là pour vous accompagner dans les activités, vous transmettre leur savoir-faire et vous divertir autour des nombreux feux de camps
  = link_to "Découvrir l'équipe", "/equipe.html"

  h3 Les activités
  = image_tag "/images/accueil/activites.jpg"
  p Pas le temps de vous ennuyer, il y a de quoi faire sur le camp ! Activités nautiques, sports en plein air,  randonnées, atelier de fabrication ou restauration d’objets, apprentissage de la permaculture.
  = link_to "Découvrir l'équipe", "/activites.html"

  = partial "partials/gallery", locals: {gallery: data.galleries.homepage}

  h2 Ils ont adoré leur séjour !
  ul
    - data.testimonials.each do |testimonial|
      li
        = image_tag "/images/accueil/#{testimonial.picture}"
        p
          span = testimonial.name
          ' ,
          span = testimonial.age
          ' ,
          span = testimonial.town
        p = testimonial.message

  = partial "partials/call-to-action"

layout.slim

doctype html
html lang="fr"
  head
    meta charset="utf-8"
    meta name="viewport" content="width=device-width,initial-scale=1"

    title = current_page.data.title_seo ? current_page.data.title_seo : current_page.data.title  || data.settings.site.title
    meta name="description" content="#{current_page.data.description}"
    meta name="robots" content="index,follow"

    = stylesheet_link_tag 'application'

  body class="#{page_classes}"
    
    = partial "partials/navbar"

    == yield

    = partial "partials/footer"

new-article.erb

---
title: <%= @title %>
title_seo: ""
description: ""
date: <%= @date %>
hero_image:
thumbnail:
category:
excerpt: ""
author: 
---

reservation.html.slim

---
title: "Réservez votre séjour"
title_seo: "Réservation de séjour, No Wifi Summercamp"
description: "Réserver votre séjour au No Wifi Summercamp"
hero_image: randonneurs.jpg
---
div role="main"
  
  = partial "partials/header"

  p Pour réserver votre séjour, c’est très simple, remplissez le  formulaire ci dessous et nous vous enverrons rapidement une documentation avec les tarifs et les disponibilités.

  p Vous pouvez également nous joindre par téléphone au 02 86 54 96 30

  = form_tag "https://getsimpleform.com/messages?form_api_token=6fa93c7c46ca47439a6a269d7c8a6dc6", method: "post" do

    input type="hidden" name="redirect_to" value="http://nowifisummercamp.github.io/merci.html"

    - field_set_tag do

      p 
        = label_tag :nom
        = text_field_tag :nom, placeholder: "Dujardin"

      p
        = label_tag :prenom
        = text_field_tag :prenom, placeholder: "Pierre"

      p
        = label_tag :email
        = text_field_tag :email, placeholder: "pierredujardin@monemail.fr"

      p 
        = label_tag :telephone
        = telephone_field_tag :telephone, placeholder: "06 12 34 56 78"

      p
        = label_tag :message
        = text_area_tag :message, placeholder: "Quelques lignes pour nous demander ce que vous voulez."

      p
        = submit_tag "envoyer mon message"