From 4c22d061dfc7d13dad498c570cc4288340a00e2c Mon Sep 17 00:00:00 2001
From: Quincy Larson <michaelqlarson@gmail.com>
Date: Fri, 4 Sep 2015 18:36:28 -0700
Subject: [PATCH] start working on fb-share

---
 client/less/main.less               |  7 ++++++
 server/views/challengeMap/show.jade | 33 +++++++++++++++++++++++++++++
 2 files changed, 40 insertions(+)

diff --git a/client/less/main.less b/client/less/main.less
index 814e99cb54..3e50cb6c8a 100644
--- a/client/less/main.less
+++ b/client/less/main.less
@@ -1021,6 +1021,13 @@ iframe.iphone {
   margin-left: 20px;
 }
 
+.code-editor-announcement {
+  font-size: 44px;
+  font-family: "Ubuntu Mono" !important;
+  font-weight: 300;
+  line-height: 11.2px;
+}
+
 hr {
   -moz-border-bottom-colors: none;
   -moz-border-image: none;
diff --git a/server/views/challengeMap/show.jade b/server/views/challengeMap/show.jade
index 2da375366b..1b216ccbd4 100644
--- a/server/views/challengeMap/show.jade
+++ b/server/views/challengeMap/show.jade
@@ -1,5 +1,38 @@
 extends ../layout
 block content
+    .jumbotron
+        h1.text-center Help us spread the word
+        .spacer
+        .col-xs-12.col-sm-10.col-sm-offset-1.col-md-8.col-md-offset-2
+            .code-editor-announcement
+                textarea#codeEditor
+                script(type='text/javascript', src='/js/lib/codemirror/lib/codemirror.js')
+                link(rel='stylesheet', href='/js/lib/codemirror/lib/codemirror.css')
+                link(rel="stylesheet", href="//fonts.googleapis.com/css?family=Ubuntu+Mono")
+                link(rel='stylesheet', href='/js/lib/codemirror/theme/monokai.css')
+                script(type='text/javascript', src='/js/lib/codemirror/addon/edit/closebrackets.js')
+                script(type='text/javascript', src='/js/lib/codemirror/addon/edit/matchbrackets.js')
+                script(type='text/javascript', src='/js/lib/codemirror/addon/lint/lint.js')
+                script(type='text/javascript', src='/js/lib/codemirror/addon/lint/javascript-lint.js')
+                script(type='text/javascript', src='/js/lib/codemirror/mode/javascript/javascript.js')
+                script.
+                    var editor = CodeMirror.fromTextArea(document.getElementById('codeEditor'), {
+                        lineNumbers: false,
+                        theme: 'monokai',
+                        runnable: true,
+                        matchBrackets: true,
+                        autoCloseBrackets: true,
+                        scrollbarStyle: 'null',
+                        lineWrapping: true,
+                        gutters: ['CodeMirror-lint-markers'],
+                        mode: "javascript"
+                        });
+                    editor.setValue("addCampers = function() {\n\teventsInYourCity++;\n\thelpfulCampersInChat++;\n\topenSourceContributors++;\n}");
+                    var resetEditor = function resetEditor() {};
+            .spacer
+        .row
+            .col-xs-12
+                a.btn.btn-cta.signup-btn.btn-block(href="https://www.facebook.com/sharer/sharer.php?u=http://freecodecamp.com" target='_blank') Share us on Facebook (only takes 2 clicks)
     .panel.panel-info
         .panel-heading.text-center
             h1 Challenge Map