Last active
October 5, 2016 14:27
-
-
Save nowifisummercamp/fc05ed034338ca851de1 to your computer and use it in GitHub Desktop.
Files from No Wifi summercamp tutorial / before CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/ 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 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
h2 Rejoignez-nous | |
p Seul, en famille ou entre amis, nous vous attendons | |
= link_to "Reserver mon séjour", "/reservation.html" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
div | |
ul | |
- gallery.each do |picture| | |
li | |
= link_to "/images/galleries/#{picture}" do | |
= image_tag "/images/galleries/thumbs/#{picture}" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
--- | |
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" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
--- | |
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" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
= 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 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
--- | |
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" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
--- | |
hero_image: blog.jpg | |
pageable: true | |
--- | |
div role="main" | |
= partial "partials/header", locals: {title: category} | |
= partial "partials/articles-list" | |
= partial "partials/call-to-action" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
--- | |
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" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# 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] |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
--- | |
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" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
--- | |
title: <%= @title %> | |
title_seo: "" | |
description: "" | |
date: <%= @date %> | |
hero_image: | |
thumbnail: | |
category: | |
excerpt: "" | |
author: | |
--- |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
--- | |
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