SSL test

Gemfile

@@ -26,6 +26,8 @@ gem 'acts_as_list'
 gem 'geocoder'
 gem 'forgery'
 gem 'paper_trail'
+gem 'font-awesome-rails'
+gem 'wysiwyg-rails'
 
 group :development, :test do
 	gem 'rspec'

Gemfile.lock

@@ -45,8 +45,6 @@ GEM
     arel (4.0.2)
     awesome_print (1.2.0)
     bcrypt (3.1.7-x86-mingw32)
-    bcrypt-ruby (3.1.5-x86-mingw32)
-      bcrypt (>= 3.1.3)
     better_errors (1.1.0)
       coderay (>= 1.0.0)
       erubis (>= 2.6.6)
@@ -60,7 +58,7 @@ GEM
       net-sftp (>= 2.0.0)
       net-ssh (>= 2.0.14)
       net-ssh-gateway (>= 1.1.0)
-    capybara (2.2.1)
+    capybara (2.4.1)
       mime-types (>= 1.16)
       nokogiri (>= 1.3.3)
       rack (>= 1.0.0)
@@ -88,10 +86,10 @@ GEM
     coffee-rails (4.0.1)
       coffee-script (>= 2.2.0)
       railties (>= 4.0.0, < 5.0)
-    coffee-script (2.2.0)
+    coffee-script (2.3.0)
       coffee-script-source
       execjs
-    coffee-script-source (1.7.0)
+    coffee-script-source (1.7.1)
     compass (0.12.6)
       chunky_png (~> 1.2)
       fssm (>= 0.2.7)
@@ -109,9 +107,9 @@ GEM
       safe_yaml (~> 1.0.0)
     debug_inspector (0.0.2)
     diff-lcs (1.2.5)
-    docile (1.1.3)
+    docile (1.1.5)
     erubis (2.7.0)
-    execjs (2.0.2)
+    execjs (2.2.1)
     factory_girl (4.4.0)
       activesupport (>= 3.0.0)
     factory_girl_rails (4.4.1)
@@ -120,20 +118,22 @@ GEM
     faraday (0.9.0)
       multipart-post (>= 1.2, < 3)
     ffi (1.9.3-x86-mingw32)
+    font-awesome-rails (4.1.0.0)
+      railties (>= 3.2, < 5.0)
     forgery (0.6.0)
-    formatador (0.2.4)
+    formatador (0.2.5)
-    foundation-rails (5.2.2.0)
+    foundation-rails (5.3.0.1)
       railties (>= 3.1.0)
       sass (>= 3.2.0)
     fssm (0.2.10)
-    geocoder (1.2.1)
+    geocoder (1.2.2)
     guard (2.6.1)
       formatador (>= 0.2.4)
       listen (~> 2.7)
       lumberjack (~> 1.0)
       pry (>= 0.9.12)
       thor (>= 0.18.1)
-    guard-rspec (4.2.9)
+    guard-rspec (4.2.10)
       guard (~> 2.1)
       rspec (>= 2.14, < 4.0)
     haml (4.0.5)
@@ -146,37 +146,37 @@ GEM
     highline (1.6.21)
     hike (1.2.3)
     httpauth (0.2.1)
-    i18n (0.6.9)
+    i18n (0.6.11)
     image_optimizer (1.2.1)
-    jquery-rails (3.1.0)
+    jquery-rails (3.1.1)
       railties (>= 3.0, < 5.0)
       thor (>= 0.14, < 2.0)
-    jquery-ui-rails (4.2.1)
+    jquery-ui-rails (5.0.0)
       railties (>= 3.2.16)
     json (1.8.1)
     jwt (0.1.13)
       multi_json (>= 1.5)
     launchy (2.4.2)
       addressable (~> 2.3)
-    listen (2.7.5)
+    listen (2.7.9)
       celluloid (>= 0.15.2)
       rb-fsevent (>= 0.9.3)
       rb-inotify (>= 0.9)
-    lumberjack (1.0.5)
+    lumberjack (1.0.9)
     mail (2.5.4)
       mime-types (~> 1.16)
       treetop (~> 1.4.8)
-    meta_request (0.3.0)
+    meta_request (0.3.3)
-      callsite
+      callsite (~> 0.0, >= 0.0.11)
-      rack-contrib
+      rack-contrib (~> 1.1)
-      railties
+      railties (>= 3.0.0, < 5.0.0)
     method_source (0.8.2)
     mime-types (1.25.1)
     mini_magick (3.7.0)
       subexec (~> 0.2.1)
     mini_portile (0.6.0)
     minitest (4.7.5)
-    multi_json (1.10.0)
+    multi_json (1.10.1)
     multipart-post (2.0.0)
     nested_form (0.3.2)
     net-scp (1.2.1)
@@ -186,6 +186,7 @@ GEM
     net-ssh (2.9.1)
     net-ssh-gateway (1.2.0)
       net-ssh (>= 2.6.5)
+    netrc (0.7.7)
     nokogiri (1.6.2.1-x86-mingw32)
       mini_portile (= 0.6.0)
     oauth (0.4.7)
@@ -195,18 +196,14 @@ GEM
       jwt (~> 0.1.4)
       multi_json (~> 1.0)
       rack (~> 1.2)
-    paper_trail (3.0.2)
+    paper_trail (3.0.3)
       activerecord (>= 3.0, < 5.0)
       activesupport (>= 3.0, < 5.0)
     pg (0.17.1-x86-mingw32)
