umbrel-docs 0.1.0 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,4 +1,4 @@
1
- @charset "UTF-8";
1
+ // @charset "UTF-8";
2
2
 
3
3
  //
4
4
  // Styles for rendered markdown in the .main-content container
@@ -0,0 +1,48 @@
1
+ # Pygments
2
+
3
+ > The accompanying files were copied from https://github.com/StylishThemes/Syntax-Themes/tree/master/pygments
4
+ >
5
+ > The filename extension has been changed from `css` to `scss`, for importing in Sass.
6
+
7
+ [Pygments](http://pygments.org/) is a Python syntax highlighter that was previously used everywhere on GitHub. It is still used for GitHub Jupyter Notebook pages and the API pages.
8
+
9
+ A [demo](https://stylishthemes.github.io/Syntax-Themes/pygments/) of the original Pygments styles prepared for GitHub has been included.
10
+
11
+ ## Folders
12
+
13
+ * [X] [`css-github`](css-github/) - CSS pygments themes, dark only, that were optimized to be used on GitHub.
14
+ * [ ] [`css-other`](css-other/) - CSS pygments themes in their original form from whatever source that provided them.
15
+ * [ ] [`py`](py/) - Python scripts used to generate a specific pygments theme.
16
+
17
+ ## Useful links
18
+
19
+ ### Generators & Converters
20
+
21
+ * https://github.com/davinche/pygments-from-tmtheme (Python).
22
+ * https://github.com/honza/vim2pygments (Python).
23
+ * http://sweyla.com/themes/seed/927088/ (CSS; theme generator).
24
+
25
+ ### Themes
26
+
27
+ * Atom One Dark:
28
+ * https://github.com/mgyongyosi/OneDarkJekyll (CSS & LESS)
29
+ * https://github.com/bryanchapel/jekyllHighlighterAtomOneDarkTheme (SCSS)
30
+ * Base16: https://github.com/idleberg/base16-pygments (Python).
31
+ * Cheerfully Dark: https://github.com/jorgehatccrma/pygments-style-cheerfully-dark (CSS)
32
+ * Code::Blocks: https://github.com/lecovi/codeblocks-pygments (Python)
33
+ * Darcula (not Dracula!):
34
+ * https://github.com/MartijnBraam/pygments-theme-darcula (CSS & LESS)
35
+ * https://github.com/kakawait/pygments-darcula (Python & CSS)
36
+ * Dark Flare: https://github.com/sashw/pygments-dark-flare (CSS)
37
+ * Dracula: https://github.com/dracula/pygments (Python & CSS)
38
+ * Flatlandia: https://github.com/farkasity/pygments-flatlandia
39
+ * Idle Fingers: https://gist.github.com/honza/844339 (Python).
40
+ * Neon: https://github.com/MattDMo/Neon-pygments (Python).
41
+ * Railcasts: https://github.com/mgrachev/jekyll-syntax-railscasts (CSS)
42
+ * Skeletor: https://github.com/ramonmcros/skeletor-syntax
43
+ * Various:
44
+ * https://github.com/MoOx/sass-pygments-theme-base (SaSS; unmaintained).
45
+ * https://github.com/richleland/pygments-css (CSS).
46
+ * https://bitbucket.org/jsturgill/pygments-for-wordpress (CSS).
47
+ * https://github.com/uraimo/pygments-vimstyles (CSS).
48
+ * https://github.com/xgarrido/pygments-styles (Python).
@@ -0,0 +1,66 @@
1
+ /*! tomorrow night; https://github.com/MozMorris/tomorrow-pygments */
2
+ .highlight, .highlight pre, .highlight table { background: #1d1f21 !important; color: #c5c8c6 !important; }
3
+ .highlight .hll { background-color: #373b41 !important; }
4
+ .highlight .c { color: #969896 !important; } /* Comment */
5
+ .highlight .err { color: #cc6666 !important; } /* Error */
6
+ .highlight .k { color: #b294bb !important; } /* Keyword */
7
+ .highlight .l { color: #de935f !important; } /* Literal */
8
+ .highlight .n, .highlight .h { color: #c5c8c6 !important; } /* Name */
9
+ .highlight .o { color: #8abeb7 !important; } /* Operator */
10
+ .highlight .p { color: #c5c8c6 !important; } /* Punctuation */
11
+ .highlight .cm { color: #969896 !important; } /* Comment.Multiline */
12
+ .highlight .cp { color: #969896 !important; } /* Comment.Preproc */
13
+ .highlight .c1 { color: #969896 !important; } /* Comment.Single */
14
+ .highlight .cs { color: #969896 !important; } /* Comment.Special */
15
+ .highlight .gd { color: #cc6666 !important; } /* Generic.Deleted */
16
+ .highlight .ge { font-style: italic !important; } /* Generic.Emph */
17
+ .highlight .gh { color: #c5c8c6 !important; font-weight: bold !important; } /* Generic.Heading */
18
+ .highlight .gi { color: #b5bd68 !important; } /* Generic.Inserted */
19
+ .highlight .gp { color: #969896 !important; font-weight: bold !important; } /* Generic.Prompt */
20
+ .highlight .gs { font-weight: bold !important; } /* Generic.Strong */
21
+ .highlight .gu { color: #8abeb7 !important; font-weight: bold !important; } /* Generic.Subheading */
22
+ .highlight .kc { color: #b294bb !important; } /* Keyword.Constant */
23
+ .highlight .kd { color: #b294bb !important; } /* Keyword.Declaration */
24
+ .highlight .kn { color: #8abeb7 !important; } /* Keyword.Namespace */
25
+ .highlight .kp { color: #b294bb !important; } /* Keyword.Pseudo */
26
+ .highlight .kr { color: #b294bb !important; } /* Keyword.Reserved */
27
+ .highlight .kt { color: #f0c674 !important; } /* Keyword.Type */
28
+ .highlight .ld { color: #b5bd68 !important; } /* Literal.Date */
29
+ .highlight .m { color: #de935f !important; } /* Literal.Number */
30
+ .highlight .s { color: #b5bd68 !important; } /* Literal.String */
31
+ .highlight .na { color: #81a2be !important; } /* Name.Attribute */
32
+ .highlight .nb { color: #c5c8c6 !important; } /* Name.Builtin */
33
+ .highlight .nc { color: #f0c674 !important; } /* Name.Class */
34
+ .highlight .no { color: #cc6666 !important; } /* Name.Constant */
35
+ .highlight .nd { color: #8abeb7 !important; } /* Name.Decorator */
36
+ .highlight .ni { color: #c5c8c6 !important; } /* Name.Entity */
37
+ .highlight .ne { color: #cc6666 !important; } /* Name.Exception */
38
+ .highlight .nf { color: #81a2be !important; } /* Name.Function */
39
+ .highlight .nl { color: #c5c8c6 !important; } /* Name.Label */
40
+ .highlight .nn { color: #f0c674 !important; } /* Name.Namespace */
41
+ .highlight .nx { color: #81a2be !important; } /* Name.Other */
42
+ .highlight .py { color: #c5c8c6 !important; } /* Name.Property */
43
+ .highlight .nt { color: #8abeb7 !important; } /* Name.Tag */
44
+ .highlight .nv { color: #cc6666 !important; } /* Name.Variable */
45
+ .highlight .ow { color: #8abeb7 !important; } /* Operator.Word */
46
+ .highlight .w { color: #c5c8c6 !important; } /* Text.Whitespace */
47
+ .highlight .mf { color: #de935f !important; } /* Literal.Number.Float */
48
+ .highlight .mh { color: #de935f !important; } /* Literal.Number.Hex */
49
+ .highlight .mi { color: #de935f !important; } /* Literal.Number.Integer */
50
+ .highlight .mo { color: #de935f !important; } /* Literal.Number.Oct */
51
+ .highlight .sb { color: #b5bd68 !important; } /* Literal.String.Backtick */
52
+ .highlight .sc { color: #c5c8c6 !important; } /* Literal.String.Char */
53
+ .highlight .sd { color: #969896 !important; } /* Literal.String.Doc */
54
+ .highlight .s2 { color: #b5bd68 !important; } /* Literal.String.Double */
55
+ .highlight .se { color: #de935f !important; } /* Literal.String.Escape */
56
+ .highlight .sh { color: #b5bd68 !important; } /* Literal.String.Heredoc */
57
+ .highlight .si { color: #de935f !important; } /* Literal.String.Interpol */
58
+ .highlight .sx { color: #b5bd68 !important; } /* Literal.String.Other */
59
+ .highlight .sr { color: #b5bd68 !important; } /* Literal.String.Regex */
60
+ .highlight .s1 { color: #b5bd68 !important; } /* Literal.String.Single */
61
+ .highlight .ss { color: #b5bd68 !important; } /* Literal.String.Symbol */
62
+ .highlight .bp { color: #c5c8c6 !important; } /* Name.Builtin.Pseudo */
63
+ .highlight .vc { color: #cc6666 !important; } /* Name.Variable.Class */
64
+ .highlight .vg { color: #cc6666 !important; } /* Name.Variable.Global */
65
+ .highlight .vi { color: #cc6666 !important; } /* Name.Variable.Instance */
66
+ .highlight .il { color: #de935f !important; } /* Literal.Number.Integer.Long */
@@ -0,0 +1,858 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>Pygments Syntax Highlighting Themes</title>
6
+
7
+ <!-- themes -->
8
+ <link rel="stylesheet" title="256 Jungle" href="css-github/pygments-256-jungle.css">
9
+ <link rel="stylesheet" title="3024 Night" href="css-github/pygments-3024-night.css">
10
+ <link rel="stylesheet" title="Anotherdark" href="css-github/pygments-anotherdark.css">
11
+ <link rel="stylesheet" title="Asmanian-blood" href="css-github/pygments-asmanian-blood.css">
12
+ <link rel="stylesheet" title="Base16-3024-dark" href="css-github/pygments-base16-3024-dark.css">
13
+ <link rel="stylesheet" title="Base16-applepips" href="css-github/pygments-base16-applepips-dark.css">
14
+ <link rel="stylesheet" title="Base16-chalk-dark" href="css-github/pygments-base16-chalk-dark.css">
15
+ <link rel="stylesheet" title="Base16-default-dark" href="css-github/pygments-base16-default-dark.css">
16
+ <link rel="stylesheet" title="Base16-eighties-dark" href="css-github/pygments-base16-eighties-dark.css">
17
+ <link rel="stylesheet" title="Base16-greenscreen-dark" href="css-github/pygments-base16-greenscreen-dark.css">
18
+ <link rel="stylesheet" title="Base16-harper-dark" href="css-github/pygments-base16-harper-dark.css">
19
+ <link rel="stylesheet" title="Base16-kimbie-dark" href="css-github/pygments-base16-kimbie-dark.css">
20
+ <link rel="stylesheet" title="Base16-mocha-dark" href="css-github/pygments-base16-mocha-dark.css">
21
+ <link rel="stylesheet" title="Base16-monokai-dark" href="css-github/pygments-base16-monokai-dark.css">
22
+ <link rel="stylesheet" title="Base16-ocean-dark" href="css-github/pygments-base16-ocean-dark.css">
23
+ <link rel="stylesheet" title="Base16-paraiso-dark" href="css-github/pygments-base16-paraiso-dark.css">
24
+ <link rel="stylesheet" title="Base16-railscasts-dark" href="css-github/pygments-base16-railscasts-dark.css">
25
+ <link rel="stylesheet" title="Base16-solarized-dark" href="css-github/pygments-base16-solarized-dark.css">
26
+ <link rel="stylesheet" title="Base16-tomorrow-dark" href="css-github/pygments-base16-tomorrow-dark.css">
27
+ <link rel="stylesheet" title="Birds of Paradise" href="css-github/pygments-birds-of-paradise.css">
28
+ <link rel="stylesheet" title="Blacksea" href="css-github/pygments-blacksea.css">
29
+ <link rel="stylesheet" title="Brookstream" href="css-github/pygments-brookstream.css">
30
+ <link rel="stylesheet" title="BusyBee" href="css-github/pygments-busybee.css">
31
+ <link rel="stylesheet" title="Candycode" href="css-github/pygments-candycode.css">
32
+ <link rel="stylesheet" title="Darcula" href="css-github/pygments-darcula.css">
33
+ <link rel="stylesheet" title="Dark" href="css-github/pygments-dark.css">
34
+ <link rel="stylesheet" title="Dark2" href="css-github/pygments-dark2.css">
35
+ <link rel="stylesheet" title="DarkZ" href="css-github/pygments-dark-z.css">
36
+ <link rel="stylesheet" title="Darkblue2" href="css-github/pygments-darkblue2.css">
37
+ <link rel="stylesheet" title="Darkbone" href="css-github/pygments-darkbone.css">
38
+ <link rel="stylesheet" title="Darkburn" href="css-github/pygments-darkburn.css">
39
+ <link rel="stylesheet" title="Darkdevel" href="css-github/pygments-darkdevel.css">
40
+ <link rel="stylesheet" title="Darkerdesert" href="css-github/pygments-darkerdesert.css">
41
+ <link rel="stylesheet" title="Darkocean" href="css-github/pygments-darkocean.css">
42
+ <link rel="stylesheet" title="Darkrobot" href="css-github/pygments-darkrobot.css">
43
+ <link rel="stylesheet" title="Darkspectrum" href="css-github/pygments-darkspectrum.css">
44
+ <link rel="stylesheet" title="Desert" href="css-github/pygments-desert.css">
45
+ <link rel="stylesheet" title="Deveiate" href="css-github/pygments-deveiate.css">
46
+ <link rel="stylesheet" title="Digerati" href="css-github/pygments-digerati.css">
47
+ <link rel="stylesheet" title="Dim" href="css-github/pygments-dim.css">
48
+ <link rel="stylesheet" title="Dim2" href="css-github/pygments-dim2.css">
49
+ <link rel="stylesheet" title="Dracula" href="css-github/pygments-dracula.css">
50
+ <link rel="stylesheet" title="Freya" href="css-github/pygments-freya.css">
51
+ <link rel="stylesheet" title="Fruity" href="css-github/pygments-fruity.css">
52
+ <link rel="stylesheet" title="GitHub Dark" href="css-github/pygments-github-dark.css">
53
+ <link rel="stylesheet" title="Herald" href="css-github/pygments-herald.css">
54
+ <link rel="stylesheet" title="Idle Fingers" href="css-github/pygments-idle-fingers.css">
55
+ <link rel="stylesheet" title="Inkpot" href="css-github/pygments-inkpot.css">
56
+ <link rel="stylesheet" title="Jellybeans" href="css-github/pygments-jellybeans.css">
57
+ <link rel="stylesheet" title="Monokai" href="css-github/pygments-monokai.css">
58
+ <link rel="stylesheet" title="Mustang" href="css-github/pygments-mustang.css">
59
+ <link rel="stylesheet" title="Native" href="css-github/pygments-native.css">
60
+ <link rel="stylesheet" title="Neverland" href="css-github/pygments-neverland.css">
61
+ <link rel="stylesheet" title="No quarter" href="css-github/pygments-no-quarter.css">
62
+ <link rel="stylesheet" title="Pastels on Dark" href="css-github/pygments-pastels-on-dark.css">
63
+ <link rel="stylesheet" title="Peaksea" href="css-github/pygments-peaksea.css">
64
+ <link rel="stylesheet" title="Railscasts" href="css-github/pygments-railscasts.css">
65
+ <link rel="stylesheet" title="Rdark" href="css-github/pygments-rdark.css">
66
+ <link rel="stylesheet" title="Refactor" href="css-github/pygments-refactor.css">
67
+ <link rel="stylesheet" title="Sahara" href="css-github/pygments-sahara.css">
68
+ <link rel="stylesheet" title="Slate" href="css-github/pygments-slate.css">
69
+ <link rel="stylesheet" title="Solarized Dark" href="css-github/pygments-solarized-dark.css">
70
+ <link rel="stylesheet" title="Synic" href="css-github/pygments-synic.css">
71
+ <link rel="stylesheet" title="Tomorrow Night Blue" href="css-github/pygments-tomorrow-night-blue.css">
72
+ <link rel="stylesheet" title="Tomorrow Night Bright" href="css-github/pygments-tomorrow-night-bright.css">
73
+ <link rel="stylesheet" title="Tomorrow Night Eighties" href="css-github/pygments-tomorrow-night-eighties.css">
74
+ <link rel="stylesheet" title="Tomorrow Night" href="css-github/pygments-tomorrow-night.css">
75
+ <link rel="stylesheet" title="Twilight" href="css-github/pygments-twilight.css">
76
+ <link rel="stylesheet" title="Up" href="css-github/pygments-up.css">
77
+ <link rel="stylesheet" title="Vim" href="css-github/pygments-vim.css">
78
+ <link rel="stylesheet" title="Vitamins" href="css-github/pygments-vitamins.css">
79
+ <link rel="stylesheet" title="Wombat" href="css-github/pygments-wombat.css">
80
+ <link rel="stylesheet" title="Zenburn" href="css-github/pygments-zenburn.css">
81
+ <link rel="stylesheet" title="Zenesque" href="css-github/pygments-zenesque.css">
82
+ <!-- <link rel="stylesheet" title="x" href="css-github/pygments-x.css"> -->
83
+
84
+ <!-- Demo styling -->
85
+ <style>
86
+ body {
87
+ font-family: Helvetica,arial,freesans,clean,sans-serif;
88
+ background: #222;
89
+ color: #ddd;
90
+ width: 90%;
91
+ text-align: center;
92
+ margin: 20px auto;
93
+ }
94
+ h1, h2 { }
95
+ a { color: #4183c4; text-decoration: none; }
96
+ a:hover { text-decoration: underline; }
97
+ .wrapper { width: 280px; height: 400px; padding: 0 0 20px 20px; vertical-align: top; display: inline-block; }
98
+ .highlight { border: #555 1px solid; text-align: left; height: 350px; overflow-y: auto; font-size: 10px; }
99
+ .highlight table { width: 100%; }
100
+ .highlight table.file-code, .highlight table.file-code td { line-height: 0; border-collapse: collapse; }
101
+ pre { padding: 0 5px; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; }
102
+ .popup { display: none; }
103
+ .popup:checked ~ .highlight {
104
+ box-sizing: border-box;
105
+ position: fixed;
106
+ height: calc(100% - 40px);
107
+ top: 20px;
108
+ bottom: 20px;
109
+ left: 20px;
110
+ right: 20px;
111
+ padding: 20px 40px;
112
+ font-size: 14px;
113
+ }
114
+ </style>
115
+
116
+ <!-- jQuery -->
117
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
118
+
119
+ <script>
120
+ $(function(){
121
+ var t,
122
+ $links = $('link[title]'),
123
+ $select = $('select'),
124
+ theme = "GitHub Dark",
125
+ ls = false,
126
+ selectTheme = function(theme){
127
+ $links.prop('disabled', true);
128
+ $links.filter('[title="' + theme + '"]').prop('disabled', false);
129
+ };
130
+ // https://gist.github.com/paulirish/5558557
131
+ if ("localStorage" in window) {
132
+ try {
133
+ window.localStorage.setItem('_tmptest', 'temp');
134
+ ls = true;
135
+ window.localStorage.removeItem('_tmptest');
136
+ } catch(e) {}
137
+ }
138
+ if (ls) {
139
+ theme = localStorage['github-dark-theme'] || theme;
140
+ }
141
+
142
+ t = '';
143
+ $links.each(function(){
144
+ t += '<option>' + this.title + '</option>';
145
+ });
146
+ $select
147
+ .append(t)
148
+ .on('change', function(){
149
+ selectTheme(this.value);
150
+ if (ls) {
151
+ localStorage['github-dark-theme'] = this.value;
152
+ }
153
+ })
154
+ .val(theme);
155
+
156
+ $(window).on('load', function() {
157
+ $select.val(theme);
158
+ selectTheme(theme);
159
+ });
160
+
161
+ });
162
+ </script>
163
+
164
+ </head>
165
+ <body>
166
+ <h1>Pygments Syntax Highlighting themes<sup>*</sup></h1>
167
+ <h3>Select a syntax highlighting theme: <select></select></h3>
168
+ <p>*Pygments is used in GitHub on Jupyter Notebook pages &amp; GitHub API pages.</p>
169
+
170
+ <label class="wrapper">
171
+ <input type="checkbox" class="popup">
172
+ <h3>CSS</h3>
173
+ <div class="highlight">
174
+ <pre><span class="err">/* Code error example (no closing comment tag)</span>
175
+
176
+ <span class="c">/* Repository Network Tree */</span>
177
+ <span class="nf">#network</span> <span class="nc">.repo</span> <span class="nt">img</span><span class="o">[</span><span class="nt">alt</span><span class="o">=</span><span class="s2">&quot;T&quot;</span><span class="o">],</span> <span class="nf">#network</span> <span class="nc">.repo</span> <span class="nt">img</span><span class="o">[</span><span class="nt">alt</span><span class="o">=</span><span class="s2">&quot;I&quot;</span><span class="o">],</span> <span class="nf">#network</span> <span class="nc">.repo</span> <span class="nt">img</span><span class="o">[</span><span class="nt">alt</span><span class="o">=</span><span class="s2">&quot;L&quot;</span><span class="o">]</span> <span class="p">{</span>
178
+ <span class="k">width</span><span class="o">:</span> <span class="m">26px</span> <span class="cp">!important</span><span class="p">;</span>
179
+ <span class="k">height</span><span class="o">:</span> <span class="m">0</span> <span class="cp">!important</span><span class="p">;</span>
180
+ <span class="k">padding-top</span><span class="o">:</span> <span class="m">22px</span> <span class="cp">!important</span><span class="p">;</span>
181
+ <span class="p">}</span>
182
+ <span class="nf">#network</span> <span class="nc">.repo</span> <span class="nt">img</span><span class="o">[</span><span class="nt">alt</span><span class="o">=</span><span class="s2">&quot;T&quot;</span><span class="o">]</span> <span class="p">{</span>
183
+ <span class="k">background</span><span class="o">:</span> <span class="sx">url(http://StylishThemes.github.io/GitHub-Dark/images/t.png)</span> <span class="k">no-repeat</span> <span class="cp">!important</span><span class="p">;</span>
184
+ <span class="p">}</span>
185
+
186
+ <span class="nc">.js-expand-btn</span><span class="o">,</span> <span class="nc">.dashboard-tabs</span> <span class="nt">li</span> <span class="nt">a</span><span class="o">,</span> <span class="nt">pre</span><span class="nc">.headers</span><span class="o">,</span> <span class="nc">.box-header</span> <span class="p">{</span>
187
+ <span class="k">background</span><span class="o">:</span> <span class="m">#181818</span> <span class="cp">!important</span><span class="p">;</span>
188
+ <span class="k">background-image</span><span class="o">:</span> <span class="o">-</span><span class="n">webkit</span><span class="o">-</span><span class="n">gradient</span><span class="p">(</span><span class="n">linear</span><span class="o">,</span> <span class="k">left</span> <span class="k">top</span><span class="o">,</span> <span class="k">left</span> <span class="k">bottom</span><span class="o">,</span> <span class="n">from</span><span class="p">(</span><span class="m">#333</span><span class="p">)</span><span class="o">,</span> <span class="n">to</span><span class="p">(</span><span class="m">#181818</span><span class="p">))</span> <span class="cp">!important</span><span class="p">;</span>
189
+ <span class="k">background-image</span><span class="o">:</span> <span class="o">-</span><span class="n">webkit</span><span class="o">-</span><span class="n">linear</span><span class="o">-</span><span class="n">gradient</span><span class="p">(</span><span class="k">top</span><span class="o">,</span> <span class="m">#333</span><span class="o">,</span> <span class="m">#181818</span><span class="p">)</span> <span class="cp">!important</span><span class="p">;</span>
190
+ <span class="k">background-image</span><span class="o">:</span> <span class="o">-</span><span class="n">moz</span><span class="o">-</span><span class="n">linear</span><span class="o">-</span><span class="n">gradient</span><span class="p">(</span><span class="k">top</span><span class="o">,</span> <span class="m">#333</span><span class="o">,</span> <span class="m">#181818</span><span class="p">)</span> <span class="cp">!important</span><span class="p">;</span>
191
+ <span class="k">background-image</span><span class="o">:</span> <span class="o">-</span><span class="n">o</span><span class="o">-</span><span class="n">linear</span><span class="o">-</span><span class="n">gradient</span><span class="p">(</span><span class="k">top</span><span class="o">,</span> <span class="m">#333</span><span class="o">,</span> <span class="m">#181818</span><span class="p">)</span> <span class="cp">!important</span><span class="p">;</span>
192
+ <span class="k">background-image</span><span class="o">:</span> <span class="n">linear</span><span class="o">-</span><span class="n">gradient</span><span class="p">(</span><span class="n">to</span> <span class="k">bottom</span><span class="o">,</span> <span class="m">#333</span><span class="o">,</span> <span class="m">#181818</span><span class="p">)</span> <span class="cp">!important</span><span class="p">;</span>
193
+ <span class="k">border-color</span><span class="o">:</span> <span class="m">#333</span> <span class="cp">!important</span><span class="p">;</span>
194
+ <span class="p">}</span>
195
+
196
+ <span class="c">/* contributors page - svg styling */</span>
197
+ <span class="nt">svg</span><span class="o">|</span><span class="nt">svg</span><span class="nc">.spark</span><span class="o">,</span> <span class="nt">svg</span><span class="o">|</span><span class="nt">svg</span><span class="nc">.viz</span> <span class="p">{</span>
198
+ <span class="k">background-color</span><span class="o">:</span> <span class="m">#181818</span> <span class="cp">!important</span><span class="p">;</span>
199
+ <span class="p">}</span>
200
+ <span class="nt">svg</span><span class="o">|</span><span class="nt">svg</span><span class="nc">.viz</span> <span class="p">{</span>
201
+ <span class="k">border</span><span class="o">:</span> <span class="m">1px</span> <span class="k">solid</span> <span class="m">#555</span> <span class="cp">!important</span><span class="p">;</span>
202
+ <span class="k">display</span><span class="o">:</span> <span class="k">block</span> <span class="cp">!important</span><span class="p">;</span>
203
+ <span class="p">}</span>
204
+ <span class="nc">.graphs</span> <span class="nt">svg</span><span class="o">|</span><span class="nt">line</span> <span class="p">{</span>
205
+ <span class="n">stroke</span><span class="o">:</span> <span class="m">#444</span> <span class="cp">!important</span><span class="p">;</span>
206
+ <span class="n">shape</span><span class="o">-</span><span class="n">rendering</span><span class="o">:</span> <span class="n">geometricPrecision</span> <span class="cp">!important</span><span class="p">;</span>
207
+ <span class="p">}</span>
208
+
209
+ <span class="c">/* placeholder */</span>
210
+ <span class="o">:</span><span class="nd">:-webkit-input-placeholder</span> <span class="p">{</span>
211
+ <span class="k">color</span><span class="o">:</span> <span class="m">#444</span> <span class="cp">!important</span><span class="p">;</span>
212
+ <span class="p">}</span>
213
+ <span class="nd">:-moz-placeholder</span> <span class="p">{</span>
214
+ <span class="k">color</span><span class="o">:</span> <span class="m">#444</span> <span class="cp">!important</span><span class="p">;</span>
215
+ <span class="p">}</span>
216
+ <span class="o">:</span><span class="nd">:-moz-placeholder</span> <span class="p">{</span>
217
+ <span class="k">color</span><span class="o">:</span> <span class="m">#444</span> <span class="cp">!important</span><span class="p">;</span>
218
+ <span class="k">opacity</span><span class="o">:</span> <span class="m">1</span> <span class="cp">!important</span><span class="p">;</span>
219
+ <span class="p">}</span></pre>
220
+ </div>
221
+ </label>
222
+
223
+ <label class="wrapper">
224
+ <input type="checkbox" class="popup">
225
+ <h3>SCSS</h3>
226
+ <div class="highlight">
227
+ <pre><span class="cm">/* Icon sprite example */</span>
228
+ <span class="nv">$icon</span><span class="o">:</span> <span class="nf">sprite-map</span><span class="p">(</span><span class="s2">"bg/icon/*.png"</span><span class="o">,</span>
229
+ <span class="nv">$layout</span><span class="o">:</span> <span class="n">smart</span>
230
+ <span class="p">);</span>
231
+ <span class="nv">$icon2x</span><span class="o">:</span> <span class="nf">sprite-map</span><span class="p">(</span><span class="s2">"bg/icon2x/*.png"</span><span class="o">,</span>
232
+ <span class="nv">$layout</span><span class="o">:</span> <span class="n">smart</span>
233
+ <span class="p">);</span>
234
+
235
+ <span class="k">@mixin</span><span class="nf"> icon-sprite</span><span class="p">(</span><span class="nv">$sprite</span><span class="o">,</span> <span class="nv">$from</span><span class="o">:</span> <span class="nv">$base-font-size</span><span class="o">,</span> <span class="nv">$offset-x</span><span class="o">:</span> <span class="mi">0</span><span class="o">,</span> <span class="nv">$offset-y</span><span class="o">:</span> <span class="mi">0</span><span class="p">){</span>
236
+ <span class="k">@include</span><span class="nd"> use-sprite</span><span class="p">(</span><span class="nv">$icon</span><span class="o">,</span> <span class="nv">$icon2x</span><span class="o">,</span> <span class="nv">$sprite</span><span class="o">,</span> <span class="nv">$from</span><span class="o">,</span> <span class="nv">$offset-x</span><span class="o">,</span> <span class="nv">$offset-y</span><span class="p">);</span>
237
+ <span class="p">}</span>
238
+
239
+ <span class="cm">/* Vertical mode with spacing example */</span>
240
+ <span class="nv">$vertical</span><span class="o">:</span> <span class="nf">sprite-map</span><span class="p">(</span><span class="s2">"bg/vertical/*.png"</span><span class="o">,</span>
241
+ <span class="nv">$layout</span><span class="o">:</span> <span class="n">vertical</span><span class="o">,</span>
242
+ <span class="nv">$spacing</span><span class="o">:</span> <span class="mi">24</span><span class="kt">px</span>
243
+ <span class="p">);</span>
244
+ <span class="nv">$vertical2x</span><span class="o">:</span> <span class="nf">sprite-map</span><span class="p">(</span><span class="s2">"bg/vertical2x/*.png"</span><span class="o">,</span>
245
+ <span class="nv">$layout</span><span class="o">:</span> <span class="n">smart</span><span class="o">,</span>
246
+ <span class="nv">$spacing</span><span class="o">:</span> <span class="mi">48</span><span class="kt">px</span>
247
+ <span class="p">);</span>
248
+
249
+ <span class="k">@mixin</span><span class="nf"> vertical-sprite</span><span class="p">(</span><span class="nv">$sprite</span><span class="o">,</span> <span class="nv">$from</span><span class="o">:</span> <span class="nv">$base-font-size</span><span class="o">,</span> <span class="nv">$offset-x</span><span class="o">:</span> <span class="mi">0</span><span class="o">,</span> <span class="nv">$offset-y</span><span class="o">:</span> <span class="mi">0</span><span class="p">){</span>
250
+ <span class="k">@include</span><span class="nd"> use-sprite</span><span class="p">(</span><span class="nv">$vertical</span><span class="o">,</span> <span class="nv">$vertical2x</span><span class="o">,</span> <span class="nv">$sprite</span><span class="o">,</span> <span class="nv">$from</span><span class="o">,</span> <span class="nv">$offset-x</span><span class="o">,</span> <span class="nv">$offset-y</span><span class="p">);</span>
251
+ <span class="p">}</span></pre>
252
+ </div>
253
+ </label>
254
+
255
+ <label class="wrapper">
256
+ <input type="checkbox" class="popup">
257
+ <h3>HTML</h3>
258
+ <div class="highlight">
259
+ <pre><span class="cp">&lt;!DOCTYPE html&gt;</span>
260
+ <span class="nt">&lt;html&gt;</span>
261
+ <span class="nt">&lt;head&gt;</span>
262
+ <span class="nt">&lt;meta</span> <span class="na">charset=</span><span class="s">"utf-8"</span><span class="nt">&gt;</span>
263
+ <span class="nt">&lt;title&gt;</span>GitHub Dark Syntax Highlighting Themes<span class="nt">&lt;/title&gt;</span>
264
+
265
+ <span class="c">&lt;!-- themes --&gt;</span>
266
+ <span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">title=</span><span class="s">"Fruity"</span> <span class="na">href=</span><span class="s">"themes/pygments-fruity.css"</span><span class="nt">&gt;</span>
267
+ <span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">title=</span><span class="s">"Monokai"</span> <span class="na">href=</span><span class="s">"themes/pygments-monokai.css"</span><span class="nt">&gt;</span>
268
+ <span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">title=</span><span class="s">"Native"</span> <span class="na">href=</span><span class="s">"themes/pygments-native.css"</span><span class="nt">&gt;</span>
269
+ <span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">title=</span><span class="s">"GitHub Dark"</span> <span class="na">href=</span><span class="s">"themes/pygments-github-dark.css"</span><span class="nt">&gt;</span>
270
+ <span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">title=</span><span class="s">"Slate"</span> <span class="na">href=</span><span class="s">"themes/pygments-slate.css"</span><span class="nt">&gt;</span>
271
+ <span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">title=</span><span class="s">"Solarized Dark"</span> <span class="na">href=</span><span class="s">"themes/pygments-solarized-dark.css"</span><span class="nt">&gt;</span>
272
+ <span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">title=</span><span class="s">"Vim"</span> <span class="na">href=</span><span class="s">"themes/pygments-vim.css"</span><span class="nt">&gt;</span>
273
+ <span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">title=</span><span class="s">"Wombat"</span> <span class="na">href=</span><span class="s">"themes/pygments-wombat.css"</span><span class="nt">&gt;</span>
274
+ <span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">title=</span><span class="s">"Zenburn"</span> <span class="na">href=</span><span class="s">"themes/pygments-zenburn.css"</span><span class="nt">&gt;</span>
275
+
276
+ <span class="c">&lt;!-- jQuery --&gt;</span>
277
+ <span class="nt">&lt;script </span><span class="na">src=</span><span class="s">"http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"</span><span class="nt">&gt;&lt;/script&gt;</span>
278
+
279
+ <span class="nt">&lt;/head&gt;</span>
280
+ <span class="nt">&lt;body&gt;</span>
281
+ <span class="nt">&lt;h1&gt;&lt;a</span> <span class="na">href=</span><span class="s">"http://userstyles.org/styles/37035"</span><span class="nt">&gt;</span>GitHub Dark for Stylish<span class="nt">&lt;/a&gt;&lt;/h1&gt;</span>
282
+ <span class="nt">&lt;h2&gt;</span>Syntax Highlighting themes<span class="nt">&lt;/h2&gt;</span>
283
+ <span class="nt">&lt;h3&gt;</span>Select a syntax highlighting theme: <span class="nt">&lt;select&gt;&lt;/select&gt;&lt;/h3&gt;</span>
284
+
285
+ <span class="nt">&lt;h3&gt;</span>Code block<span class="nt">&lt;/h3&gt;</span>
286
+ <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"highlight"</span><span class="nt">&gt;</span>
287
+ <span class="nt">&lt;pre&gt;&lt;code&gt;</span>
288
+ <span class="c">&lt;-- ... --&gt;</span>
289
+ <span class="nt">&lt;/code&gt;&lt;/pre&gt;</span>
290
+ <span class="nt">&lt;/div&gt;</span></pre>
291
+ </div>
292
+ </label>
293
+
294
+ <label class="wrapper">
295
+ <input type="checkbox" class="popup">
296
+ <h3>Javascript</h3>
297
+ <div class="highlight">
298
+ <pre><span class="nx">$</span><span class="p">(</span><span class="kd">function</span><span class="p">(){</span>
299
+ <span class="kd">var</span> <span class="nx">t</span><span class="p">,</span>
300
+ <span class="nx">$links</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="s1">'link[title]'</span><span class="p">),</span>
301
+ <span class="nx">$select</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="s1">'select'</span><span class="p">),</span>
302
+ <span class="nx">theme</span> <span class="o">=</span> <span class="s2">"Native-Mod"</span><span class="p">,</span>
303
+ <span class="nx">ls</span> <span class="o">=</span> <span class="kc">false</span><span class="p">,</span>
304
+ <span class="nx">selectTheme</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">theme</span><span class="p">){</span>
305
+ <span class="nx">$links</span><span class="p">.</span><span class="nx">prop</span><span class="p">(</span><span class="s1">'disabled'</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
306
+ <span class="nx">$links</span><span class="p">.</span><span class="nx">filter</span><span class="p">(</span><span class="s1">'[title="'</span> <span class="o">+</span> <span class="nx">theme</span> <span class="o">+</span> <span class="s1">'"]'</span><span class="p">).</span><span class="nx">prop</span><span class="p">(</span><span class="s1">'disabled'</span><span class="p">,</span> <span class="kc">false</span><span class="p">);</span>
307
+ <span class="p">};</span>
308
+ <span class="c1">// https://gist.github.com/paulirish/5558557</span>
309
+ <span class="k">if</span> <span class="p">(</span><span class="s2">"localStorage"</span> <span class="k">in</span> <span class="nb">window</span><span class="p">)</span> <span class="p">{</span>
310
+ <span class="k">try</span> <span class="p">{</span>
311
+ <span class="nb">window</span><span class="p">.</span><span class="nx">localStorage</span><span class="p">.</span><span class="nx">setItem</span><span class="p">(</span><span class="s1">'_tmptest'</span><span class="p">,</span> <span class="s1">'temp'</span><span class="p">);</span>
312
+ <span class="nx">ls</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
313
+ <span class="nb">window</span><span class="p">.</span><span class="nx">localStorage</span><span class="p">.</span><span class="nx">removeItem</span><span class="p">(</span><span class="s1">'_tmptest'</span><span class="p">);</span>
314
+ <span class="p">}</span> <span class="k">catch</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{}</span>
315
+ <span class="p">}</span>
316
+ <span class="k">if</span> <span class="p">(</span><span class="nx">ls</span><span class="p">)</span> <span class="p">{</span>
317
+ <span class="nx">theme</span> <span class="o">=</span> <span class="nx">localStorage</span><span class="p">[</span><span class="s1">'github-dark-theme'</span><span class="p">]</span> <span class="o">||</span> <span class="nx">theme</span><span class="p">;</span>
318
+ <span class="p">}</span>
319
+
320
+ <span class="nx">t</span> <span class="o">=</span> <span class="s1">''</span><span class="p">;</span>
321
+ <span class="nx">$links</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="kd">function</span><span class="p">(){</span>
322
+ <span class="nx">t</span> <span class="o">+=</span> <span class="s1">'&lt;option&gt;'</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">title</span> <span class="o">+</span> <span class="s1">'&lt;/option&gt;'</span><span class="p">;</span>
323
+ <span class="p">});</span>
324
+ <span class="nx">$select</span>
325
+ <span class="p">.</span><span class="nx">append</span><span class="p">(</span><span class="nx">t</span><span class="p">)</span>
326
+ <span class="p">.</span><span class="nx">on</span><span class="p">(</span><span class="s1">'change'</span><span class="p">,</span> <span class="kd">function</span><span class="p">(){</span>
327
+ <span class="nx">selectTheme</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">value</span><span class="p">);</span>
328
+ <span class="k">if</span> <span class="p">(</span><span class="nx">ls</span><span class="p">)</span> <span class="p">{</span>
329
+ <span class="nx">localStorage</span><span class="p">[</span><span class="s1">'github-dark-theme'</span><span class="p">]</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">value</span><span class="p">;</span>
330
+ <span class="p">}</span>
331
+ <span class="p">})</span>
332
+ <span class="p">.</span><span class="nx">val</span><span class="p">(</span><span class="nx">theme</span><span class="p">);</span>
333
+
334
+ <span class="nx">$</span><span class="p">(</span><span class="nb">window</span><span class="p">).</span><span class="nx">load</span><span class="p">(</span><span class="kd">function</span><span class="p">(){</span>
335
+ <span class="nx">$select</span><span class="p">.</span><span class="nx">val</span><span class="p">(</span><span class="nx">theme</span><span class="p">);</span>
336
+ <span class="nx">selectTheme</span><span class="p">(</span><span class="nx">theme</span><span class="p">);</span>
337
+ <span class="p">});</span>
338
+
339
+ <span class="p">});</span></pre>
340
+ </div>
341
+ </label>
342
+
343
+ <label class="wrapper">
344
+ <input type="checkbox" class="popup">
345
+ <h3>php</h3>
346
+ <div class="highlight">
347
+ <pre><span class="cp">&lt;?php</span>
348
+ <span class="k">class</span> <span class="nc">A_Request</span> <span class="p">{</span>
349
+
350
+ <span class="k">private</span> <span class="nv">$_request</span><span class="p">;</span>
351
+
352
+ <span class="k">private</span> <span class="nv">$_fields</span> <span class="o">=</span> <span class="k">array</span><span class="p">(</span>
353
+ <span class="s1">&#39;title&#39;</span><span class="p">,</span>
354
+ <span class="s1">&#39;fullname&#39;</span><span class="p">,</span>
355
+ <span class="s1">&#39;email&#39;</span><span class="p">,</span>
356
+ <span class="s1">&#39;company&#39;</span><span class="p">,</span>
357
+ <span class="p">);</span>
358
+
359
+ <span class="k">public</span> <span class="k">function</span> <span class="nf">__construct</span><span class="p">()</span> <span class="p">{</span>
360
+ <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">_request</span> <span class="o">=</span> <span class="k">array</span><span class="p">();</span>
361
+ <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">_errors</span> <span class="o">=</span> <span class="k">array</span><span class="p">();</span>
362
+ <span class="p">}</span>
363
+
364
+ <span class="k">public</span> <span class="k">function</span> <span class="nf">initialize</span><span class="p">(</span><span class="nv">$data</span><span class="p">)</span> <span class="p">{</span>
365
+ <span class="k">foreach</span> <span class="p">(</span><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">_fields</span> <span class="k">as</span> <span class="nv">$field</span><span class="p">)</span> <span class="p">{</span>
366
+ <span class="k">if</span> <span class="p">(</span> <span class="o">!</span> <span class="nb">in_array</span><span class="p">(</span><span class="nv">$field</span><span class="p">,</span> <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">_optional_fields</span><span class="p">))</span> <span class="p">{</span>
367
+ <span class="k">if</span> <span class="p">(</span><span class="nb">array_key_exists</span><span class="p">(</span><span class="nv">$field</span><span class="p">,</span> <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">_validation_exceptions</span><span class="p">))</span> <span class="p">{</span>
368
+ <span class="nv">$method</span> <span class="o">=</span> <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">_validation_exceptions</span><span class="p">[</span><span class="nv">$field</span><span class="p">];</span>
369
+ <span class="nv">$this</span><span class="o">-&gt;</span><span class="nv">$method</span><span class="p">(</span><span class="nv">$data</span><span class="p">[</span><span class="nv">$field</span><span class="p">]);</span>
370
+ <span class="k">continue</span><span class="p">;</span>
371
+ <span class="p">}</span>
372
+
373
+ <span class="k">if</span> <span class="p">(</span><span class="nb">isset</span><span class="p">(</span><span class="nv">$data</span><span class="p">[</span><span class="nv">$field</span><span class="p">])</span> <span class="k">AND</span> <span class="o">!</span><span class="k">empty</span><span class="p">(</span><span class="nv">$data</span><span class="p">[</span><span class="nv">$field</span><span class="p">]))</span> <span class="p">{</span>
374
+ <span class="k">if</span> <span class="p">(</span><span class="nb">array_key_exists</span><span class="p">(</span><span class="nv">$field</span><span class="p">,</span> <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">_specific_validations</span><span class="p">))</span> <span class="p">{</span>
375
+ <span class="nv">$method</span> <span class="o">=</span> <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">_specific_validations</span><span class="p">[</span><span class="nv">$field</span><span class="p">];</span>
376
+ <span class="nv">$this</span><span class="o">-&gt;</span><span class="nv">$method</span><span class="p">(</span><span class="nv">$data</span><span class="p">[</span><span class="nv">$field</span><span class="p">]);</span>
377
+ <span class="p">}</span>
378
+ <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">_request</span><span class="p">[</span><span class="nv">$field</span><span class="p">]</span> <span class="o">=</span> <span class="nv">$data</span><span class="p">[</span><span class="nv">$field</span><span class="p">];</span>
379
+ <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
380
+ <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">_errors</span><span class="p">[</span><span class="nv">$field</span><span class="p">]</span> <span class="o">=</span> <span class="s1">&#39;error&#39;</span><span class="p">;</span>
381
+ <span class="p">}</span>
382
+ <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
383
+ <span class="k">if</span> <span class="p">(</span><span class="nb">isset</span><span class="p">(</span><span class="nv">$data</span><span class="p">[</span><span class="nv">$field</span><span class="p">]))</span> <span class="p">{</span>
384
+ <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">_request</span><span class="p">[</span><span class="nv">$field</span><span class="p">]</span> <span class="o">=</span> <span class="nv">$data</span><span class="p">[</span><span class="nv">$field</span><span class="p">];</span>
385
+ <span class="p">}</span>
386
+ <span class="p">}</span>
387
+ <span class="p">}</span>
388
+ <span class="p">}</span>
389
+
390
+ <span class="k">public</span> <span class="k">function</span> <span class="nf">valid_email</span><span class="p">(</span><span class="nv">$str</span><span class="p">)</span> <span class="p">{</span>
391
+ <span class="nv">$valid</span> <span class="o">=</span> <span class="p">(</span> <span class="o">!</span> <span class="nb">preg_match</span><span class="p">(</span>
392
+ <span class="s2">&quot;/^([a-z0-9\+_\-]+)(\.[a-z0-9\+_\-]+)*@([a-z0-9\-]+\.)+[a-z]{2,6}$/ix&quot;</span><span class="p">,</span>
393
+ <span class="nv">$str</span>
394
+ <span class="p">)</span> <span class="p">)</span> <span class="o">?</span> <span class="k">FALSE</span> <span class="o">:</span> <span class="k">TRUE</span><span class="p">;</span>
395
+
396
+ <span class="k">if</span> <span class="p">(</span> <span class="o">!</span> <span class="nv">$valid</span><span class="p">)</span> <span class="p">{</span>
397
+ <span class="nv">$this</span><span class="o">-&gt;</span><span class="na">_errors</span><span class="p">[</span><span class="s1">&#39;email&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="s1">&#39;error&#39;</span><span class="p">;</span>
398
+ <span class="p">}</span>
399
+ <span class="p">}</span>
400
+
401
+ <span class="p">}</span></pre>
402
+ </div>
403
+ </label>
404
+
405
+ <label class="wrapper">
406
+ <input type="checkbox" class="popup">
407
+ <h3>Python</h3>
408
+ <div class="highlight">
409
+ <pre><span class="k">def</span> <span class="nf">dump_args</span><span class="p">(</span><span class="n">func</span><span class="p">):</span>
410
+ <span class="s">"This decorator dumps out the arguments passed to a function before calling it"</span>
411
+ <span class="n">argnames</span> <span class="o">=</span> <span class="n">func</span><span class="o">.</span><span class="n">func_code</span><span class="o">.</span><span class="n">co_varnames</span><span class="p">[:</span><span class="n">func</span><span class="o">.</span><span class="n">func_code</span><span class="o">.</span><span class="n">co_argcount</span><span class="p">]</span>
412
+ <span class="n">fname</span> <span class="o">=</span> <span class="n">func</span><span class="o">.</span><span class="n">func_name</span>
413
+ <span class="k">def</span> <span class="nf">echo_func</span><span class="p">(</span><span class="o">*</span><span class="n">args</span><span class="p">,</span><span class="o">**</span><span class="n">kwargs</span><span class="p">):</span>
414
+ <span class="k">print</span> <span class="n">fname</span><span class="p">,</span> <span class="s">":"</span><span class="p">,</span> <span class="s">', '</span><span class="o">.</span><span class="n">join</span><span class="p">(</span>
415
+ <span class="s">'</span><span class="si">%s</span><span class="s">=</span><span class="si">%r</span><span class="s">'</span> <span class="o">%</span> <span class="n">entry</span>
416
+ <span class="k">for</span> <span class="n">entry</span> <span class="ow">in</span> <span class="nb">zip</span><span class="p">(</span><span class="n">argnames</span><span class="p">,</span><span class="n">args</span><span class="p">)</span> <span class="o">+</span> <span class="n">kwargs</span><span class="o">.</span><span class="n">items</span><span class="p">())</span>
417
+ <span class="k">return</span> <span class="n">func</span><span class="p">(</span><span class="o">*</span><span class="n">args</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span>
418
+ <span class="k">return</span> <span class="n">echo_func</span>
419
+
420
+ <span class="nd">@dump_args</span>
421
+ <span class="k">def</span> <span class="nf">f1</span><span class="p">(</span><span class="n">a</span><span class="p">,</span><span class="n">b</span><span class="p">,</span><span class="n">c</span><span class="p">):</span>
422
+ <span class="k">print</span> <span class="n">a</span> <span class="o">+</span> <span class="n">b</span> <span class="o">+</span> <span class="n">c</span>
423
+
424
+ <span class="n">f1</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">)</span>
425
+
426
+ <span class="k">def</span> <span class="nf">precondition</span><span class="p">(</span><span class="n">precondition</span><span class="p">,</span> <span class="n">use_conditions</span><span class="o">=</span><span class="n">DEFAULT_ON</span><span class="p">):</span>
427
+ <span class="k">return</span> <span class="n">conditions</span><span class="p">(</span><span class="n">precondition</span><span class="p">,</span> <span class="bp">None</span><span class="p">,</span> <span class="n">use_conditions</span><span class="p">)</span>
428
+
429
+ <span class="k">def</span> <span class="nf">postcondition</span><span class="p">(</span><span class="n">postcondition</span><span class="p">,</span> <span class="n">use_conditions</span><span class="o">=</span><span class="n">DEFAULT_ON</span><span class="p">):</span>
430
+ <span class="k">return</span> <span class="n">conditions</span><span class="p">(</span><span class="bp">None</span><span class="p">,</span> <span class="n">postcondition</span><span class="p">,</span> <span class="n">use_conditions</span><span class="p">)</span>
431
+
432
+ <span class="k">class</span> <span class="nc">conditions</span><span class="p">(</span><span class="nb">object</span><span class="p">):</span>
433
+ <span class="n">__slots__</span> <span class="o">=</span> <span class="p">(</span><span class="s">'__precondition'</span><span class="p">,</span> <span class="s">'__postcondition'</span><span class="p">)</span>
434
+
435
+ <span class="k">def</span> <span class="nf">__init__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">pre</span><span class="p">,</span> <span class="n">post</span><span class="p">,</span> <span class="n">use_conditions</span><span class="o">=</span><span class="n">DEFAULT_ON</span><span class="p">):</span>
436
+ <span class="k">if</span> <span class="ow">not</span> <span class="n">use_conditions</span><span class="p">:</span>
437
+ <span class="n">pre</span><span class="p">,</span> <span class="n">post</span> <span class="o">=</span> <span class="bp">None</span><span class="p">,</span> <span class="bp">None</span>
438
+
439
+ <span class="bp">self</span><span class="o">.</span><span class="n">__precondition</span> <span class="o">=</span> <span class="n">pre</span>
440
+ <span class="bp">self</span><span class="o">.</span><span class="n">__postcondition</span> <span class="o">=</span> <span class="n">post</span></pre>
441
+ </div>
442
+ </label>
443
+
444
+ <label class="wrapper">
445
+ <input type="checkbox" class="popup">
446
+ <h3>Ruby</h3>
447
+ <div class="highlight">
448
+ <pre><span class="k">def</span> <span class="nf">power</span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="n">n</span><span class="p">)</span>
449
+ <span class="n">result</span> <span class="o">=</span> <span class="mi">1</span>
450
+ <span class="k">while</span> <span class="n">n</span><span class="o">.</span><span class="n">nonzero?</span>
451
+ <span class="k">if</span> <span class="n">n</span><span class="o">[</span><span class="mi">0</span><span class="o">].</span><span class="n">nonzero?</span>
452
+ <span class="n">result</span> <span class="o">*=</span> <span class="n">x</span>
453
+ <span class="n">n</span> <span class="o">-=</span> <span class="mi">1</span>
454
+ <span class="k">end</span>
455
+ <span class="n">x</span> <span class="o">*=</span> <span class="n">x</span>
456
+ <span class="n">n</span> <span class="o">/=</span> <span class="mi">2</span>
457
+ <span class="k">end</span>
458
+ <span class="k">return</span> <span class="n">result</span>
459
+ <span class="k">end</span>
460
+
461
+ <span class="k">def</span> <span class="nf">f</span><span class="p">(</span><span class="n">x</span><span class="p">)</span>
462
+ <span class="no">Math</span><span class="o">.</span><span class="n">sqrt</span><span class="p">(</span><span class="n">x</span><span class="o">.</span><span class="n">abs</span><span class="p">)</span> <span class="o">+</span> <span class="mi">5</span><span class="o">*</span><span class="n">x</span> <span class="o">**</span> <span class="mi">3</span>
463
+ <span class="k">end</span>
464
+
465
+ <span class="p">(</span><span class="mi">0</span><span class="o">.</span><span class="n">.</span><span class="o">.</span><span class="mi">11</span><span class="p">)</span><span class="o">.</span><span class="n">collect</span><span class="p">{</span> <span class="nb">gets</span><span class="o">.</span><span class="n">to_i</span> <span class="p">}</span><span class="o">.</span><span class="n">reverse</span><span class="o">.</span><span class="n">each</span> <span class="k">do</span> <span class="o">|</span><span class="n">x</span><span class="o">|</span>
466
+ <span class="n">y</span> <span class="o">=</span> <span class="n">f</span><span class="p">(</span><span class="n">x</span><span class="p">)</span>
467
+ <span class="nb">puts</span> <span class="s2">"</span><span class="si">#{</span><span class="n">x</span><span class="si">}</span><span class="s2"> </span><span class="si">#{</span><span class="n">y</span><span class="o">.</span><span class="n">infinite?</span> <span class="p">?</span> <span class="s1">'TOO LARGE'</span> <span class="p">:</span> <span class="n">y</span><span class="si">}</span><span class="s2">"</span>
468
+ <span class="k">end</span>
469
+ <span class="c1"># Map color names to short hex</span>
470
+ <span class="no">COLORS</span> <span class="o">=</span> <span class="p">{</span> <span class="ss">:black</span> <span class="o">=&gt;</span> <span class="s2">"000"</span><span class="p">,</span>
471
+ <span class="ss">:red</span> <span class="o">=&gt;</span> <span class="s2">"f00"</span><span class="p">,</span>
472
+ <span class="ss">:green</span> <span class="o">=&gt;</span> <span class="s2">"0f0"</span><span class="p">,</span>
473
+ <span class="ss">:yellow</span> <span class="o">=&gt;</span> <span class="s2">"ff0"</span><span class="p">,</span>
474
+ <span class="ss">:blue</span> <span class="o">=&gt;</span> <span class="s2">"00f"</span><span class="p">,</span>
475
+ <span class="ss">:magenta</span> <span class="o">=&gt;</span> <span class="s2">"f0f"</span><span class="p">,</span>
476
+ <span class="ss">:cyan</span> <span class="o">=&gt;</span> <span class="s2">"0ff"</span><span class="p">,</span>
477
+ <span class="ss">:white</span> <span class="o">=&gt;</span> <span class="s2">"fff"</span> <span class="p">}</span>
478
+
479
+ <span class="k">class</span> <span class="nc">String</span>
480
+ <span class="no">COLORS</span><span class="o">.</span><span class="n">each</span> <span class="k">do</span> <span class="o">|</span><span class="n">color</span><span class="p">,</span><span class="n">code</span><span class="o">|</span>
481
+ <span class="n">define_method</span> <span class="s2">"in_</span><span class="si">#{</span><span class="n">color</span><span class="si">}</span><span class="s2">"</span> <span class="k">do</span>
482
+ <span class="s2">"&lt;span style=</span><span class="se">\"</span><span class="s2">color: #</span><span class="si">#{</span><span class="n">code</span><span class="si">}</span><span class="se">\"</span><span class="s2">&gt;</span><span class="si">#{</span><span class="nb">self</span><span class="si">}</span><span class="s2">&lt;/span&gt;"</span>
483
+ <span class="k">end</span>
484
+ <span class="k">end</span>
485
+ <span class="k">end</span></pre>
486
+ </div>
487
+ </label>
488
+
489
+ <label class="wrapper">
490
+ <input type="checkbox" class="popup">
491
+ <h3>C++</h3>
492
+ <div class="highlight">
493
+ <pre><span class="cp">#include "algostuff.hpp"</span>
494
+ <span class="k">using</span> <span class="k">namespace</span> <span class="n">std</span><span class="p">;</span>
495
+
496
+ <span class="kt">bool</span> <span class="nf">bothEvenOrOdd</span> <span class="p">(</span><span class="kt">int</span> <span class="n">elem1</span><span class="p">,</span> <span class="kt">int</span> <span class="n">elem2</span><span class="p">)</span>
497
+ <span class="p">{</span>
498
+ <span class="k">return</span> <span class="n">elem1</span> <span class="o">%</span> <span class="mi">2</span> <span class="o">==</span> <span class="n">elem2</span> <span class="o">%</span> <span class="mi">2</span><span class="p">;</span>
499
+ <span class="p">}</span>
500
+
501
+ <span class="kt">int</span> <span class="nf">main</span><span class="p">()</span>
502
+ <span class="p">{</span>
503
+ <span class="n">vector</span><span class="o">&lt;</span><span class="kt">int</span><span class="o">&gt;</span> <span class="n">coll1</span><span class="p">;</span>
504
+ <span class="n">list</span><span class="o">&lt;</span><span class="kt">int</span><span class="o">&gt;</span> <span class="n">coll2</span><span class="p">;</span>
505
+
506
+ <span class="kt">float</span> <span class="n">m</span> <span class="o">=</span> <span class="mf">40.0f</span><span class="p">;</span>
507
+
508
+ <span class="n">INSERT_ELEMENTS</span><span class="p">(</span><span class="n">coll1</span><span class="p">,</span><span class="mi">1</span><span class="p">,</span><span class="mi">7</span><span class="p">);</span>
509
+ <span class="n">INSERT_ELEMENTS</span><span class="p">(</span><span class="n">coll2</span><span class="p">,</span><span class="mi">3</span><span class="p">,</span><span class="mi">9</span><span class="p">);</span>
510
+
511
+ <span class="n">PRINT_ELEMENTS</span><span class="p">(</span><span class="n">coll1</span><span class="p">,</span><span class="s">"coll1: </span><span class="se">\n</span><span class="s">"</span><span class="p">);</span>
512
+ <span class="n">PRINT_ELEMENTS</span><span class="p">(</span><span class="n">coll2</span><span class="p">,</span><span class="s">"coll2: </span><span class="se">\n</span><span class="s">"</span><span class="p">);</span>
513
+
514
+ <span class="c1">// check whether both collections are equal</span>
515
+ <span class="k">if</span> <span class="p">(</span><span class="n">equal</span> <span class="p">(</span><span class="n">coll1</span><span class="p">.</span><span class="n">begin</span><span class="p">(),</span> <span class="n">coll1</span><span class="p">.</span><span class="n">end</span><span class="p">(),</span> <span class="c1">// first range</span>
516
+ <span class="n">coll2</span><span class="p">.</span><span class="n">begin</span><span class="p">()))</span> <span class="p">{</span> <span class="c1">// second range</span>
517
+ <span class="n">cout</span> <span class="o">&lt;&lt;</span> <span class="s">"coll1 == coll2"</span> <span class="o">&lt;&lt;</span> <span class="n">endl</span><span class="p">;</span>
518
+ <span class="p">}</span> <span class="cm">/* TODO Shouldn't there be an 'else' case? */</span>
519
+
520
+ <span class="c1">// check for corresponding even and odd elements</span>
521
+ <span class="k">if</span> <span class="p">(</span><span class="n">equal</span> <span class="p">(</span><span class="n">coll1</span><span class="p">.</span><span class="n">begin</span><span class="p">(),</span> <span class="n">coll1</span><span class="p">.</span><span class="n">end</span><span class="p">(),</span> <span class="c1">// first range</span>
522
+ <span class="n">coll2</span><span class="p">.</span><span class="n">begin</span><span class="p">(),</span> <span class="c1">// second range</span>
523
+ <span class="n">bothEvenOrOdd</span><span class="p">))</span> <span class="p">{</span> <span class="c1">// comparison criterion</span>
524
+ <span class="n">cout</span> <span class="o">&lt;&lt;</span> <span class="s">"even and odd elements correspond"</span> <span class="o">&lt;&lt;</span> <span class="n">endl</span><span class="p">;</span>
525
+ <span class="p">}</span>
526
+ <span class="p">}</span></pre>
527
+ </div>
528
+ </label>
529
+
530
+ <label class="wrapper">
531
+ <input type="checkbox" class="popup">
532
+ <h3>Haskell</h3>
533
+ <div class="highlight">
534
+ <pre><span class="kr">import</span> <span class="nn">System</span>
535
+ <span class="kr">import</span> <span class="nn">Foreign</span>
536
+ <span class="kr">import</span> <span class="k">qualified</span> <span class="nn">Data.ByteString</span> <span class="k">as</span> <span class="n">B</span>
537
+
538
+ <span class="n">main</span> <span class="ow">=</span> <span class="kr">do</span>
539
+ <span class="n">w</span> <span class="ow">&lt;-</span> <span class="n">getArgs</span> <span class="o">&gt;&gt;=</span> <span class="n">readIO</span> <span class="o">.</span> <span class="n">head</span>
540
+ <span class="kr">let</span> <span class="n">n</span> <span class="ow">=</span> <span class="n">w</span> <span class="p">`</span><span class="n">div</span><span class="p">`</span> <span class="mi">8</span>
541
+ <span class="n">loop_y</span> <span class="ow">=</span> <span class="kt">B</span><span class="o">.</span><span class="n">unfoldrN</span> <span class="n">n</span> <span class="p">(</span><span class="n">next_x</span> <span class="n">w</span> <span class="p">(</span><span class="mi">2</span><span class="o">/</span><span class="n">fromIntegral</span> <span class="n">w</span><span class="p">)</span> <span class="n">n</span><span class="p">)</span>
542
+
543
+ <span class="n">unfold</span> <span class="n">x</span> <span class="ow">=</span> <span class="kr">case</span> <span class="n">loop_y</span> <span class="n">x</span> <span class="kr">of</span>
544
+ <span class="p">(</span><span class="n">s</span><span class="p">,</span> <span class="kt">Nothing</span><span class="p">)</span> <span class="ow">-&gt;</span> <span class="kt">B</span><span class="o">.</span><span class="n">putStr</span> <span class="n">s</span>
545
+ <span class="p">(</span><span class="n">s</span><span class="p">,</span> <span class="kt">Just</span> <span class="n">x</span><span class="p">)</span> <span class="ow">-&gt;</span> <span class="kt">B</span><span class="o">.</span><span class="n">putStr</span> <span class="n">s</span> <span class="o">&gt;&gt;</span> <span class="n">unfold</span> <span class="n">x</span>
546
+
547
+ <span class="n">putStrLn</span> <span class="p">(</span><span class="s">"P4</span><span class="se">\n</span><span class="s">"</span><span class="o">++</span><span class="n">show</span> <span class="n">w</span><span class="o">++</span><span class="s">" "</span><span class="o">++</span><span class="n">show</span> <span class="n">w</span><span class="p">)</span>
548
+ <span class="n">unfold</span> <span class="p">(</span><span class="kt">T</span> <span class="mi">1</span> <span class="mi">0</span> <span class="mi">0</span> <span class="p">(</span><span class="o">-</span><span class="mi">1</span><span class="p">))</span>
549
+
550
+ <span class="kr">data</span> <span class="kt">T</span> <span class="ow">=</span> <span class="kt">T</span> <span class="o">!</span><span class="kt">Int</span> <span class="o">!</span><span class="kt">Int</span> <span class="o">!</span><span class="kt">Int</span> <span class="o">!</span><span class="kt">Double</span>
551
+
552
+ <span class="n">next_x</span> <span class="o">!</span><span class="n">w</span> <span class="o">!</span><span class="n">iw</span> <span class="o">!</span><span class="n">bw</span> <span class="p">(</span><span class="kt">T</span> <span class="n">bx</span> <span class="n">x</span> <span class="n">y</span> <span class="n">ci</span><span class="p">)</span>
553
+ <span class="o">|</span> <span class="n">y</span> <span class="o">==</span> <span class="n">w</span> <span class="ow">=</span> <span class="kt">Nothing</span>
554
+ <span class="o">|</span> <span class="n">bx</span> <span class="o">==</span> <span class="n">bw</span> <span class="ow">=</span> <span class="kt">Just</span> <span class="p">(</span><span class="n">loop_x</span> <span class="n">w</span> <span class="n">x</span> <span class="mi">8</span> <span class="n">iw</span> <span class="n">ci</span> <span class="mi">0</span><span class="p">,</span> <span class="kt">T</span> <span class="mi">1</span> <span class="mi">0</span> <span class="p">(</span><span class="n">y</span><span class="o">+</span><span class="mi">1</span><span class="p">)</span> <span class="p">(</span><span class="n">iw</span><span class="o">+</span><span class="n">ci</span><span class="p">))</span>
555
+ <span class="o">|</span> <span class="n">otherwise</span> <span class="ow">=</span> <span class="kt">Just</span> <span class="p">(</span><span class="n">loop_x</span> <span class="n">w</span> <span class="n">x</span> <span class="mi">8</span> <span class="n">iw</span> <span class="n">ci</span> <span class="mi">0</span><span class="p">,</span> <span class="kt">T</span> <span class="p">(</span><span class="n">bx</span><span class="o">+</span><span class="mi">1</span><span class="p">)</span> <span class="p">(</span><span class="n">x</span><span class="o">+</span><span class="mi">8</span><span class="p">)</span> <span class="n">y</span> <span class="n">ci</span><span class="p">)</span>
556
+
557
+ <span class="n">loop_x</span> <span class="o">!</span><span class="n">w</span> <span class="o">!</span><span class="n">x</span> <span class="o">!</span><span class="n">n</span> <span class="o">!</span><span class="n">iw</span> <span class="o">!</span><span class="n">ci</span> <span class="o">!</span><span class="n">b</span>
558
+ <span class="o">|</span> <span class="n">x</span> <span class="o">&lt;</span> <span class="n">w</span> <span class="ow">=</span> <span class="kr">if</span> <span class="n">n</span> <span class="o">==</span> <span class="mi">0</span>
559
+ <span class="kr">then</span> <span class="n">b</span>
560
+ <span class="kr">else</span> <span class="n">loop_x</span> <span class="n">w</span> <span class="p">(</span><span class="n">x</span><span class="o">+</span><span class="mi">1</span><span class="p">)</span> <span class="p">(</span><span class="n">n</span><span class="o">-</span><span class="mi">1</span><span class="p">)</span> <span class="n">iw</span> <span class="n">ci</span> <span class="p">(</span><span class="n">b</span><span class="o">+</span><span class="n">b</span><span class="o">+</span><span class="n">v</span><span class="p">)</span>
561
+ <span class="o">|</span> <span class="n">otherwise</span> <span class="ow">=</span> <span class="n">b</span> <span class="p">`</span><span class="n">shiftL</span><span class="p">`</span> <span class="n">n</span>
562
+ <span class="kr">where</span>
563
+ <span class="n">v</span> <span class="ow">=</span> <span class="n">fractal</span> <span class="mi">0</span> <span class="mi">0</span> <span class="p">(</span><span class="n">fromIntegral</span> <span class="n">x</span> <span class="o">*</span> <span class="n">iw</span> <span class="o">-</span> <span class="mf">1.5</span><span class="p">)</span> <span class="n">ci</span> <span class="mi">50</span>
564
+
565
+ <span class="n">fractal</span> <span class="ow">::</span> <span class="kt">Double</span> <span class="ow">-&gt;</span> <span class="kt">Double</span> <span class="ow">-&gt;</span> <span class="kt">Double</span> <span class="ow">-&gt;</span> <span class="kt">Double</span> <span class="ow">-&gt;</span> <span class="kt">Int</span> <span class="ow">-&gt;</span> <span class="kt">Word8</span>
566
+ <span class="n">fractal</span> <span class="o">!</span><span class="n">r</span> <span class="o">!</span><span class="n">i</span> <span class="o">!</span><span class="n">cr</span> <span class="o">!</span><span class="n">ci</span> <span class="o">!</span><span class="n">k</span>
567
+ <span class="o">|</span> <span class="n">r2</span> <span class="o">+</span> <span class="n">i2</span> <span class="o">&gt;</span> <span class="mi">4</span> <span class="ow">=</span> <span class="mi">0</span>
568
+ <span class="o">|</span> <span class="n">k</span> <span class="o">==</span> <span class="mi">0</span> <span class="ow">=</span> <span class="mi">1</span>
569
+ <span class="o">|</span> <span class="n">otherwise</span> <span class="ow">=</span> <span class="n">fractal</span> <span class="p">(</span><span class="n">r2</span><span class="o">-</span><span class="n">i2</span><span class="o">+</span><span class="n">cr</span><span class="p">)</span> <span class="p">((</span><span class="n">r</span><span class="o">+</span><span class="n">r</span><span class="p">)</span><span class="o">*</span><span class="n">i</span><span class="o">+</span><span class="n">ci</span><span class="p">)</span> <span class="n">cr</span> <span class="n">ci</span> <span class="p">(</span><span class="n">k</span><span class="o">-</span><span class="mi">1</span><span class="p">)</span>
570
+ <span class="kr">where</span>
571
+ <span class="p">(</span><span class="o">!</span><span class="n">r2</span><span class="p">,</span><span class="o">!</span><span class="n">i2</span><span class="p">)</span> <span class="ow">=</span> <span class="p">(</span><span class="n">r</span><span class="o">*</span><span class="n">r</span><span class="p">,</span><span class="n">i</span><span class="o">*</span><span class="n">i</span><span class="p">)</span></pre>
572
+ </div>
573
+ </label>
574
+
575
+ <label class="wrapper">
576
+ <input type="checkbox" class="popup">
577
+ <h3>SQL</h3>
578
+ <div class="highlight">
579
+ <pre><span class="k">CREATE</span> <span class="k">TABLE</span> <span class="n">My_table</span><span class="p">(</span>
580
+ <span class="n">my_field1</span> <span class="nb">INT</span><span class="p">,</span>
581
+ <span class="n">my_field2</span> <span class="nb">VARCHAR</span><span class="p">(</span><span class="mi">50</span><span class="p">),</span>
582
+ <span class="n">my_field3</span> <span class="nb">DATE</span> <span class="k">NOT</span> <span class="k">NULL</span><span class="p">,</span>
583
+ <span class="k">PRIMARY</span> <span class="k">KEY</span> <span class="p">(</span><span class="n">my_field1</span><span class="p">,</span> <span class="n">my_field2</span><span class="p">)</span>
584
+ <span class="p">);</span>
585
+
586
+ <span class="k">ALTER</span> <span class="k">TABLE</span> <span class="n">My_table</span> <span class="k">ADD</span> <span class="n">my_field4</span> <span class="nb">NUMBER</span><span class="p">(</span><span class="mi">3</span><span class="p">)</span> <span class="k">NOT</span> <span class="k">NULL</span><span class="p">;</span>
587
+
588
+ <span class="k">GRANT</span> <span class="k">SELECT</span><span class="p">,</span> <span class="k">UPDATE</span>
589
+ <span class="k">ON</span> <span class="n">My_table</span>
590
+ <span class="k">TO</span> <span class="n">some_user</span><span class="p">,</span> <span class="n">another_user</span><span class="p">;</span>
591
+
592
+ <span class="k">REVOKE</span> <span class="k">SELECT</span><span class="p">,</span> <span class="k">UPDATE</span>
593
+ <span class="k">ON</span> <span class="n">My_table</span>
594
+ <span class="k">FROM</span> <span class="n">some_user</span><span class="p">,</span> <span class="n">another_user</span><span class="p">;</span>
595
+
596
+ <span class="k">SELECT</span> <span class="n">Book</span><span class="p">.</span><span class="n">title</span><span class="p">,</span>
597
+ <span class="k">COUNT</span><span class="p">(</span><span class="o">*</span><span class="p">)</span> <span class="k">AS</span> <span class="n">Authors</span>
598
+ <span class="k">FROM</span> <span class="n">Book</span> <span class="k">JOIN</span> <span class="n">Book_author</span>
599
+ <span class="k">ON</span> <span class="n">Book</span><span class="p">.</span><span class="n">isbn</span> <span class="o">=</span> <span class="n">Book_author</span><span class="p">.</span><span class="n">isbn</span>
600
+ <span class="k">GROUP</span> <span class="k">BY</span> <span class="n">Book</span><span class="p">.</span><span class="n">title</span><span class="p">;</span></pre>
601
+ </div>
602
+ </label>
603
+
604
+ <label class="wrapper">
605
+ <input type="checkbox" class="popup">
606
+ <h3>Java</h3>
607
+ <div class="highlight">
608
+ <pre><span class="kn">import</span> <span class="nn">java.io.*</span><span class="o">;</span>
609
+ <span class="kn">import</span> <span class="nn">java.util.*</span><span class="o">;</span>
610
+
611
+ <span class="kd">public</span> <span class="kd">class</span> <span class="nc">KeyboardIntegerReader</span> <span class="o">{</span>
612
+
613
+ <span class="kd">public</span> <span class="kd">static</span> <span class="kt">void</span> <span class="n">main</span> <span class="o">(</span><span class="n">String</span><span class="o">[]</span> <span class="n">args</span><span class="o">)</span> <span class="kd">throws</span> <span class="n">java</span><span class="o">.</span><span class="na">io</span><span class="o">.</span><span class="na">IOException</span> <span class="o">{</span>
614
+ <span class="n">String</span> <span class="n">s1</span><span class="o">;</span>
615
+ <span class="n">String</span> <span class="n">s2</span><span class="o">;</span>
616
+ <span class="kt">int</span> <span class="n">num</span> <span class="o">=</span> <span class="mi">0</span><span class="o">;</span>
617
+
618
+ <span class="c1">// set up the buffered reader to read from the keyboard</span>
619
+ <span class="n">BufferedReader</span> <span class="n">br</span> <span class="o">=</span> <span class="k">new</span> <span class="n">BufferedReader</span> <span class="o">(</span><span class="k">new</span> <span class="n">InputStreamReader</span> <span class="o">(</span>
620
+ <span class="n">System</span><span class="o">.</span><span class="na">in</span><span class="o">));</span>
621
+
622
+ <span class="kt">boolean</span> <span class="n">cont</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
623
+
624
+ <span class="k">while</span> <span class="o">(</span><span class="n">cont</span><span class="o">)</span>
625
+ <span class="o">{</span>
626
+ <span class="n">System</span><span class="o">.</span><span class="na">out</span><span class="o">.</span><span class="na">print</span> <span class="o">(</span><span class="s">"Enter an integer:"</span><span class="o">);</span>
627
+ <span class="n">s1</span> <span class="o">=</span> <span class="n">br</span><span class="o">.</span><span class="na">readLine</span><span class="o">();</span>
628
+ <span class="n">StringTokenizer</span> <span class="n">st</span> <span class="o">=</span> <span class="k">new</span> <span class="n">StringTokenizer</span> <span class="o">(</span><span class="n">s1</span><span class="o">);</span>
629
+ <span class="n">s2</span> <span class="o">=</span> <span class="s">""</span><span class="o">;</span>
630
+
631
+ <span class="k">while</span> <span class="o">(</span><span class="n">cont</span> <span class="o">&amp;&amp;</span> <span class="n">st</span><span class="o">.</span><span class="na">hasMoreTokens</span><span class="o">())</span>
632
+ <span class="o">{</span>
633
+ <span class="k">try</span>
634
+ <span class="o">{</span>
635
+ <span class="n">s2</span> <span class="o">=</span> <span class="n">st</span><span class="o">.</span><span class="na">nextToken</span><span class="o">();</span>
636
+ <span class="n">num</span> <span class="o">=</span> <span class="n">Integer</span><span class="o">.</span><span class="na">parseInt</span><span class="o">(</span><span class="n">s2</span><span class="o">);</span>
637
+ <span class="n">cont</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
638
+ <span class="o">}</span>
639
+ <span class="k">catch</span> <span class="o">(</span><span class="n">NumberFormatException</span> <span class="n">n</span><span class="o">)</span>
640
+ <span class="o">{</span>
641
+ <span class="n">System</span><span class="o">.</span><span class="na">out</span><span class="o">.</span><span class="na">println</span><span class="o">(</span><span class="s">"The value in \""</span> <span class="o">+</span> <span class="n">s2</span> <span class="o">+</span> <span class="s">"\" is not an integer"</span><span class="o">);</span>
642
+ <span class="o">}</span>
643
+ <span class="o">}</span>
644
+ <span class="o">}</span>
645
+
646
+ <span class="n">System</span><span class="o">.</span><span class="na">out</span><span class="o">.</span><span class="na">println</span> <span class="o">(</span><span class="s">"You entered the integer: "</span> <span class="o">+</span> <span class="n">num</span><span class="o">);</span>
647
+ <span class="o">}</span>
648
+ <span class="o">}</span></pre>
649
+ </div>
650
+ </label>
651
+
652
+ <label class="wrapper">
653
+ <input type="checkbox" class="popup">
654
+ <h3>Lua</h3>
655
+ <div class="highlight">
656
+ <pre><span class="k">function</span> <span class="nf">settable_event</span> <span class="p">(</span><span class="n">table</span><span class="p">,</span> <span class="n">key</span><span class="p">,</span> <span class="n">value</span><span class="p">)</span>
657
+ <span class="kd">local</span> <span class="n">h</span>
658
+ <span class="k">if</span> <span class="nb">type</span><span class="p">(</span><span class="n">table</span><span class="p">)</span> <span class="o">==</span> <span class="s2">"</span><span class="s">table"</span> <span class="k">then</span>
659
+ <span class="kd">local</span> <span class="n">v</span> <span class="o">=</span> <span class="nb">rawget</span><span class="p">(</span><span class="n">table</span><span class="p">,</span> <span class="n">key</span><span class="p">)</span>
660
+ <span class="c1">-- if key is present, do raw assignment</span>
661
+ <span class="k">if</span> <span class="n">v</span> <span class="o">~=</span> <span class="kc">nil</span> <span class="k">then</span> <span class="nb">rawset</span><span class="p">(</span><span class="n">table</span><span class="p">,</span> <span class="n">key</span><span class="p">,</span> <span class="n">value</span><span class="p">);</span> <span class="k">return</span> <span class="k">end</span>
662
+ <span class="n">h</span> <span class="o">=</span> <span class="n">metatable</span><span class="p">(</span><span class="n">table</span><span class="p">).</span><span class="n">__newindex</span>
663
+ <span class="k">if</span> <span class="n">h</span> <span class="o">==</span> <span class="kc">nil</span> <span class="k">then</span> <span class="nb">rawset</span><span class="p">(</span><span class="n">table</span><span class="p">,</span> <span class="n">key</span><span class="p">,</span> <span class="n">value</span><span class="p">);</span> <span class="k">return</span> <span class="k">end</span>
664
+ <span class="k">else</span>
665
+ <span class="n">h</span> <span class="o">=</span> <span class="n">metatable</span><span class="p">(</span><span class="n">table</span><span class="p">).</span><span class="n">__newindex</span>
666
+ <span class="k">if</span> <span class="n">h</span> <span class="o">==</span> <span class="kc">nil</span> <span class="k">then</span>
667
+ <span class="nb">error</span><span class="p">(</span><span class="err">···</span><span class="p">)</span>
668
+ <span class="k">end</span>
669
+ <span class="k">end</span>
670
+ <span class="k">if</span> <span class="nb">type</span><span class="p">(</span><span class="n">h</span><span class="p">)</span> <span class="o">==</span> <span class="s2">"</span><span class="s">function"</span> <span class="k">then</span>
671
+ <span class="n">h</span><span class="p">(</span><span class="n">table</span><span class="p">,</span> <span class="n">key</span><span class="p">,</span><span class="n">value</span><span class="p">)</span> <span class="c1">-- call the handler</span>
672
+ <span class="k">else</span> <span class="n">h</span><span class="p">[</span><span class="n">key</span><span class="p">]</span> <span class="o">=</span> <span class="n">value</span> <span class="c1">-- or repeat operation on it</span>
673
+ <span class="k">end</span>
674
+ <span class="k">end</span></pre>
675
+ </div>
676
+ </label>
677
+
678
+ <label class="wrapper">
679
+ <input type="checkbox" class="popup">
680
+ <h3>Perl</h3>
681
+ <div class="highlight">
682
+ <pre><span class="nb">package</span> <span class="nn">Dancer::Handler::</span><span class="n">Standalone</span><span class="p">;</span>
683
+
684
+ <span class="k">use</span> <span class="n">strict</span><span class="p">;</span>
685
+ <span class="k">use</span> <span class="n">warnings</span><span class="p">;</span>
686
+
687
+ <span class="k">use</span> <span class="nn">HTTP::Server::Simple::</span><span class="n">PSGI</span><span class="p">;</span>
688
+ <span class="k">use</span> <span class="n">base</span> <span class="s">'Dancer::Handler'</span><span class="p">,</span> <span class="s">'HTTP::Server::Simple::PSGI'</span><span class="p">;</span>
689
+
690
+ <span class="k">use</span> <span class="nn">Dancer::</span><span class="n">HTTP</span><span class="p">;</span>
691
+
692
+ <span class="c1"># ...</span>
693
+
694
+ <span class="nv">$dancer</span><span class="o">-&gt;</span><span class="n">run</span><span class="p">();</span>
695
+ <span class="p">}</span>
696
+ <span class="p">}</span>
697
+
698
+ <span class="k">sub </span><span class="nf">print_startup_info</span> <span class="p">{</span>
699
+ <span class="k">my</span> <span class="nv">$pid</span> <span class="o">=</span> <span class="nb">shift</span><span class="p">;</span>
700
+ <span class="k">my</span> <span class="nv">$ipaddr</span> <span class="o">=</span> <span class="n">setting</span><span class="p">(</span><span class="s">'server'</span><span class="p">);</span>
701
+ <span class="k">my</span> <span class="nv">$port</span> <span class="o">=</span> <span class="n">setting</span><span class="p">(</span><span class="s">'port'</span><span class="p">);</span>
702
+
703
+ <span class="c1"># we only print the info if we need to</span>
704
+ <span class="n">setting</span><span class="p">(</span><span class="s">'startup_info'</span><span class="p">)</span> <span class="ow">or</span> <span class="k">return</span><span class="p">;</span>
705
+
706
+ <span class="c1"># bare minimum</span>
707
+ <span class="k">print</span> <span class="bp">STDERR</span> <span class="s">"&gt;&gt; Dancer $Dancer::VERSION server $pid listening "</span> <span class="o">.</span>
708
+ <span class="s">"on http://$ipaddr:$port\n"</span><span class="p">;</span>
709
+
710
+ <span class="c1"># all loaded plugins</span>
711
+ <span class="k">foreach</span> <span class="k">my</span> <span class="nv">$module</span> <span class="p">(</span> <span class="nb">grep</span> <span class="p">{</span> <span class="nv">$_</span> <span class="o">=~</span> <span class="sr">m{^Dancer/Plugin/}</span> <span class="p">}</span> <span class="nb">keys</span> <span class="nv">%INC</span> <span class="p">)</span> <span class="p">{</span>
712
+ <span class="nv">$module</span> <span class="o">=~</span> <span class="sr">s{/}{::}g</span><span class="p">;</span> <span class="c1"># change / to ::</span></pre>
713
+ </div>
714
+ </label>
715
+
716
+ <label class="wrapper">
717
+ <input type="checkbox" class="popup">
718
+ <h3>Bash</h3>
719
+ <div class="highlight">
720
+ <pre><span class="c"># Source global definitions</span>
721
+ <span class="k">if</span> <span class="o">[</span> -f /etc/bashrc <span class="o">]</span><span class="p">;</span> <span class="k">then</span>
722
+ . /etc/bashrc
723
+ <span class="k">fi</span>
724
+ <span class="c">#</span>
725
+ <span class="c"># aliases</span>
726
+ <span class="nb">alias </span><span class="nv">grpe</span><span class="o">=</span>grep
727
+ <span class="nb">alias </span><span class="nv">grep</span><span class="o">=</span><span class="s1">'grep --color --line-number'</span>
728
+ <span class="nb">alias </span><span class="nv">vim</span><span class="o">=</span><span class="s2">"vim -p"</span>
729
+ <span class="nb">alias </span><span class="nv">rebash</span><span class="o">=</span><span class="s2">"source ~/.bashrc"</span>
730
+
731
+ <span class="nb">alias </span><span class="nv">install</span><span class="o">=</span><span class="s1">'sudo apt-get -y install'</span>
732
+ <span class="nb">alias </span><span class="nv">search</span><span class="o">=</span><span class="s1">'apt-cache search'</span>
733
+ <span class="nb">alias </span><span class="nv">purge</span><span class="o">=</span><span class="s1">'sudo apt-get purge'</span>
734
+
735
+ <span class="nb">export </span><span class="nv">EDITOR</span><span class="o">=</span>vim
736
+
737
+ <span class="c"># set up the prompt to the hostname</span>
738
+ <span class="nb">shopt</span> -s checkwinsize
739
+ <span class="nv">PS1</span><span class="o">=</span><span class="s2">"\e[1;35m[\w] --- \@ \d \n$&gt;\[\e[0m\]"</span>
740
+ <span class="nv">PS2</span><span class="o">=</span><span class="s2">"\e[1;35m-&gt;\[\e[0m\]"</span>
741
+
742
+ <span class="c">#--------------------------------------------------</span>
743
+ <span class="c"># grabs some definitions from google</span>
744
+ <span class="c">#--------------------------------------------------</span>
745
+ define <span class="o">()</span> <span class="o">{</span>
746
+ lynx -dump <span class="s2">"http://www.google.com/search?hl=en&amp;q=define%3A+${1}"</span> <span class="p">|</span> grep -m 25 -w <span class="s2">"*"</span> <span class="p">|</span> sed <span class="s1">'s/;/ -/g'</span> <span class="p">|</span> cut -d- -f5 &gt; /tmp/templookup.txt
747
+ <span class="k">if</span> <span class="o">[[</span> -s /tmp/templookup.txt <span class="o">]]</span> <span class="p">;</span><span class="k">then</span>
748
+ <span class="k">until</span> ! <span class="nb">read </span>response
749
+ <span class="k">do</span>
750
+ <span class="nb">echo</span> <span class="s2">"${response}"</span>
751
+ <span class="k">done</span> &lt; /tmp/templookup.txt
752
+ <span class="k">else</span>
753
+ <span class="nb">echo</span> <span class="s2">"Sorry $USER, I can't find the term \"${1} \""</span>
754
+ <span class="k">fi</span>
755
+ rm -f /tmp/templookup.txt
756
+ <span class="o">}</span>
757
+
758
+ <span class="c">#--------------------------------------------------</span>
759
+ <span class="c"># Extracts most files, mostly</span>
760
+ <span class="c">#--------------------------------------------------</span>
761
+ extract <span class="o">()</span> <span class="o">{</span>
762
+ <span class="k">if</span> <span class="o">[</span> -f <span class="nv">$1</span> <span class="o">]</span> <span class="p">;</span> <span class="k">then</span>
763
+ <span class="k">case</span> <span class="nv">$1</span> in
764
+ *.tar.bz2<span class="o">)</span> tar xjf <span class="nv">$1</span> <span class="p">;;</span>
765
+ *.tar.gz<span class="o">)</span> tar xzf <span class="nv">$1</span> <span class="p">;;</span>
766
+ *.bz2<span class="o">)</span> bunzip2 <span class="nv">$1</span> <span class="p">;;</span>
767
+ *.rar<span class="o">)</span> rar x <span class="nv">$1</span> <span class="p">;;</span>
768
+ *.gz<span class="o">)</span> gunzip <span class="nv">$1</span> <span class="p">;;</span>
769
+ *.tar<span class="o">)</span> tar xf <span class="nv">$1</span> <span class="p">;;</span>
770
+ *.tbz2<span class="o">)</span> tar xjf <span class="nv">$1</span> <span class="p">;;</span>
771
+ *.tgz<span class="o">)</span> tar xzf <span class="nv">$1</span> <span class="p">;;</span>
772
+ *.zip<span class="o">)</span> unzip <span class="nv">$1</span> <span class="p">;;</span>
773
+ *.Z<span class="o">)</span> uncompress <span class="nv">$1</span> <span class="p">;;</span>
774
+ *<span class="o">)</span> <span class="nb">echo</span> <span class="s2">"'$1' cannot be extracted via extract()"</span> <span class="p">;;</span>
775
+ <span class="k">esac</span>
776
+ <span class="k">else</span>
777
+ <span class="nb">echo</span> <span class="s2">"'$1' is not a valid file"</span>
778
+ <span class="k">fi</span>
779
+ <span class="o">}</span></pre>
780
+ </div>
781
+ </label>
782
+
783
+ <label class="wrapper">
784
+ <input type="checkbox" class="popup">
785
+ <h3>LaTex</h3>
786
+ <div class="highlight">
787
+ <pre><span class="k">\documentclass</span><span class="na">[12pt]</span><span class="nb">{</span>article<span class="nb">}</span>
788
+
789
+ <span class="k">\usepackage</span><span class="na">[option1, option2]</span><span class="nb">{</span>package<span class="nb">}</span>
790
+
791
+ <span class="k">\begin</span><span class="nb">{</span>document<span class="nb">}</span>
792
+
793
+ <span class="c">% Here is a comment. Commands in tex are called by backslash: \command </span>
794
+ <span class="k">\section</span><span class="nb">{</span>Section head<span class="nb">}</span>
795
+ <span class="k">\subsection</span><span class="nb">{</span>Subsection head<span class="nb">}</span>
796
+
797
+ This is text, and the following is in-line mathematics:
798
+ <span class="s">$</span><span class="nv">\mathrm</span><span class="nb">{e}^{</span><span class="o">-</span><span class="nv">\pi\matrhm</span><span class="nb">{i}} </span><span class="o">=</span><span class="nb"> </span><span class="o">-</span><span class="m">1</span><span class="s">$</span>.
799
+ A display-style equation is shown below:
800
+
801
+ <span class="k">\begin</span><span class="nb">{</span>equation<span class="nb">}</span>
802
+ E = mc<span class="nb">^</span>2
803
+ <span class="k">\end</span><span class="nb">{</span>equation<span class="nb">}</span>
804
+
805
+ <span class="k">\end</span><span class="nb">{</span>document<span class="nb">}</span></pre>
806
+ </div>
807
+ </label>
808
+
809
+ <label class="wrapper">
810
+ <input type="checkbox" class="popup">
811
+ <h3>Fortran</h3>
812
+ <div class="highlight">
813
+ <pre><span class="kt">integer</span> <span class="kd">::</span> <span class="nv">my_seed</span>
814
+ <span class="nv">becomes</span>
815
+ <span class="kt">integer</span><span class="p">,</span> <span class="k">optional</span> <span class="kd">::</span> <span class="nv">my_seed</span>
816
+ <span class="k">module </span><span class="nv">ran_mod</span>
817
+ <span class="c">! ran1 returns a uniform random number between 0-1 </span>
818
+ <span class="c">! the seed is optional and used to reset the generator </span>
819
+ <span class="k">contains</span>
820
+ <span class="k"> function </span><span class="nv">ran1</span><span class="p">(</span><span class="nv">my_seed</span><span class="p">)</span>
821
+ <span class="k">use </span><span class="nv">numz</span>
822
+ <span class="k">implicit none</span>
823
+ <span class="k"> </span><span class="kt">real</span><span class="p">(</span><span class="nv">b8</span><span class="p">)</span> <span class="nv">ran1</span><span class="p">,</span><span class="nv">r</span>
824
+ <span class="kt">integer</span><span class="p">,</span> <span class="k">optional</span> <span class="p">,</span><span class="k">intent</span><span class="p">(</span><span class="nv">in</span><span class="p">)</span> <span class="kd">::</span> <span class="nv">my_seed</span> <span class="c">! optional argument not changed in the routine </span>
825
+ <span class="kt">integer</span><span class="p">,</span><span class="k">allocatable</span> <span class="kd">::</span> <span class="nv">seed</span><span class="p">(:)</span>
826
+ <span class="kt">integer </span><span class="nv">the_size</span><span class="p">,</span><span class="nv">j</span>
827
+ <span class="k">if</span><span class="p">(</span><span class="nb">present</span><span class="p">(</span><span class="nv">my_seed</span><span class="p">))</span><span class="k">then</span> <span class="c">! use the seed if present </span>
828
+ <span class="k">call </span><span class="nb">random_seed</span><span class="p">(</span><span class="nv">size</span><span class="o">=</span><span class="nv">the_size</span><span class="p">)</span> <span class="c">! how big is the intrisic seed? </span>
829
+ <span class="k">allocate</span><span class="p">(</span><span class="nv">seed</span><span class="p">(</span><span class="nv">the_size</span><span class="p">))</span> <span class="c">! allocate space for seed </span>
830
+ <span class="k">do </span><span class="nv">j</span><span class="o">=</span><span class="mi">1</span><span class="p">,</span><span class="nv">the_size</span> <span class="c">! create the seed </span>
831
+ <span class="nv">seed</span><span class="p">(</span><span class="nv">j</span><span class="p">)</span><span class="o">=</span><span class="nb">abs</span><span class="p">(</span><span class="nv">my_seed</span><span class="p">)</span><span class="o">+</span><span class="p">(</span><span class="nv">j</span><span class="o">-</span><span class="mi">1</span><span class="p">)</span> <span class="c">! abs is generic </span>
832
+ <span class="nv">enddo</span>
833
+ <span class="k">call </span><span class="nb">random_seed</span><span class="p">(</span><span class="nv">put</span><span class="o">=</span><span class="nv">seed</span><span class="p">)</span> <span class="c">! assign the seed </span>
834
+ <span class="k">deallocate</span><span class="p">(</span><span class="nv">seed</span><span class="p">)</span> <span class="c">! deallocate space </span>
835
+ <span class="k">endif</span>
836
+ <span class="k"> call </span><span class="nb">random_number</span><span class="p">(</span><span class="nv">r</span><span class="p">)</span>
837
+ <span class="nv">ran1</span><span class="o">=</span><span class="nv">r</span>
838
+ <span class="k">end function </span><span class="nv">ran1</span>
839
+ <span class="k">end module</span>
840
+ <span class="k"> </span>
841
+ <span class="k"> program </span><span class="nv">darwin</span>
842
+ <span class="k">use </span><span class="nv">numz</span>
843
+ <span class="k">use </span><span class="nv">ran_mod</span> <span class="c">! interface required if we have </span>
844
+ <span class="c">! optional or intent arguments </span>
845
+ <span class="kt">real</span><span class="p">(</span><span class="nv">b8</span><span class="p">)</span> <span class="nv">x</span><span class="p">,</span><span class="nv">y</span>
846
+ <span class="nv">x</span><span class="o">=</span><span class="nv">ran1</span><span class="p">(</span><span class="nv">my_seed</span><span class="o">=</span><span class="mi">12345</span><span class="p">)</span> <span class="c">! we can specify the name of the argument </span>
847
+ <span class="nv">y</span><span class="o">=</span><span class="nv">ran1</span><span class="p">()</span>
848
+ <span class="k">write</span><span class="p">(</span><span class="o">*</span><span class="p">,</span><span class="o">*</span><span class="p">)</span><span class="nv">x</span><span class="p">,</span><span class="nv">y</span>
849
+ <span class="nv">x</span><span class="o">=</span><span class="nv">ran1</span><span class="p">(</span><span class="mi">12345</span><span class="p">)</span> <span class="c">! with only one optional argument we don't need to </span>
850
+ <span class="nv">y</span><span class="o">=</span><span class="nv">ran1</span><span class="p">()</span>
851
+ <span class="k">write</span><span class="p">(</span><span class="o">*</span><span class="p">,</span><span class="o">*</span><span class="p">)</span><span class="nv">x</span><span class="p">,</span><span class="nv">y</span>
852
+ <span class="k">end program</span></pre>
853
+ </div>
854
+ </label>
855
+
856
+ <h4>Some code examples &amp; styles copied from <a href="http://bytefluent.com/devify/">Vivify</a></h4>
857
+
858
+ </body></html>