diff --git a/public/_includes/_scripts-include.jade b/public/_includes/_scripts-include.jade
index 61db8f24ab..0bc44ad02a 100644
--- a/public/_includes/_scripts-include.jade
+++ b/public/_includes/_scripts-include.jade
@@ -6,4 +6,10 @@ script(src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-aria.j
script(src="https://rawgit.com/angular/bower-material/master/angular-material.js")
+
+script(src="/resources/js/vendor/prettify.js")
+script(src="/resources/js/vendor/lang-basic.js")
+script(src="/resources/js/vendor/lang-dart.js")
+
+
script(src="/resources/js/site.js")
diff --git a/public/docs/js/_quickstart.jade b/public/docs/js/_quickstart.jade
index 3c77962fcf..eb92fd38a5 100644
--- a/public/docs/js/_quickstart.jade
+++ b/public/docs/js/_quickstart.jade
@@ -17,7 +17,7 @@
p
| Clone the repository inside of aleady existing project.
- pre
+ pre.prettyprint.linenums
code git clone https://github.com/davideast/concious.git es6-shim
section.docs-sub-section
@@ -44,7 +44,7 @@
| Create a file named app.es6
at the root of the project. The .es6
extension signifies that the file uses ES6 syntax.
p Using the ES6 module syntax you can import the required modules from Angular2.
- pre
+ pre.prettyprint.linenums
code
| import {Component, Template, bootstrap} from 'angular2/angular2';
p
@@ -59,14 +59,14 @@
h3#section-angular-create-account Create a component
p
- | Components are custom HTML elements. Angular uses components to empower HTML. Components structure and represent the UI. This quickstart demonstrates the process of creating a component. This component will have the tag of app.
+ | Components are custom HTML elements. Angular uses components to empower HTML. Components structure and repre.prettyprint.linenumssent the UI. This quickstart demonstrates the process of creating a component. This component will have the tag of app.
- pre
+ pre.prettyprint.linenums
code <app></app>
p A component consists of two parts; the annotation section and the component controller.
- pre
+ pre.prettyprint.linenums
code
| import {Component, Template, bootstrap} from 'angular2/angular2';
|
@@ -94,7 +94,7 @@
| The @Component
annotation defines the HTML tag for the component. The selector property specifies the tag. The selector
property is a CSS selector.
p
| The @Template
annotation defines the template to apply to the component. This component uses an inline template, but external templates are available as well. To use an external template specify a url
property and give it the path to the html file.
- pre
+ pre.prettyprint.linenums
code
| @Component({
| selector: 'app'
@@ -112,7 +112,7 @@
h4 Component Controller
p
| The component controller is the backing of the component's template. A component controller uses ES6 class
syntax.
- pre
+ pre.prettyprint.linenums
code
| class AppComponent {
| constructor() {
@@ -142,7 +142,7 @@
| Angular provides a bootstrap
function that renders a component to the page. The bootstrap
function takes a component as a parameter. Any child components inside of the parent component will render as well.
code
- pre bootstrap(AppComponent);
+ pre.prettyprint.linenums bootstrap(AppComponent);
.clear
// STEP 5 - Declare the HTML ##########################
@@ -156,7 +156,7 @@
| Create an index.html
file at the root of the project. Include the es6-shim.js
file in the head
tag. Now, declare the app component the body
. The es6-shim must load before any application code.
code
- pre
+ pre.prettyprint.linenums
| <html>
| <head>
| <title>Angular 2 Quickstart</title>
@@ -185,7 +185,7 @@
li The app component created above - The component to display on the page.
code
- pre
+ pre.prettyprint.linenums
| <html>
| <head>
| <title>Angular 2 Quickstart</title>
diff --git a/public/resources/css/_options.scss b/public/resources/css/_options.scss
index 458ae93787..f6e8fdf797 100644
--- a/public/resources/css/_options.scss
+++ b/public/resources/css/_options.scss
@@ -7,7 +7,7 @@
*/
// GREEN COLORS
-$cactus: #61BC67;
+$cactus: #8BC34A;
// BLUE COLORS
$sky: #0085D3;
@@ -15,6 +15,9 @@ $regal: #0273D4;
$blueberry: #0262C2;
$ocean: #0143A3;
+//PURPLE
+$grape: #5E35B1;
+
// RED COLORS
$squid: #EF3872;
$cardinal: #E23237;
@@ -34,6 +37,8 @@ $fog: #CFD8DC;
$mist: #ECEFF1;
$snow: #FFFFFF;
+// YELLOW
+$sunshine: #FFF59D;
/*
* Typography
diff --git a/public/resources/css/main.scss b/public/resources/css/main.scss
index eb3805f481..c08322bc61 100644
--- a/public/resources/css/main.scss
+++ b/public/resources/css/main.scss
@@ -24,4 +24,10 @@
@import 'module/cta-bar';
@import 'module/buttons';
@import 'module/code';
-@import 'module/sticker';
\ No newline at end of file
+@import 'module/sticker';
+
+
+/*
+* VENDOR
+*
+*/
\ No newline at end of file
diff --git a/public/resources/css/module/_code.scss b/public/resources/css/module/_code.scss
index e9c1d9014e..51872bf8ff 100644
--- a/public/resources/css/module/_code.scss
+++ b/public/resources/css/module/_code.scss
@@ -1,3 +1,132 @@
+/*
+* Embedded Code
+*
+* Style for embedded code examples
+*/
+
.cp_embed_iframe {
overflow: hidden;
+}
+
+
+/*
+* Code Snippets
+*
+* These Code snippets are transformed by prettify and the code
+* below represents a custom theme that works with their formatting.
+*/
+
+.prettyprint {
+ background: $steel;
+ font-family: $mono-font;
+ overflow: hidden;
+ position: relative;
+ padding: 0px;
+ font-size: 14px;
+ font-weight: 600;
+ line-height: 24px;
+ margin-bottom: 20px;
+ border-radius: 4px;
+ box-shadow: 0px 2px 5px rgba($coal, .3);
+
+ ol {
+ background: $steel;
+ padding: ($unit * 2) ($unit * 4) ($unit * 2) ($unit * 7);
+ margin: 0px;
+ overflow: auto;
+ border-radius: 3px;
+
+ li {
+ color: $metal;
+ background: none;
+ margin-bottom: 5px;
+ line-height: normal;
+ list-style-type: decimal;
+
+ &:last-child {
+ margin-bottom: 0px;
+ }
+
+ code {
+ background: none;
+ font-size: 14px;
+ }
+ }
+ }
+
+
+ /*
+ * Screen Colors
+ *
+ */
+
+ .kwd {
+ color: $mist;
+ }
+ .typ,
+ .tag {
+ color: $squid;
+ }
+ .str,
+ .atv {
+ color: darken($sunshine, 10%);
+ }
+ .atn {
+ color: darken($cactus, 10%);
+ }
+ .com {
+ color: $tin;
+ }
+ .lit {
+ color: darken($sunshine, 10%);
+ }
+ .pun {
+ color: $snow;
+ }
+ .pln {
+ color: $snow;
+ }
+ .dec {
+ color: $grape;
+ }
+
+
+ /*
+ * Print Colors
+ *
+ */
+
+ @media print {
+ background: none;
+
+ .kwd {
+ color: $steel;
+ }
+ .typ,
+ .tag {
+ color: $ruby;
+ }
+ .str,
+ .atv {
+ color: darken($sunshine, 10%);
+ }
+ .atn {
+ color: darken($cactus, 10%);
+ }
+ .com {
+ color: $cloud;
+ }
+ .lit {
+ color: darken($sunshine, 10%);
+ }
+ .pun {
+ color: $coal;
+ }
+ .pln {
+ color: $coal;
+ }
+ .dec {
+ color: darken($grape, 5%);
+ }
+ }
}
\ No newline at end of file
diff --git a/public/resources/js/site.js b/public/resources/js/site.js
index 2d6a834e12..4280d745e6 100644
--- a/public/resources/js/site.js
+++ b/public/resources/js/site.js
@@ -22,6 +22,8 @@ angularIO.controller('AppCtrl', ['$scope', '$mdSidenav', function($scope, $mdSid
$scope.showVersionMenu = function() {
alert('hi');
};
+
+ prettyPrint();
}]);
diff --git a/public/resources/js/vendor/lang-basic.js b/public/resources/js/vendor/lang-basic.js
new file mode 100644
index 0000000000..6b784d4369
--- /dev/null
+++ b/public/resources/js/vendor/lang-basic.js
@@ -0,0 +1,3 @@
+var a=null;
+PR.registerLangHandler(PR.createSimpleLexer([["str",/^"(?:[^\n\r"\\]|\\.)*(?:"|$)/,a,'"'],["pln",/^\s+/,a," \r\n\t\u00a0"]],[["com",/^REM[^\n\r]*/,a],["kwd",/^\b(?:AND|CLOSE|CLR|CMD|CONT|DATA|DEF ?FN|DIM|END|FOR|GET|GOSUB|GOTO|IF|INPUT|LET|LIST|LOAD|NEW|NEXT|NOT|ON|OPEN|OR|POKE|PRINT|READ|RESTORE|RETURN|RUN|SAVE|STEP|STOP|SYS|THEN|TO|VERIFY|WAIT)\b/,a],["pln",/^[a-z][^\W_]?(?:\$|%)?/i,a],["lit",/^(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?/i,a,"0123456789"],["pun",
+/^.[^\s\w"$%.]*/,a]]),["basic","cbm"]);
diff --git a/public/resources/js/vendor/lang-dart.js b/public/resources/js/vendor/lang-dart.js
new file mode 100644
index 0000000000..eefccc9140
--- /dev/null
+++ b/public/resources/js/vendor/lang-dart.js
@@ -0,0 +1,3 @@
+PR.registerLangHandler(PR.createSimpleLexer([["pln",/^[\t\n\r \xa0]+/,null,"\t\n\r \u00a0"]],[["com",/^#!.*/],["kwd",/^\b(?:import|library|part of|part|as|show|hide)\b/i],["com",/^\/\/.*/],["com",/^\/\*[^*]*\*+(?:[^*/][^*]*\*+)*\//],["kwd",/^\b(?:class|interface)\b/i],["kwd",/^\b(?:assert|break|case|catch|continue|default|do|else|finally|for|if|in|is|new|return|super|switch|this|throw|try|while)\b/i],["kwd",/^\b(?:abstract|const|extends|factory|final|get|implements|native|operator|set|static|typedef|var)\b/i],
+["typ",/^\b(?:bool|double|dynamic|int|num|object|string|void)\b/i],["kwd",/^\b(?:false|null|true)\b/i],["str",/^r?'''[\S\s]*?[^\\]'''/],["str",/^r?"""[\S\s]*?[^\\]"""/],["str",/^r?'('|[^\n\f\r]*?[^\\]')/],["str",/^r?"("|[^\n\f\r]*?[^\\]")/],["pln",/^[$_a-z]\w*/i],["pun",/^[!%&*+/:<-?^|~-]/],["lit",/^\b0x[\da-f]+/i],["lit",/^\b\d+(?:\.\d*)?(?:e[+-]?\d+)?/i],["lit",/^\b\.\d+(?:e[+-]?\d+)?/i],["pun",/^[(),.;[\]{}]/]]),
+["dart"]);
diff --git a/public/resources/js/vendor/prettify.js b/public/resources/js/vendor/prettify.js
new file mode 100644
index 0000000000..b84d9cbb53
--- /dev/null
+++ b/public/resources/js/vendor/prettify.js
@@ -0,0 +1,47 @@
+/** @license
+
+ Copyright 2011 Mike Samuel et al
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+*/
+!function(){var q=null;window.PR_SHOULD_USE_CONTINUATION=!0;
+(function(){function S(a){function d(e){var b=e.charCodeAt(0);if(b!==92)return b;var a=e.charAt(1);return(b=r[a])?b:"0"<=a&&a<="7"?parseInt(e.substring(1),8):a==="u"||a==="x"?parseInt(e.substring(2),16):e.charCodeAt(1)}function g(e){if(e<32)return(e<16?"\\x0":"\\x")+e.toString(16);e=String.fromCharCode(e);return e==="\\"||e==="-"||e==="]"||e==="^"?"\\"+e:e}function b(e){var b=e.substring(1,e.length-1).match(/\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\[0-3][0-7]{0,2}|\\[0-7]{1,2}|\\[\S\s]|[^\\]/g),e=[],a=
+b[0]==="^",c=["["];a&&c.push("^");for(var a=a?1:0,f=b.length;a122||(l<65||h>90||e.push([Math.max(65,h)|32,Math.min(l,90)|32]),l<97||h>122||e.push([Math.max(97,h)&-33,Math.min(l,122)&-33]))}}e.sort(function(e,a){return e[0]-a[0]||a[1]-e[1]});b=[];f=[];for(a=0;ah[0]&&(h[1]+1>h[0]&&c.push("-"),c.push(g(h[1])));c.push("]");return c.join("")}function s(e){for(var a=e.source.match(/\[(?:[^\\\]]|\\[\S\s])*]|\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\\d+|\\[^\dux]|\(\?[!:=]|[()^]|[^()[\\^]+/g),c=a.length,d=[],f=0,h=0;f=2&&e==="["?a[f]=b(l):e!=="\\"&&(a[f]=l.replace(/[A-Za-z]/g,function(a){a=a.charCodeAt(0);return"["+String.fromCharCode(a&-33,a|32)+"]"}));return a.join("")}for(var x=0,m=!1,j=!1,k=0,c=a.length;k=5&&"lang-"===w.substring(0,5))&&!(t&&typeof t[1]==="string"))f=!1,w="src";f||(r[z]=w)}h=c;c+=z.length;if(f){f=t[1];var l=z.indexOf(f),B=l+f.length;t[2]&&(B=z.length-t[2].length,l=B-f.length);w=w.substring(5);H(j+h,z.substring(0,l),g,k);H(j+h+l,f,I(w,f),k);H(j+h+B,z.substring(B),g,k)}else k.push(j+h,w)}a.g=k}var b={},s;(function(){for(var g=a.concat(d),j=[],k={},c=0,i=g.length;c=0;)b[n.charAt(e)]=r;r=r[1];n=""+r;k.hasOwnProperty(n)||(j.push(r),k[n]=q)}j.push(/[\S\s]/);s=S(j)})();var x=d.length;return g}function v(a){var d=[],g=[];a.tripleQuotedStrings?d.push(["str",/^(?:'''(?:[^'\\]|\\[\S\s]|''?(?=[^']))*(?:'''|$)|"""(?:[^"\\]|\\[\S\s]|""?(?=[^"]))*(?:"""|$)|'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$))/,q,"'\""]):a.multiLineStrings?d.push(["str",/^(?:'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$)|`(?:[^\\`]|\\[\S\s])*(?:`|$))/,
+q,"'\"`"]):d.push(["str",/^(?:'(?:[^\n\r'\\]|\\.)*(?:'|$)|"(?:[^\n\r"\\]|\\.)*(?:"|$))/,q,"\"'"]);a.verbatimStrings&&g.push(["str",/^@"(?:[^"]|"")*(?:"|$)/,q]);var b=a.hashComments;b&&(a.cStyleComments?(b>1?d.push(["com",/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,q,"#"]):d.push(["com",/^#(?:(?:define|e(?:l|nd)if|else|error|ifn?def|include|line|pragma|undef|warning)\b|[^\n\r]*)/,q,"#"]),g.push(["str",/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h(?:h|pp|\+\+)?|[a-z]\w*)>/,q])):d.push(["com",
+/^#[^\n\r]*/,q,"#"]));a.cStyleComments&&(g.push(["com",/^\/\/[^\n\r]*/,q]),g.push(["com",/^\/\*[\S\s]*?(?:\*\/|$)/,q]));if(b=a.regexLiterals){var s=(b=b>1?"":"\n\r")?".":"[\\S\\s]";g.push(["lang-regex",RegExp("^(?:^^\\.?|[+-]|[!=]=?=?|\\#|%=?|&&?=?|\\(|\\*=?|[+\\-]=|->|\\/=?|::?|<=?|>>?>?=?|,|;|\\?|@|\\[|~|{|\\^\\^?=?|\\|\\|?=?|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\\s*("+("/(?=[^/*"+b+"])(?:[^/\\x5B\\x5C"+b+"]|\\x5C"+s+"|\\x5B(?:[^\\x5C\\x5D"+b+"]|\\x5C"+
+s+")*(?:\\x5D|$))+/")+")")])}(b=a.types)&&g.push(["typ",b]);b=(""+a.keywords).replace(/^ | $/g,"");b.length&&g.push(["kwd",RegExp("^(?:"+b.replace(/[\s,]+/g,"|")+")\\b"),q]);d.push(["pln",/^\s+/,q," \r\n\t\u00a0"]);b="^.[^\\s\\w.$@'\"`/\\\\]*";a.regexLiterals&&(b+="(?!s*/)");g.push(["lit",/^@[$_a-z][\w$@]*/i,q],["typ",/^(?:[@_]?[A-Z]+[a-z][\w$@]*|\w+_t\b)/,q],["pln",/^[$_a-z][\w$@]*/i,q],["lit",/^(?:0x[\da-f]+|(?:\d(?:_\d+)*\d*(?:\.\d*)?|\.\d\+)(?:e[+-]?\d+)?)[a-z]*/i,q,"0123456789"],["pln",/^\\[\S\s]?/,
+q],["pun",RegExp(b),q]);return C(d,g)}function J(a,d,g){function b(a){var c=a.nodeType;if(c==1&&!x.test(a.className))if("br"===a.nodeName)s(a),a.parentNode&&a.parentNode.removeChild(a);else for(a=a.firstChild;a;a=a.nextSibling)b(a);else if((c==3||c==4)&&g){var d=a.nodeValue,i=d.match(m);if(i)c=d.substring(0,i.index),a.nodeValue=c,(d=d.substring(i.index+i[0].length))&&a.parentNode.insertBefore(j.createTextNode(d),a.nextSibling),s(a),c||a.parentNode.removeChild(a)}}function s(a){function b(a,c){var d=
+c?a.cloneNode(!1):a,e=a.parentNode;if(e){var e=b(e,1),g=a.nextSibling;e.appendChild(d);for(var i=g;i;i=g)g=i.nextSibling,e.appendChild(i)}return d}for(;!a.nextSibling;)if(a=a.parentNode,!a)return;for(var a=b(a.nextSibling,0),d;(d=a.parentNode)&&d.nodeType===1;)a=d;c.push(a)}for(var x=/(?:^|\s)nocode(?:\s|$)/,m=/\r\n?|\n/,j=a.ownerDocument,k=j.createElement("li");a.firstChild;)k.appendChild(a.firstChild);for(var c=[k],i=0;i=0;){var b=d[g];F.hasOwnProperty(b)?D.console&&console.warn("cannot override language handler %s",b):F[b]=a}}function I(a,d){if(!a||!F.hasOwnProperty(a))a=/^\s*=l&&(b+=2);g>=B&&(r+=2)}}finally{if(f)f.style.display=h}}catch(u){D.console&&console.log(u&&u.stack||u)}}var D=window,y=["break,continue,do,else,for,if,return,while"],E=[[y,"auto,case,char,const,default,double,enum,extern,float,goto,inline,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"],
+"catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"],M=[E,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,delegate,dynamic_cast,explicit,export,friend,generic,late_check,mutable,namespace,nullptr,property,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"],N=[E,"abstract,assert,boolean,byte,extends,final,finally,implements,import,instanceof,interface,null,native,package,strictfp,super,synchronized,throws,transient"],
+O=[N,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,internal,into,is,let,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var,virtual,where"],E=[E,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"],P=[y,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"],
+Q=[y,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"],W=[y,"as,assert,const,copy,drop,enum,extern,fail,false,fn,impl,let,log,loop,match,mod,move,mut,priv,pub,pure,ref,self,static,struct,true,trait,type,unsafe,use"],y=[y,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"],R=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)\b/,
+V=/\S/,X=v({keywords:[M,O,E,"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END",P,Q,y],hashComments:!0,cStyleComments:!0,multiLineStrings:!0,regexLiterals:!0}),F={};p(X,["default-code"]);p(C([],[["pln",/^[^]+/],["dec",/^]*(?:>|$)/],["com",/^<\!--[\S\s]*?(?:--\>|$)/],["lang-",/^<\?([\S\s]+?)(?:\?>|$)/],["lang-",/^<%([\S\s]+?)(?:%>|$)/],["pun",/^(?:<[%?]|[%?]>)/],["lang-",
+/^]*>([\S\s]+?)<\/xmp\b[^>]*>/i],["lang-js",/^