-    polyglot (0.3.4)
+    polyglot (0.3.5)
-    pry (0.9.12.6)
+    pry (0.10.0-x86-mingw32)
-      coderay (~> 1.0)
+      coderay (~> 1.1.0)
-      method_source (~> 0.8)
+      method_source (~> 0.8.1)
-      slop (~> 3.4)
-    pry (0.9.12.6-x86-mingw32)
-      coderay (~> 1.0)
-      method_source (~> 0.8)
       slop (~> 3.4)
       win32console (~> 1.3)
     rack (1.5.2)
@@ -234,28 +231,34 @@ GEM
       thor (>= 0.18.1, < 2.0)
     rake (10.3.2)
     rb-fsevent (0.9.4)
-    rb-inotify (0.9.4)
+    rb-inotify (0.9.5)
       ffi (>= 0.5.0)
-    rest-client (1.6.7)
+    rest-client (1.7.1-x86-mingw32)
-      mime-types (>= 1.16)
+      ffi (~> 1.9)
-    rspec (2.14.1)
+      mime-types (>= 1.16, < 3.0)
-      rspec-core (~> 2.14.0)
+      netrc (~> 0.7)
-      rspec-expectations (~> 2.14.0)
+    rspec (3.0.0)
-      rspec-mocks (~> 2.14.0)
+      rspec-core (~> 3.0.0)
-    rspec-core (2.14.8)
+      rspec-expectations (~> 3.0.0)
-    rspec-expectations (2.14.5)
+      rspec-mocks (~> 3.0.0)
-      diff-lcs (>= 1.1.3, < 2.0)
+    rspec-core (3.0.2)
-    rspec-mocks (2.14.6)
+      rspec-support (~> 3.0.0)
-    rspec-rails (2.14.2)
+    rspec-expectations (3.0.2)
+      diff-lcs (>= 1.2.0, < 2.0)
+      rspec-support (~> 3.0.0)
+    rspec-mocks (3.0.2)
+      rspec-support (~> 3.0.0)
+    rspec-rails (3.0.1)
       actionpack (>= 3.0)
-      activemodel (>= 3.0)
       activesupport (>= 3.0)
       railties (>= 3.0)
-      rspec-core (~> 2.14.0)
+      rspec-core (~> 3.0.0)
-      rspec-expectations (~> 2.14.0)
+      rspec-expectations (~> 3.0.0)
-      rspec-mocks (~> 2.14.0)
+      rspec-mocks (~> 3.0.0)
-    rubyzip (1.1.3)
+      rspec-support (~> 3.0.0)
-    rvm-capistrano (1.5.2)
+    rspec-support (3.0.2)
+    rubyzip (1.1.6)
+    rvm-capistrano (1.5.3)
       capistrano (~> 2.15.4)
     safe_yaml (1.0.3)
     sass (3.2.19)
@@ -264,7 +267,7 @@ GEM
       sass (~> 3.2.0)
       sprockets (~> 2.8, <= 2.11.0)
       sprockets-rails (~> 2.0)
-    selenium-webdriver (2.41.0)
+    selenium-webdriver (2.42.0)
       childprocess (>= 0.5.0)
       multi_json (~> 1.0)
       rubyzip (~> 1.0)
@@ -275,9 +278,9 @@ GEM
       simplecov-html (~> 0.8.0)
     simplecov-html (0.8.0)
     slop (3.5.0)
-    sorcery (0.8.5)
+    sorcery (0.8.6)
-      bcrypt-ruby (>= 3.0)
+      bcrypt (~> 3.1)
-      oauth (~> 0.4.4)
+      oauth (~> 0.4, >= 0.4.4)
       oauth2 (>= 0.8.0, < 1.0.0)
     sprockets (2.11.0)
       hike (~> 1.2)
@@ -292,15 +295,15 @@ GEM
     term-ansicolor (1.3.0)
       tins (~> 1.0)
     thor (0.19.1)
-    thread_safe (0.3.3)
+    thread_safe (0.3.4)
     tilt (1.4.1)
     timers (1.1.0)
     tins (1.3.0)
     treetop (1.4.15)
       polyglot
       polyglot (>= 0.3.1)
-    tzinfo (0.3.39)
+    tzinfo (0.3.40)
-    uglifier (2.5.0)
+    uglifier (2.5.1)
       execjs (>= 0.3.0)
       json (>= 1.8.0)
     unicode_utils (1.4.0)
@@ -310,6 +313,9 @@ GEM
       crack (>= 0.3.2)
     websocket (1.0.7)
     win32console (1.3.2-x86-mingw32)
+    wysiwyg-rails (1.1.5)
+      font-awesome-rails (= 4.1.0.0)
+      railties (>= 3.2, < 5.0)
     xpath (2.0.0)
       nokogiri (~> 1.3)
 
@@ -330,6 +336,7 @@ DEPENDENCIES
   compass-rails (~> 1.1.3)
   coveralls
   factory_girl_rails
+  font-awesome-rails
   forgery
   foundation-rails
   geocoder
@@ -359,3 +366,4 @@ DEPENDENCIES
   uglifier (>= 1.3.0)
   wdm (>= 0.1.0)
   webmock
+  wysiwyg-rails

app/assets/javascripts/application.js.coffee

@@ -1,22 +1,9 @@
-#= require jquery
+#= require froala_editor.min.js
-#= require jquery_ujs
-#= require jquery.ui.sortable
-# = #require jquery.turbolinks
-# = #require turbolinks
-#= require foundation
-
-# FRONT END
-
-# JS HANDLEBARS TEMPLATES
-# require handlebars.runtime
-# require jquery_nested_form
 
 # I18n
 
 'use strict'
 
-try Typekit.load() catch
-
 startSpinner = ->
 	$('#loading-spinner').show()
 
@@ -170,6 +157,7 @@ $ ->
 	#head = document.getElementsByTagName("head")[0];
 	#head.appendChild(trial);
 	#$(document).foundation();
