Create a gist now

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Files from No Wifi summercamp tutorial / before CSS
/ 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
h2 Rejoignez-nous
p Seul, en famille ou entre amis, nous vous attendons
= link_to "Reserver mon séjour", "/reservation.html"
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
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'
---
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"
---
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"
= 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
---
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"
---
hero_image: blog.jpg
pageable: true
---
div role="main"
= partial "partials/header", locals: {title: category}
= partial "partials/articles-list"
= partial "partials/call-to-action"
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
---
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"
# 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]
---
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"
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"
---
title: <%= @title %>
title_seo: ""
description: ""
date: <%= @date %>
hero_image:
thumbnail:
category:
excerpt: ""
author:
---
---
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"
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment