-
-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Signed-off-by: Chawye Hsu <su+git@chawyehsu.com>
- Loading branch information
0 parents
commit 62fdc03
Showing
1 changed file
with
111 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,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> |