+	#$('[data-editable]').editable({blockTags: ["n", "p", "h2", "blockquote", "pre"], buttons: ["formatBlock", "bold", "italic", "underline", "insertOrderedList", "insertUnorderedList", "sep", "createLink", "insertImage", "insertVideo", "html", "undo", "redo"]})
 	$('.field.country-select select').change () ->
 		$country = $(this)
 		country = $country.val()
@@ -201,29 +189,29 @@ $ ->
 	updateFormFieldForm()
 	updateFormFieldList()
 
-	$('ul.sortable').sortable
+	#$('ul.sortable').sortable
-		handle: '.drag-sort',
+	#	handle: '.drag-sort',
-		items: 'li',
+	#	items: 'li',
-		update: (event, props) ->
+	#	update: (event, props) ->
-			$(this).children().each (index, child) ->
+	#		$(this).children().each (index, child) ->
-				$(child).find('.sortable-position').val(index + 1)
+	#			$(child).find('.sortable-position').val(index + 1)
-			url = $(this).data().url
+	#		url = $(this).data().url
-			if url
+	#		if url
-				data = $(this).find('input, select, textarea').serialize()
+	#			data = $(this).find('input, select, textarea').serialize()
-				$.post url, data#,
+	#			$.post url, data#,
-				#	(json) ->
+	#			#	(json) ->
-				#		console.log json
+	#			#		console.log json
-				#, 'json'
+	#			#, 'json'
-	$('table#translations td.value').click () ->
+	#$('table#translations td.value').click () ->
-		$this = $(this)
+	#	$this = $(this)
-		if !$this.find('.translation-form').length
+	#	if !$this.find('.translation-form').length
-			startTranslating($this)
+	#		startTranslating($this)
-	if $('table#translations').length
+	#if $('table#translations').length
-		$(document).click (event) ->
+	#	$(document).click (event) ->
-			$target = $(event.target)
+	#		$target = $(event.target)
-			if $target.closest('table#translations').length < 1 && !$target.hasClass('auto-translate')
+	#		if $target.closest('table#translations').length < 1 && !$target.hasClass('auto-translate')
-				stopTranslating()
+	#			stopTranslating()
-		$('.auto-translate').click (event) ->
+	#	$('.auto-translate').click (event) ->
-			event.preventDefault()
+	#		event.preventDefault()
-			$td = $(this).parent()
+	#		$td = $(this).parent()
-			saveTranslation($td, null, true)
+	#		saveTranslation($td, null, true)

app/assets/javascripts/translations.js

@@ -0,0 +1,75 @@
+$(function() {
+	$('table#translations td.value').click(function() {
+		var $this = $(this);
+		if(!$this.find('.translation-form').length) {
+			startTranslating($this);
+		}
+	});
+	if ($('table#translations').length) {
+		$(document).click(function(event) {
+			$target = $(event.target);
+			if ($target.closest('table#translations').length < 1 && !$target.hasClass('auto-translate')) {
+				stopTranslating();
+			}
+		});
+		$('.auto-translate').click(function(event) {
+			event.preventDefault();
+			$td = $(this).parent();
+			saveTranslation($td, null, true);
+		});
+	}
+});
+	
+function saveTranslation($td, $move_to, auto_translate) {
+	var val = '';
+	var do_auto_translate = true;
+	if (typeof auto_translate == "undefined" || !auto_translate) {
+		val = $td.find('textarea').val();
+		do_auto_translate = false;
+	}
+	var key = $td.parent().data().key;
+	var params = {
+		translationkey: key,
+		translationvalue: val,
+		translationlang: window.location.href.replace(/^.*\/(\w+)\/$/, '$1')
+	};
+	if (do_auto_translate) {
+		params['auto_translate'] = true;
+	}
+	params['authenticity_token'] = $('table#translations').data().token;
+	$.post('/translate/', params, function(json) {
+		$td.html(json.translation);
+		if ($td.parent().hasClass('not-exists')) {
+			$td.parent().removeClass('not-exists');
+			$td.parent().addClass('exists');
+		}
+		$('.translation-form').remove();
+		if (typeof $move_to != "undefined" && $move_to) {
+			startTranslating($move_to);
+		}
+	});
+}
+
+function stopTranslating() {
+	$('.translation-form').remove();
+}
+
+function startTranslating($td) {
+	stopTranslating();
+	var value = $td.parent().hasClass('not-exists') ? '' : $td.html().trim();
+	var $tr = $td.parent();
+	var key = $tr.data().key;
+	$td.append('<div class="translation-form"><textarea>' + value + '</textarea><button class="small" data-key="' + key + '">Save</textarea>');
+	var $textarea = $td.find('textarea');
+	$textarea.select();
+	$td.find('.translation-form button').click(function() { saveTranslation($td); });
+	$textarea.keydown(function(event) {
+		if (event.keyCode == 9) {
+			event.preventDefault();
+			var $new_tr = event.shiftKey ? $tr.prev() : $tr.next();
+			saveTranslation($td, $new_tr.find('.value'));
+		} else if (event.keyCode == 27) {
+			stopTranslating();
+		}
+	});
+}

app/assets/stylesheets/application.css.scss

