/
app.rb
116 lines (107 loc) · 3.36 KB
/
app.rb
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
112
113
114
115
require 'rubygems'
require 'sinatra'
require 'reggieb'
get '/' do
erb ''
end
post '/' do
erb calculate(params[:color])
end
template :layout do
%Q{
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="description" content="Easily convert hexadecimal colors to RGB colors and RGB colors to hexadecimal colors." />
<title>2RGB :: Convert Hex to RGB and RGB to Hex</title>
<link rel="stylesheet" type="text/css" href="/stylesheets/reset.css" />
<link rel="stylesheet" type="text/css" href="/stylesheets/style.css" />
<link rel="icon" type="image/png" href="/images/favicon.png" />
</head>
<body>
<div class="container">
<h1><a href="/">2RGB</a></h1>
<h2>an rgb ↔ hex color converter</h2>
<form action="/" method="post">
<label for="color">rgb or hex:</label>
<input type="text" name="color" id="color" />
<input type="submit" value="convert" />
</form>
<%= yield %>
</div>
<%= google_analytics %>
</body>
</html>
}
end
helpers do
def calculate(color)
result = convert(color)
if result
rgb, hex = result
%Q{
<div id="results">
#{rgb} <span id="arrow">↔</span> #{hex}
</div>
}
else
error_message
end
end
def convert(color)
begin
result = ReggieB.convert(color)
rescue
# this error condition happens if the color is poorly formatted or missing
return nil
end
if result.is_a? Array # the color was hex and the result was [r, g, b]
rgb = "rgb(#{result[0]}, #{result[1]}, #{result[2]})"
# we convert it back to hex to get it into a predictable hex format
hex = ReggieB.convert(rgb)
else # the color was rgb and the result was hex
hex = result
# we convert it back to rgb to get it into a predictable rgb format
result = ReggieB.convert(hex)
rgb = "rgb(#{result[0]}, #{result[1]}, #{result[2]})"
end
# convert it from the hex format of 0xffffff to #ffffff
hex = '#' + hex.reverse.chop.chop.reverse
[rgb, hex]
end
def error_message
%Q{
<div id="results">
<div id="error">
I did not understand that color format. Here are some color
formats I do understand:
<ul>
<li>rgb(255, 255, 255)</li>
<li>255, 255, 255</li>
<li>255 255 255</li>
<li>rgb(100%, 100%, 100%)</li>
<li>#FFFFFF</li>
<li>#ffffff</li>
<li>#fff</li>
<li>0xffffff</li>
<li>ffffff</li>
</ul>
</div>
</div>
}
end
def google_analytics
%Q{
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-6313299-16");
pageTracker._trackPageview();
} catch(err) {}</script>
}
end
end