-
-
Notifications
You must be signed in to change notification settings - Fork 2
/
base16-snazzy.html
111 lines (98 loc) · 5.42 KB
/
base16-snazzy.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<html>
<head>
<!-- HTML Preview Template -->
<!-- Chris Kempson (http://chriskempson.com) -->
<meta http-equiv="content-type" content="text/html">
<title>Base16 Snazzy</title>
<style type="text/css" media="screen">
body { margin: 5% 20%; }
.scheme, .author, pre, .block { font-family: "menlo", "consolas", monospace; }
.block { display: inline-block; font-size: 13px; font-weight: bold; padding: 15px; margin: 0 5px 10px 0; }
pre {
font-size: 14px;
padding: 10px 20px;
}
.base00-background { background-color: #282a36; }
.base01-background { background-color: #34353e; }
.base02-background { background-color: #43454f; }
.base03-background { background-color: #78787e; }
.base04-background { background-color: #a5a5a9; }
.base05-background { background-color: #e2e4e5; }
.base06-background { background-color: #eff0eb; }
.base07-background { background-color: #f1f1f0; }
.base08-background { background-color: #ff5c57; }
.base09-background { background-color: #ff9f43; }
.base0A-background { background-color: #f3f99d; }
.base0B-background { background-color: #5af78e; }
.base0C-background { background-color: #9aedfe; }
.base0D-background { background-color: #57c7ff; }
.base0E-background { background-color: #ff6ac1; }
.base0F-background { background-color: #b2643c; }
.base00 { color: #282a36; }
.base01 { color: #34353e; }
.base02 { color: #43454f; }
.base03 { color: #78787e; }
.base04 { color: #a5a5a9; }
.base05 { color: #e2e4e5; }
.base06 { color: #eff0eb; }
.base07 { color: #f1f1f0; }
.base08 { color: #ff5c57; }
.base09 { color: #ff9f43; }
.base0A { color: #f3f99d; }
.base0B { color: #5af78e; }
.base0C { color: #9aedfe; }
.base0D { color: #57c7ff; }
.base0E { color: #ff6ac1; }
.base0F { color: #b2643c; }
</style>
</head>
<body>
<h1 class="scheme">Base16 Snazzy</h1>
<p class="author">Scheme author: Chawye Hsu (https://github.com/h404bi) based on Hyper Snazzy Theme (https://github.com/sindresorhus/hyper-snazzy)</p>
<div>
<div class="block base00-background base07">00</div>
<div class="block base01-background base07">01</div>
<div class="block base02-background base07">02</div>
<div class="block base03-background base07">03</div>
<div class="block base04-background base00">04</div>
<div class="block base05-background base00">05</div>
<div class="block base06-background base00">06</div>
<div class="block base07-background base00">07</div>
<br />
<div class="block base08-background base07">08</div>
<div class="block base09-background base07">09</div>
<div class="block base0A-background base07">0A</div>
<div class="block base0B-background base07">0B</div>
<div class="block base0C-background base07">0C</div>
<div class="block base0D-background base07">0D</div>
<div class="block base0E-background base07">0E</div>
<div class="block base0F-background base07">0F</div>
</div>
<div>
<pre class="base00-background base05">
<span class="base0E">require</span> <span class="base0B">"gem"</span>
<span class="base08">string</span> = <span class="base0B">"base16"</span>
<span class="base08">symbol</span> = <span class="base0B">:base16</span>
<span class="base08">fixnum</span> = <span class="base09">0</span>
<span class="base08">float</span> = <span class="base09">0.00</span>
<span class="base08">array</span> = <span class="base0A">Array</span>.<span class="base0D">new</span>
<span class="base08">array</span> = [<span class="base0B">'chris'</span>, <span class="base09">85</span>]
<span class="base08">hash</span> = {<span class="base0B">"test"</span> => <span class="base0B">"test"</span>}
<span class="base08">regexp</span> = <span class="base0C">/[abc]/</span>
<span class="base03"># This is a comment</span>
<span class="base0E">class</span> <span class="base0A">Person</span>
<span class="base0D">attr_accessor</span> <span class="base0B">:name</span>
<span class="base0E">def</span> <span class="base0D">initialize</span>(<span class="base08">attributes</span> = {})
<span class="base08">@name</span> = <span class="base08">attributes</span>[<span class="base0B">:name</span>]
<span class="base0E">end</span>
<span class="base0E">def</span> <span class="base0E">self</span>.<span class="base0D">greet</span>
<span class="base02-background"><span class="base0B">"hello"</span></span>
<span class="base0E">end</span>
<span class="base0E">end</span>
<span class="base08">person1</span> = <span class="base0A">Person</span>.<span class="base0D">new</span>(<span class="base0B">:name</span> => <span class="base0B">"Chris"</span>)
<span class="base0D">print</span> <span class="base0A">Person</span>::<span class="base0D">greet</span>, <span class="base0B">" "</span>, <span class="base08">person1</span>.<span class="base0D">name</span>, <span class="base0B">"<span class="base09">\n</span>"</span>
<span class="base0D">puts</span> <span class="base0B">"another </span><span class="base0F">#{</span><span class="base0A">Person</span>::<span class="base0D">greet</span><span class="base0F">}</span> <span class="base0F">#{</span><span class="base08">person1</span>.<span class="base0D">name</span><span class="base0F">}</span><span class="base0B">"</span>
</pre>
</div>
</body>
</html>