@@ -1,4 +1,8 @@
 /*
+ *= require froala_editor.min.css
+ */
+
+ /*
  * This is a manifest file that'll be compiled into application.css, which will include all the files
  * listed below.
  *
@@ -23,6 +27,7 @@
 
 // Libraries
 @import "compass";
+@import "font-awesome";
 @import "foundation_and_overrides";
 
 // Local settings (also edit foundation_and_overrides.scss to modify global variables)
@@ -30,5 +35,3 @@
 @import "sass/layout";
 @import "sass/typography";
 @import "sass/base";
-
-#mfPreviewBarShow, #mfPreviewBar { display: none; }

app/assets/stylesheets/sass/_layout.scss

@@ -15,36 +15,71 @@ body {
 #main-nav {
 	background-color: $white;
 	width: 100%;
-	display: table;
+	display: block;
 	font-size: 0.6667em;
 	font-size: 2.4vw;
+	overflow: hidden;
+	height: 3.1em;
 
 	p {
 		display: none;
 	}
 
+	.buttons {
+		display: block;
+		width: 87%;
+		height: 100%;
+		//overflow: hidden;
+		white-space: nowrap;
+		float: right;
+	}
+
 	.button {
-		width: 29%;
+		width: 33.3%;
+		height: 100%;
 		margin: 0;
-		clear: left;
+		float: left;
+
+		&:hover {
+			background-color: rgba($white, 0.75);
+		}
+
+		&.active {
+			&:after {
+				content: '';
+				width: 0;
+				height: 0;
+				display: block;
+				position: absolute;
+				border-style: solid;
+				border-width: 1em 1em 0 1em;
+				border-color: #a0c700 transparent transparent transparent;
+				left: 0;
+				right: 0;
+				margin: 0.15em auto 0;
+				top: 100%;
+				z-index: 1;
+				border-width: 3vw 5vw 0 5vw;
+			}
+		}
 
 		&.logo {
-			background-color: $white;
+			background-color: transparent;
 			width: 13%;
 			border: 0;
 			padding: 0;
 			vertical-align: top;
-			overflow: auto;
+			//overflow: hidden;
-
+			height: 100%;
-			/*svg {
+			float: left;
-				float: left;
-				width: 50%;
-			}*/
 
 			.logo {
 				width: auto;
-				height: 2.4em;
+				height: 2em;
 				fill: $primary-color;
+				position: absolute;
+				left: 0;
+				margin-top: 0.15em;
 			}
 
 			.logo-text {
@@ -60,7 +95,75 @@ body {
 	}
 
 	@include breakpoint(medium) {
+		height: 5em;
+		position: absolute;
+		z-index: 10;
+		//background-color: $white;
+		//background-color: rgba($white, 0.33);
+		background-color: transparent;
+		@include background-image(linear-gradient(left, $white 0%, rgba($white, 0) 50%));
+
+		.buttons {
+			display: block;
+			width: 70%;
+			height: auto;
+			//overflow: hidden;
+			white-space: normal;
+			font-size: 0.75em;
+			margin-top: 2.5%;
+		}
+
+		p {
+			font-size: 1.25em;
+			font-size: 1.25vw;
+			line-height: 1.2em;
+		}
+		
+		.button {
+			width: auto;
+			height: auto;
+			//float: none;
+			//margin: 0 0 1.25rem;
+			margin: 1%;
+			width: 30%;
+
+			&.logo {
+				position: relative;
+				//width: 100%;
+				//height: auto;
+				//margin-bottom: 2em;
+				//float: none;
+				width: 25%;
+				margin: 0;
+				height: 100%;
+				float: left;
+				padding: 0.25em;
+
+				.logo {
+					position: static;
+					float: left;
+					width: 51%;
+					height: 100%;
+					margin: 0 5% 0 0;
+				}
+
+				img.logo {
+					height: auto;
+				}
+
+				.logo-text {
+					display: block;
+					width: 44%;
+					height: 100%;
+				}
+			}
+		}
+	}
+
+	@include breakpoint(large) {
 		display: block;
+		position: static;
+		height: auto;
 		min-height: 100%;
 		float: left;
 		width: 25%;
@@ -72,36 +175,26 @@ body {
 			display: block;
 		}
 
-		p {
-			font-size: 0.9em;
-		}
-		
 		.button {
-			width: auto;
+			width: 100%;
-			margin: 0 0 1.25rem;
+			height: auto;
+			margin: 0 0 1.25em;
+			float: none;
 
 			&.logo {
-				position: relative;
 				width: 100%;
-				margin-bottom: 2em;
+				height: auto;
-
+				float: none;
-				.logo {
-					float: left;
-					width: 51%;
-					height: 100%;
-					margin-right: 5%;
-				}
-
-				img.logo {
-					height: auto;
-				}
-
-				.logo-text {
-					display: block;
-					width: 44%;
-				}
 			}
 		}
+
+		.buttons {
+			display: block;
+			width: 100%;
+			font-size: 1em;
+			margin: 2em 0 0;
+			float: none;
+		}
 	}
 }
 
@@ -122,7 +215,7 @@ main {
 	}
 
 	.conferences & {
-		background-color: lighten(desaturate($conference-color, 25), 50);
+		background-color: lighten(desaturate($conference-color, 25), 42.5);
 		min-height: 100vh;
 	}
 
