Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

Cheat sheet #62

Merged
merged 2 commits into from

2 participants

@pipedreambomb

Hi Joe,

First, I had some trouble building the project, I found using "npm i -d" installs the dependencies such as express and its sub-dependencies and then everything works like magic. I've made that little modification to the instructions as such.

The thing I wanted to add was the cheat sheet. When I first tried Dillinger, I opened it up and pasted in my existing markdown, but then realised I couldn't remember how what the formatting should go like. I thought there might be some help and I clicked Utilities, but I didn't what I wanted. I thought instead of just tweeting you, I'd try a quick patch myself. It displays another menu item that takes you to this cheatsheet on GitHub.

Cheers,
George

@pipedreambomb

Balls, left out the change to the View, just a minute.

@pipedreambomb

Ok done :)

@joemccann joemccann merged commit 8372afe into from
@joemccann
Owner

I merged this but what would be awesome would be too embed this as an iframe inside a modal as opposed to opening another window. Or even, just take the cheatsheet copy from github's page and dump it directly into the modal!

@pipedreambomb

Sure, I'll take a look soon. Cheers!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
This page is out of date. Refresh to see the latest.
View
2  README.md
@@ -43,7 +43,7 @@ Installation
```sh
git clone [git-repo-url] dillinger
cd dillinger
-npm i
+npm i -d
mkdir -p public/files/{md,html}
node app
```
View
274 public/css/style.css
@@ -140,6 +140,15 @@ textarea:invalid {
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/
+/*
+ * Bootstrap v2.0.1
+ *
+ * Copyright 2012 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
+ */
.clearfix {
zoom: 1;
}
@@ -180,100 +189,6 @@ textarea:invalid {
-o-transition: s;
transition: s;
}
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-nav,
-section {
- display: block;
-}
-audio,
-canvas,
-video {
- display: inline-block;
- *display: inline;
- *zoom: 1;
-}
-audio:not([controls]) {
- display: none;
-}
-html {
- font-size: 100%;
- -webkit-text-size-adjust: 100%;
- -ms-text-size-adjust: 100%;
-}
-a:focus {
- outline: thin dotted #333;
- outline: 5px auto -webkit-focus-ring-color;
- outline-offset: -2px;
-}
-a:hover,
-a:active {
- outline: 0;
-}
-sub,
-sup {
- position: relative;
- font-size: 75%;
- line-height: 0;
- vertical-align: baseline;
-}
-sup {
- top: -0.5em;
-}
-sub {
- bottom: -0.25em;
-}
-img {
- max-width: 100%;
- height: auto;
- border: 0;
- -ms-interpolation-mode: bicubic;
-}
-button,
-input,
-select,
-textarea {
- margin: 0;
- font-size: 100%;
- vertical-align: middle;
-}
-button,
-input {
- *overflow: visible;
- line-height: normal;
-}
-button::-moz-focus-inner,
-input::-moz-focus-inner {
- padding: 0;
- border: 0;
-}
-button,
-input[type="button"],
-input[type="reset"],
-input[type="submit"] {
- cursor: pointer;
- -webkit-appearance: button;
-}
-input[type="search"] {
- -webkit-appearance: textfield;
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- box-sizing: content-box;
-}
-input[type="search"]::-webkit-search-decoration,
-input[type="search"]::-webkit-search-cancel-button {
- -webkit-appearance: none;
-}
-textarea {
- overflow: auto;
- vertical-align: top;
-}
.clearfix {
*zoom: 1;
}
@@ -298,7 +213,7 @@ a {
text-decoration: none;
}
a:hover {
- color: #2c2c2c;
+ color: #464646;
text-decoration: underline;
}
.row {
@@ -410,37 +325,37 @@ a:hover {
width: 6.382978723%;
}
.row-fluid .span2 {
- width: 14.89361702%;
+ width: 13.037573561812584%;
}
.row-fluid .span3 {
- width: 23.404255317%;
+ width: 19.963784516437755%;
}
.row-fluid .span4 {
- width: 31.914893614%;
+ width: 27.16161158687551%;
}
.row-fluid .span5 {
- width: 40.425531911%;
+ width: 34.63105477312585%;
}
.row-fluid .span6 {
- width: 48.93617020799999%;
+ width: 42.37211407518877%;
}
.row-fluid .span7 {
- width: 57.446808505%;
+ width: 50.38478949306428%;
}
.row-fluid .span8 {
- width: 65.95744680199999%;
+ width: 58.66908102675237%;
}
.row-fluid .span9 {
- width: 74.468085099%;
+ width: 67.22498867625306%;
}
.row-fluid .span10 {
- width: 82.97872339599999%;
+ width: 76.05251244156632%;
}
.row-fluid .span11 {
- width: 91.489361693%;
+ width: 85.15165232269217%;
}
.row-fluid .span12 {
- width: 99.99999998999999%;
+ width: 94.5224083196306%;
}
.container {
width: 940px;
@@ -1008,10 +923,10 @@ textarea[readonly] {
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
- border-color: #a47e3c;
- -webkit-box-shadow: 0 0 6px #dbc59e;
- -moz-box-shadow: 0 0 6px #dbc59e;
- box-shadow: 0 0 6px #dbc59e;
+ border-color: #b58b42;
+ -webkit-box-shadow: 0 0 6px #cfb07b;
+ -moz-box-shadow: 0 0 6px #cfb07b;
+ box-shadow: 0 0 6px #cfb07b;
}
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
@@ -1033,10 +948,10 @@ textarea[readonly] {
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
- border-color: #953b39;
- -webkit-box-shadow: 0 0 6px #d59392;
- -moz-box-shadow: 0 0 6px #d59392;
- box-shadow: 0 0 6px #d59392;
+ border-color: #a74240;
+ -webkit-box-shadow: 0 0 6px #c76f6d;
+ -moz-box-shadow: 0 0 6px #c76f6d;
+ box-shadow: 0 0 6px #c76f6d;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
@@ -1058,10 +973,10 @@ textarea[readonly] {
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
- border-color: #356635;
- -webkit-box-shadow: 0 0 6px #7aba7b;
- -moz-box-shadow: 0 0 6px #7aba7b;
- box-shadow: 0 0 6px #7aba7b;
+ border-color: #3f7a40;
+ -webkit-box-shadow: 0 0 6px #54a355;
+ -moz-box-shadow: 0 0 6px #54a355;
+ box-shadow: 0 0 6px #54a355;
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
@@ -1078,10 +993,10 @@ select:focus:required:invalid {
input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
- border-color: #e9322d;
- -webkit-box-shadow: 0 0 6px #f8b9b7;
- -moz-box-shadow: 0 0 6px #f8b9b7;
- box-shadow: 0 0 6px #f8b9b7;
+ border-color: #eb423d;
+ -webkit-box-shadow: 0 0 6px #f49997;
+ -moz-box-shadow: 0 0 6px #f49997;
+ box-shadow: 0 0 6px #f49997;
}
.form-actions {
padding: 17px 20px 18px;
@@ -2005,7 +1920,7 @@ table .span12 {
text-shadow: 0 1px 1px rgba(255,255,255,0.75);
vertical-align: middle;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
- border-color: #e6e6e6 #e6e6e6 #bfbfbf;
+ border-color: #e6e6e6 #e6e6e6 #c3c3c3;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #ccc;
@@ -2029,7 +1944,7 @@ table .span12 {
}
.btn:active,
.btn.active {
- background-color: #ccc \9;
+ background-color: #cfcfcf \9;
}
.btn:first-child {
*margin-left: 0;
@@ -2121,7 +2036,7 @@ table .span12 {
}
.btn-primary {
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
- border-color: #525252 #525252 #2c2c2c;
+ border-color: #525252 #525252 #464646;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
@@ -2134,11 +2049,11 @@ table .span12 {
}
.btn-primary:active,
.btn-primary.active {
- background-color: #393939 \9;
+ background-color: #4a4a4a \9;
}
.btn-warning {
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
- border-color: #f89406 #f89406 #ad6704;
+ border-color: #f89406 #f89406 #d37e05;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
@@ -2151,11 +2066,11 @@ table .span12 {
}
.btn-warning:active,
.btn-warning.active {
- background-color: #c67605 \9;
+ background-color: #df8505 \9;
}
.btn-danger {
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
- border-color: #bd362f #bd362f #802420;
+ border-color: #bd362f #bd362f #a12e28;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
@@ -2168,11 +2083,11 @@ table .span12 {
}
.btn-danger:active,
.btn-danger.active {
- background-color: #942a25 \9;
+ background-color: #aa312a \9;
}
.btn-success {
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
- border-color: #51a351 #51a351 #387038;
+ border-color: #51a351 #51a351 #458b45;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
@@ -2185,11 +2100,11 @@ table .span12 {
}
.btn-success:active,
.btn-success.active {
- background-color: #408140 \9;
+ background-color: #499349 \9;
}
.btn-info {
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
- border-color: #2f96b4 #2f96b4 #1f6377;
+ border-color: #2f96b4 #2f96b4 #287f99;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
@@ -2202,11 +2117,11 @@ table .span12 {
}
.btn-info:active,
.btn-info.active {
- background-color: #24748c \9;
+ background-color: #2a87a2 \9;
}
.btn-inverse {
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
- border-color: #262626 #262626 #000;
+ border-color: #262626 #262626 #202020;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
@@ -2219,7 +2134,7 @@ table .span12 {
}
.btn-inverse:active,
.btn-inverse.active {
- background-color: #0d0d0d \9;
+ background-color: #222 \9;
}
button.btn,
input[type="submit"].btn {
@@ -2377,7 +2292,7 @@ input[type="submit"].btn.small {
margin-bottom: 18px;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
background-color: #fcf8e3;
- border: 1px solid #fbefd5;
+ border: 1px solid #fbefd6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
@@ -2394,7 +2309,7 @@ input[type="submit"].btn.small {
}
.alert-success {
background-color: #dff0d8;
- border-color: #d6e9c6;
+ border-color: #d7eac8;
}
.alert-success,
.alert-success .alert-heading {
@@ -2403,7 +2318,7 @@ input[type="submit"].btn.small {
.alert-danger,
.alert-error {
background-color: #f2dede;
- border-color: #eed3d7;
+ border-color: #eed4d8;
}
.alert-danger,
.alert-error,
@@ -2413,7 +2328,7 @@ input[type="submit"].btn.small {
}
.alert-info {
background-color: #d9edf7;
- border-color: #bce8f1;
+ border-color: #bee9f1;
}
.alert-info,
.alert-info .alert-heading {
@@ -2595,7 +2510,7 @@ input[type="submit"].btn.small {
}
.nav-tabs .dropdown-toggle:hover .caret,
.nav-pills .dropdown-toggle:hover .caret {
- border-top-color: #2c2c2c;
+ border-top-color: #464646;
}
.nav-tabs .active .dropdown-toggle .caret,
.nav-pills .active .dropdown-toggle .caret {
@@ -2753,7 +2668,7 @@ input[type="submit"].btn.small {
margin-left: 5px;
margin-right: 5px;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
- border-color: #333 #333 #0d0d0d;
+ border-color: #333 #333 #2b2b2b;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.075);
@@ -2769,7 +2684,7 @@ input[type="submit"].btn.small {
}
.btn-navbar:active,
.btn-navbar.active {
- background-color: #1a1a1a \9;
+ background-color: #2e2e2e \9;
}
.btn-navbar .icon-bar {
display: block;
@@ -3490,31 +3405,31 @@ a.thumbnail:hover {
background-color: #b94a48;
}
.label-important:hover {
- background-color: #953b39;
+ background-color: #a74240;
}
.label-warning {
background-color: #f89406;
}
.label-warning:hover {
- background-color: #c67605;
+ background-color: #df8505;
}
.label-success {
background-color: #468847;
}
.label-success:hover {
- background-color: #356635;
+ background-color: #3f7a40;
}
.label-info {
background-color: #3a87ad;
}
.label-info:hover {
- background-color: #2d6987;
+ background-color: #347a9c;
}
.label-inverse {
background-color: #444;
}
.label-inverse:hover {
- background-color: #2b2b2b;
+ background-color: #3d3d3d;
}
.badge {
padding: 1px 9px 2px;
@@ -3536,31 +3451,31 @@ a.thumbnail:hover {
background-color: #b94a48;
}
.badge-error:hover {
- background-color: #953b39;
+ background-color: #a74240;
}
.badge-warning {
background-color: #f89406;
}
.badge-warning:hover {
- background-color: #c67605;
+ background-color: #df8505;
}
.badge-success {
background-color: #468847;
}
.badge-success:hover {
- background-color: #356635;
+ background-color: #3f7a40;
}
.badge-info {
background-color: #3a87ad;
}
.badge-info:hover {
- background-color: #2d6987;
+ background-color: #347a9c;
}
.badge-inverse {
background-color: #444;
}
.badge-inverse:hover {
- background-color: #2b2b2b;
+ background-color: #3d3d3d;
}
.progress {
overflow: hidden;
@@ -3911,6 +3826,15 @@ a.thumbnail:hover {
.invisible {
visibility: hidden;
}
+/*
+ * Bootstrap Responsive v2.0.1
+ *
+ * Copyright 2012 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
+ */
.hidden {
display: none;
visibility: hidden;
@@ -4115,37 +4039,37 @@ a.thumbnail:hover {
width: 5.801104972%;
}
.row-fluid .span2 {
- width: 14.364640883%;
+ width: 11.92271298110079%;
}
.row-fluid .span3 {
- width: 22.928176794%;
+ width: 18.364824027302372%;
}
.row-fluid .span4 {
- width: 31.491712705%;
+ width: 25.127438110604743%;
}
.row-fluid .span5 {
- width: 40.055248616%;
+ width: 32.21055523100791%;
}
.row-fluid .span6 {
- width: 48.618784527%;
+ width: 39.61417538851186%;
}
.row-fluid .span7 {
- width: 57.182320438000005%;
+ width: 47.338298583116604%;
}
.row-fluid .span8 {
- width: 65.74585634900001%;
+ width: 55.38292481482213%;
}
.row-fluid .span9 {
- width: 74.30939226%;
+ width: 63.74805408362846%;
}
.row-fluid .span10 {
- width: 82.87292817100001%;
+ width: 72.43368638953558%;
}
.row-fluid .span11 {
- width: 91.436464082%;
+ width: 81.43982173254348%;
}
.row-fluid .span12 {
- width: 99.999999993%;
+ width: 90.76646011265217%;
}
input.span1,
textarea.span1,
@@ -4431,37 +4355,37 @@ a.thumbnail:hover {
width: 5.982905983%;
}
.row-fluid .span2 {
- width: 14.529914530000001%;
+ width: 12.272627657423625%;
}
.row-fluid .span3 {
- width: 23.076923077%;
+ width: 18.869165023270874%;
}
.row-fluid .span4 {
- width: 31.623931624%;
+ width: 25.77251808054175%;
}
.row-fluid .span5 {
- width: 40.170940171000005%;
+ width: 32.98268682923625%;
}
.row-fluid .span6 {
- width: 48.717948718%;
+ width: 40.49967126935437%;
}
.row-fluid .span7 {
- width: 57.264957265%;
+ width: 48.32347140089612%;
}
.row-fluid .span8 {
- width: 65.81196581200001%;
+ width: 56.4540872238615%;
}
.row-fluid .span9 {
- width: 74.358974359%;
+ width: 64.8915187382505%;
}
.row-fluid .span10 {
- width: 82.905982906%;
+ width: 73.63576594406312%;
}
.row-fluid .span11 {
- width: 91.45299145300001%;
+ width: 82.68682884129936%;
}
.row-fluid .span12 {
- width: 100%;
+ width: 92.04470742995923%;
}
input.span1,
textarea.span1,
View
6 public/js/dillinger.js
@@ -761,6 +761,12 @@ $(function(){
return false
})
+ $('#cheat').
+ on('click', function(){
+ window.open("https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet", "_blank")
+ return false
+ })
+
} // end bindNav()
/**
View
3  views/nav.ejs
@@ -32,6 +32,7 @@
<li><a tabindex="-1" href="#" id="autosave"><i class="icon-remove"></i>&nbsp;Disable Autosave</a></li>
<li><a tabindex="-1" href="#" id="preferences"><i class="icon-cog"></i>&nbsp;Preferences</a></li>
<li><a tabindex="-1" href="#" id="about"><i class="icon-question-sign"></i>&nbsp;WTF is Dillinger?</a></li>
+ <li><a tabindex="-1" href="#" id="cheat"><i class="icon-question-sign"></i>&nbsp;I need a cheat sheet!</a></li>
</ul>
</li>
</ul>
@@ -71,4 +72,4 @@
</div>
</div>
-</div>
+</div>
Something went wrong with that request. Please try again.