@@ -265,6 +358,7 @@ main {
 		min-height: 40em;
 		height: 100%;
 		height: 100vh;
+		padding-top: 7.5em;
 
 		.organizations-show &,
 		.conferences-show & {
@@ -306,6 +400,21 @@ main {
 
 		.organizations-index &,
 		.conferences-index & {
+			height: 30vw;
+
+			h1 {
+				font-size: 6vw;
+			}
+		}
+	}
+
+	@include breakpoint(large) {
+		padding-top: 0;
+
+		.organizations-index &,
+		.conferences-index & {
+			height: 15vw;
+
 			h1 {
 				font-size: 3.75vw;
 				margin-top: 6vw;

app/assets/stylesheets/sass/_typography.scss

@@ -532,3 +532,21 @@ input:-webkit-autofill {
 svg {
 	height: 0%;
 }
+
+#footer {
+	color: $white;
+	padding: 2.5em 0;
+	font-size: 1.25em;
+
+	a {
+		margin: 0 1em;
+	}
+
+	a, a:visited {
+		color: $white;
+	}
+
+	a:hover {
+		color: rgba($white, 0.5);
+	}
+}

app/controllers/application_controller.rb

@@ -7,11 +7,15 @@ class ApplicationController < ActionController::Base
 	# Prevent CSRF attacks by raising an exception.
 	# For APIs, you may want to use :null_session instead.
 	protect_from_forgery with: :exception
+	
+	if ENV['RAILS_ENV'] || 'production'
+		force_ssl only: :success
+	end
 
 	before_filter :capture_page_info
 
 	def capture_page_info
-        init_vars
+		init_vars
 		$page_info = {:path => request.env['PATH_INFO'], :controller => params['controller'], :action => params['action']}
 	end
 

app/controllers/pages_controller.rb

@@ -1,6 +1,7 @@
 include ApplicationHelper
 
 class PagesController < ApplicationController
+    #skip_before_filter :verify_authenticity_token, only: [:translate]
 
 	def home
         @conferences = Conference.all

app/views/conferences/show.html.haml

@@ -4,4 +4,5 @@
 = tabs!
 
 %h2=('About '+@conference.title)
-%p=@conference.info.html_safe
+%div{data: {editable: true}}
+	%p=@conference.info.html_safe

app/views/layouts/application.html.haml

@@ -4,6 +4,7 @@
 		%meta{ charset: 'utf-8' }
 		%meta{ name: 'viewport', content: 'width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0' }
 		%title= yield_or_default :title, controller.action_name.titlecase
+		%meta{ name: 'description', content: (yield_or_default :description, 'Bike!Bike! is an international annual gathering organized by and for community bicycle projects') }
 		= csrf_meta_tags
 		= yield :head
 		/ Le HTML5 shim, for IE6-8 support of HTML elements
@@ -25,8 +26,9 @@
 			\==================================================
 		/ Placed at the top of the document 'cause of turbolinks
 		=# javascript_include_tag '//use.typekit.net/iqv7hcg.js'
-		= javascript_include_tag 'application'
+		= javascript_include_tag '//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'
-		= javascript_include_tag 'nested_form'
+		=# javascript_include_tag 'application'
+		=# javascript_include_tag 'nested_form'
 
 	%body{ class: (yield_or_default :page_style) }
 		:javascript

app/views/pages/translation_list.js.haml

@@ -0,0 +1,73 @@
+- content_for :dom_ready
+	$('table#translations td.value').click(function() {
+		var $this = $(this);
+		if(!$this.find('.translation-form').length()) {
+			startTranslating($this);
+		}
+	});
+	if ($('table#translations').length()) {
+		$(document).click(function(event) {
+			$target = $(event.target);
+			if ($target.closest('table#translations').length() < 1 && !$target.hasClass('auto-translate')) {
+				stopTranslating();
+			}
+		$('.auto-translate').click (function(event) {
+			event.preventDefault();
+			$td = $(this).parent();
+			saveTranslation($td, null, true);
+		});
+	}
+	
+- content_for :scripts
+	function saveTranslation($td, $move_to, auto_translate) {
+		var val = '';
+		var do_auto_translate = true;
+		if (typeof auto_translate == "undefined" || !auto_translate) {
+			val = $td.find('textarea').val();
+			do_auto_translate = false;
+		}
+		var key = $td.parent().data().key;
+		var params = {
+			translationkey: key,
+			translationvalue: val,
+			translationlang: window.location.href.replace(/^.*\/(\w+)\/$/, '$1')
+		};
+		if (do_auto_translate) {
+			params['auto_translate'] = true;
+		}
+		$.post('/translate/', params, function(json) {
+			$td.html(json.translation);
+			if ($td.parent().hasClass('not-exists')) {
+				$td.parent().removeClass('not-exists');
+				$td.parent().addClass('exists');
+			}
+			$('.translation-form').remove();
+			if (typeof $move_to != "undefined" && $move_to) {
+				startTranslating($move_to);
+			}
+		});
+	}
+
+	function stopTranslating() {
+		$('.translation-form').remove();
+	}
+
+	function startTranslating($td) {
+		stopTranslating();
+		var value = $td.parent().hasClass('not-exists') ? '' : $td.html().trim();
+		var $tr = $td.parent();
+		var key = $tr.data().key;
+		$td.append('<div class="translation-form"><textarea>' + value + '</textarea><button class="small" data-key="' + key + '">Save</textarea>');
+		var $textarea = $td.find('textarea');
+		$textarea.select();
+		$td.find('.translation-form button').click(function() { saveTranslation($td); });
+		$textarea.keydown(function(event) {
+			if (event.keyCode == 9) {
+				event.preventDefault();
+				var $new_tr = event.shiftKey ? $tr.prev() : $tr.next();
+				saveTranslation($td, $new_tr.find('.value'));
+			} else if (event.keyCode == 27) {
+				stopTranslating();
+			}
+		});
+	}

app/views/pages/translations.html.haml

@@ -3,7 +3,7 @@
 .row
 	%h1
 		= _ 'language_translations', vars: {:language => (_ ('languages.' + @lang))}
-	%table.columns#translations
+	%table.columns#translations{data: {token: form_authenticity_token}}
 		%thead
 			%tr
 				%th.key=_'translations.Key'
@@ -41,3 +41,6 @@
 							= translation_hint ? (_ "languages.#{I18n.locale.to_s}") + " = \"#{translation_hint}\"" : 'Nil'
 						- unless current_translation
 							%a{:href => '#', :class => 'auto-translate button small'}='Auto'
+
+-# content_for :footer_scripts
+= javascript_include_tag 'translations'

app/views/shared/_footer.html.haml

@@ -1,6 +1,15 @@
-%footer
+%footer.row
+	.columns.medium-8.medium-push-1.large-6.large-push-3.text-center
+		%a{href: '/conferences/'}='Conferences'
+		\/
+		%a{href: '/conferences/'}='Organizations'
+		\/
+		%a{href: '/conferences/'}='Zine'
+	.columns.medium-3.large-3.text-right
+		©2014 Bike!Bike!
 :javascript
 	#{yield :scripts}
 	$(function(){
 		#{yield :dom_ready}
-	});
+	});
+= yield :footer_scripts

app/views/shared/_navbar.html.haml

@@ -4,9 +4,10 @@
 		=# image_tag('logo-text.png', class: 'logo-text')
 		= icon('logo', {:class => 'logo'})
 		= icon('logo-text', {:class => 'logo-text'})
-	= link_to (_'Conferences'), :conferences, {:class => ['button', 'conference']}
+	.buttons
-	= link_to (_'Organizations'), {:controller => :organizations}, {:class => ['button', 'organization']}
+		= link_to (_'Conferences'), :conferences, {:class => ['button', 'conference']}
-	= link_to (_'Zine'), 'http://zinezine.bikebike.org', :class => ['button', 'article']
+		= link_to (_'Organizations'), {:controller => :organizations}, {:class => ['button', 'organization']}
+		= link_to (_'Zine'), 'http://zinezine.bikebike.org', :class => ['button', 'article']
 	- if is_this_the_front_page?
 		%p
 			Bike!Bike! is an international annual gathering organized by and for community bicycle projects. The conference is a space for participants from shops and related advocacy groups to converge in a different city each year over a 4 day period to have workshops and strengthen our social network.

config/environments/development.rb

@@ -45,6 +45,7 @@ BikeBike::Application.configure do
 	}
 	config.action_mailer.raise_delivery_errors = true
 	config.action_mailer.perform_deliveries = true
+    #config.force_ssl = true
 	#config.action_mailer.default_charset = 'utf-8'
 
     #Carmen.i18n_backend.locale_paths = ''

config/environments/production.rb

@@ -24,7 +24,7 @@ BikeBike::Application.configure do
 
 	# Compress JavaScripts and CSS.
 	config.assets.js_compressor = :uglifier
-	# config.assets.css_compressor = :sass
+	config.assets.css_compressor = :sass
 
 	# Do not fallback to assets pipeline if a precompiled asset is missed.
 	#config.assets.compile = true
@@ -40,7 +40,7 @@ BikeBike::Application.configure do
 	# config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' # for nginx
 
 	# Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
-	# config.force_ssl = true
+	config.force_ssl = true
 
 	# Set to :debug to see everything in the log.
 	config.log_level = :info

server.crt

@@ -0,0 +1,22 @@
+-----BEGIN CERTIFICATE-----
+MIIDmjCCAoICCQCABjRcroTvojANBgkqhkiG9w0BAQUFADCBjjELMAkGA1UEBhMC
+Q0ExCzAJBgNVBAgTAkFCMRAwDgYDVQQHEwdDYWxnYXJ5MRMwEQYDVQQKFApCaWtl
+IUJpa2UhMQwwCgYDVQQLEwNEZXYxFjAUBgNVBAMTDWxvY2FsaG9zdC5zc2wxJTAj
+BgkqhkiG9w0BCQEWFmdvb2Rnb2R3aW5AaG90bWFpbC5jb20wHhcNMTQwNzEyMDEz
+MDU2WhcNMTUwNzEyMDEzMDU2WjCBjjELMAkGA1UEBhMCQ0ExCzAJBgNVBAgTAkFC
+MRAwDgYDVQQHEwdDYWxnYXJ5MRMwEQYDVQQKFApCaWtlIUJpa2UhMQwwCgYDVQQL
+EwNEZXYxFjAUBgNVBAMTDWxvY2FsaG9zdC5zc2wxJTAjBgkqhkiG9w0BCQEWFmdv
+b2Rnb2R3aW5AaG90bWFpbC5jb20wggEiMA0GCSqGSIb3DQEBAQUAA4IBDwAwggEK
+AoIBAQDIgjCmK03nV4zGQRZXIqYGnSwOCHQ0x8J+SXIFqxyfWdL64AL0Nygj2Sa8
+f5RCW/G2Nt2v9VFrbUWfz2ZgdXK2htGxfbyQfskx9C7v+NrTFB/p3SzkQUzzIKy1
++qtIB+/PDnQyUFIN3tExFx4RUW4T8vMAmqisQgBvuDg6b3OvqjIIzEanMD+W1tcA
+J4kHjoCOlaOVQ0amcDOJbKuSrJeOCGvkyYO/8RU8oK83opHI6ZinGBxt382avf+D
+4QApOLW7M1wcroab7RjPNkNejyKHp6xIrg9SZs4TUa4ERAPo2gyFPnAvmEHaOExE
+XUpevy6p0SlOki3FGAUUmz86lVrTAgMBAAEwDQYJKoZIhvcNAQEFBQADggEBAETK
+AiNXGCp5upwAS36CCTV5xBWovLglX52cJt5ZdEgL/E884FsGThIjT5Z7qBnP2sW0
+iTqF5OHh7NGtMMUfaYImsUo2vSH4y2mF4DHjV38VvnzbqnM4ADUqPld8PkbrCHUA
+j9H+5ggeDw6LYXvvrUicAXVaX2uoKYgkwRz4g/jgBgfuE+l8vDlFi6Rm54Lh6gDy
+4mcgKSf/NGlocqHlzFvASih1H1BSq4jfK32orRSbYd2HNHRsYtMUgjoRSuyueQEQ
+9pDN7J8gJrI37ypt8mg9646U1wuxDzqT4wDRQwRFunRgNGtM6nF+40PfWPAkokSa
+tkmZfXF2VUw4nqMEa+k=
+-----END CERTIFICATE-----

server.csr

@@ -0,0 +1,19 @@
+-----BEGIN CERTIFICATE REQUEST-----
+MIIDCDCCAfACAQAwgY4xCzAJBgNVBAYTAkNBMQswCQYDVQQIEwJBQjEQMA4GA1UE
+BxMHQ2FsZ2FyeTETMBEGA1UEChQKQmlrZSFCaWtlITEMMAoGA1UECxMDRGV2MRYw
+FAYDVQQDEw1sb2NhbGhvc3Quc3NsMSUwIwYJKoZIhvcNAQkBFhZnb29kZ29kd2lu
+QGhvdG1haWwuY29tMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAyIIw
+pitN51eMxkEWVyKmBp0sDgh0NMfCfklyBascn1nS+uAC9DcoI9kmvH+UQlvxtjbd
+r/VRa21Fn89mYHVytobRsX28kH7JMfQu7/ja0xQf6d0s5EFM8yCstfqrSAfvzw50
+MlBSDd7RMRceEVFuE/LzAJqorEIAb7g4Om9zr6oyCMxGpzA/ltbXACeJB46AjpWj
+lUNGpnAziWyrkqyXjghr5MmDv/EVPKCvN6KRyOmYpxgcbd/Nmr3/g+EAKTi1uzNc
+HK6Gm+0YzzZDXo8ih6esSK4PUmbOE1GuBEQD6NoMhT5wL5hB2jhMRF1KXr8uqdEp
+TpItxRgFFJs/OpVa0wIDAQABoDQwEwYJKoZIhvcNAQkCMQYWBEIhQiEwHQYJKoZI
+hvcNAQkHMRAWDk5ld09ybGVhbnNAKSEjMA0GCSqGSIb3DQEBBQUAA4IBAQCTsPln
+29vj2ygz2sD1rtsAFNxR/TKxE/9pHkbqswjenjTRScx7mYU7LXBbDsT1/0RB0LJB
+PYLeKKBCCGSnYqSkZyUKUGv5ZdV0BxOiJ0CVOA3wfMnUwfv1bidkx4OfX3o+pLnW
+7c3tzEHHiyst94bI9gn8BD/87zhjZn24VtQCedb4oxYvU/LTx2h+RbZYMLlRxySe
+Rb1gsJc/nV/v1inNPbBGkZ+xz8TDgV9w/+pzfLeFn82L/GfkNEeY1M0un5ldDgOe
+oR7zVRolp0T4qaXmGIU/TJv3iTBN8U+1ZRPu3AlATV4kzhT02l0X29ziQuBqZj3B
+lXUOcuq9QvC+u2h8
+-----END CERTIFICATE REQUEST-----

server.key

@@ -0,0 +1,27 @@
+-----BEGIN RSA PRIVATE KEY-----
+MIIEogIBAAKCAQEAyIIwpitN51eMxkEWVyKmBp0sDgh0NMfCfklyBascn1nS+uAC
+9DcoI9kmvH+UQlvxtjbdr/VRa21Fn89mYHVytobRsX28kH7JMfQu7/ja0xQf6d0s
+5EFM8yCstfqrSAfvzw50MlBSDd7RMRceEVFuE/LzAJqorEIAb7g4Om9zr6oyCMxG
+pzA/ltbXACeJB46AjpWjlUNGpnAziWyrkqyXjghr5MmDv/EVPKCvN6KRyOmYpxgc
+bd/Nmr3/g+EAKTi1uzNcHK6Gm+0YzzZDXo8ih6esSK4PUmbOE1GuBEQD6NoMhT5w
+L5hB2jhMRF1KXr8uqdEpTpItxRgFFJs/OpVa0wIDAQABAoIBAEM2qTo6z/2Z8p3O
+2b9R5RfYfhkiKlo7EG6nDirqRkkAomHoz/SvvKvvsjWECt4H1kn/sGa4tJdvZOSC
+cM4q8M5Q+WAnRxuk9KrjMQzOfgQ9/ci2lMLbRQFHVb4XDm2yA2iEbt0i4a62n6d2
+GWUyx9S2H1F3hs1fvqe0uFyWWdBrhAT7ba/1qPTTxf/V7H31xHGhA/pAkvnSpd0y
+5+qVHU4yBD9bzR/ujuS4lhJ6zm3d3gsdDzJWy4huNXuZiQfxI0Db0nN20iflIv2u
+GzMAqy1dcDuU3L1Fqm4AjiRI55MdC9Cb9TEWk7ncABWyo47/F5cjUypLO8wmZcPl
+mKPbBhECgYEA70Mh8FY0v+skdD1t/GF/GyxNLz144WvraUKhu4is4eQSKdgXqzGk
+S+tsJEi7H9AeJualuvjHqDYh4tqkjrdU12TEHckskFujtpvsjVIWD0yKhuUvbDq2
+SSC89rX0su+7I/KyNMzV4PVk9vF2TYXi1v/fflvxBtYm81Un1lTy0KkCgYEA1okH
+3cOGdYnrJgTs11Us1oEoVRNM/0YVKP39IvHCvlpwiYMBPgsF/HJFL29OuZIDgcZI
+nQ6G0GUdJ+iCsL+3kvG0/lBqoDXUqLOqX1PTEUXZvUhOwIahhpI5ZzTfCxpS7WaV
+oF5GkeCHYZASK39ZHRUmjmQobZ1bt3Ju8MNhMRsCgYAvl37su3kKo89Af+ecyBfs
+Y8eGmgetbzYIXgSltO4OkLs8L4ultd4ka9O68+yky1T0D/TvWAT+5KWg5jTNXpI1
+tgl8k0OWA2RxMlq/UZCpwmPbqULhmFwh960etdrSrPTglan07rmsYaOPq0AI85TH
+h2YBUHCFF5vv0wR1kbgq4QKBgBMJD5ieu7R8K1AxSa6FkTfrN9/smX1hA4mil65d
+EzF+ptOcuyR9J+fRX9AoqSyQBx2hsVm2K0IcZqze1ZHHQQuZxLx3+C4E+LyLTIeu
+0WCL+RjxbINqrrRZDxzYNR4wFMGZw5b6JnrVGE4Q0Xvojcil0sj5nBi1yKiLT8qv
+G1WXAoGAV5q4BG+3Ogtzbra1g86B738tGwCugVN09+aa5CMUmHby+dxOV8TWUonU
+WR8B0ftHNwGQbIyXH8vvUWouZc299un4GvSk2kD8QXOh7B8utEvhLUOESWZh3DK0
+XLt/qjOfZWroefAippJWjYzMDr7ksjbf+VOEspuswJuq9n0porY=
+-----END RSA PRIVATE KEY-----

server.orig.key

@@ -0,0 +1,30 @@
+-----BEGIN RSA PRIVATE KEY-----
+Proc-Type: 4,ENCRYPTED
+DEK-Info: DES-EDE3-CBC,E2B7A45350D7EA1A
+
+rS1BnPRCuwtWbHERCXw2moG6YJ3sMebRS1kqG5cNYY5Id6wcQbOzUfAMbzHitOBb
+9jxwU2P9bxKGkohdtL/4x6voJbbt1WZivHa79g2lJvgSGqkGeF36sEQ+5FQo83xQ
+houl4MWcl+AIZiJpjuCHrj4ZAhZZLaScRdzbOc32sm+y1evWjOR6QKj6l+kaEwCx
+cHl7zusD/AjICS7qnkc2LyqHAukF/5VA+TPQGbslaA5E6FC/1FaOZMgvjJ/1doWF
+Oq5J4tMLDrgcX36+5zRYmEv7OPIqz5h4ynTaZJgeceuJhHwnNhD0VipbzlC0cQd7
+AGHnRVDb+znQve58Zev14B5QtQhYQAuNmWiE3uiFAJEgnfbCt/zYMc7doNvzfOl2
+tqOgD5FVRVAdCPXVlmDCXWp/LmxraxmtGsdH916fYHrBEe2VZ2Eamen5EKWjcVje
+quwhSjqR2GPfFZexR9s6FahGLuRIL6BB4pOwwG4D9OGBfvweqiaqlXVe5XGCZf1d
+KY4YArWhHectUJB8xHWp5nVh6vuqAygQFyn4dS5lpNGLwNyhytBPZb6GwV6OT2mY
+W6MBGcayqM66MeFoK67ghOfBNA+BG1P5F87wVOGEi8MvGRPmRdwLIKweaU+qF8jb
+la6NvzRL0oBieDZq4EHo05YaYIqKVbSh18zpVS2iI57tDLKxdRhjl+ZDXcPmB8+S
+LdrvoTE+SAC4tefeJ9/BRa/G8DRcnFv9GW8lDm/wiPmVW6F2UWqLNYP+wiUJeWhr
+E0mAn8xq9TEGOKWNI5ZPkYwZVzrCa1N6Zrh/VNscufTEk+HVmarXXO1OZfqFRy/A
+6QUTbhA1/+VqXFpN5LANlP23PHJKI0eQa3dUuUBIepoBMbFTjGu80K3UwUX8SfUr
+925hHbL/ag5zr0LstMg0iC3JlX34zoU0fxM6Sp47Bw8H+j2A731zAHShAQBVQXdq
+DymwhXAgV9WHgFlhrn0w8G0zex1FPCARUU8mi4/YYuJHJIED4jxBXE2dGcV2m3EH
+x0ES3J13CcuQSzb1mI5oueWiDCuSUWKgnEeLVelc6GjdtbAaj3yknoEcHkeNOJ/p
+idTE3r+dwbolhe5PWFnTDNNg9sdjl95tqgFXkVKU5l/f2aMqh94aBkc5aUxCdXQj
+jpiP1zPlWwqBz6kpXOII86eVIzD9k2KZoWJUXvdfsTjPo+Gz+75Z+hZjmOAC4lMv
+cjj6cDepwxZS6HgN+16rAc/yVzi0bUkKkxLehjPDUAHPrK4dpeXydmuz3niHe7c7
+yZTYezl3pDVRdH4I1B5Xsc/cHl0Bqo7twq1wps9sr0EUzLyiUo3oWKhTcQ/Fij9F
+dMa30yyfRIZeZHw80gYcIfWwDfw5S71UqyCefs0jpQ3XX0ZRvLNMhjE5BOGYVUhU
+E3Hf8xJGDchls5KSoNJYY7bZZ04AH3szDlV17nuPjhoshRZDAasLi8vVn3C0VB4O
+KJn8FJpjtMuqtaJ8OdYP3duOZVLE9ycqpJHnr4BYTNqm5UANWtW3FMCXqQIb3pey
+ZWctm2ARzyvmpjpPUcnalnn7gxzvrpjqYAznLTNyrffuSmVxZB9d1g==
+-----END RSA PRIVATE KEY-----