@@ -11,6 +11,9 @@
<div id="x_copied" style="display:none;">
<p>Your RubyURL is ready for pasting!</p>
</div>
+
+ <p id="original_url_info">Original URL: <span id="original_url"><%= @link.website_url -%></span></p>
+
<p><%= link_to 'Create another rubyurl', '/' -%> ↩</p>
</div>
app/views/links/show.rhtml
@@ -1 +1 @@
-/*------------------------------------------------------------------------
rubyurl
2009-02-17
coded by: Chris Griffin / http://planetargon.com
http://chrisgrififn.org
------------------------------------------------------------------------*/
/*------------------------------------------------------------------------
=Default
------------------------------------------------------------------------*/
body {
background: #f6f5ea;
font: 13px/20px Arial, 'Lucida Grande', Verdana, sans-serif;
color: #333;
}
p {
margin-bottom: 20px;
}
ul {
margin-bottom: 20px;
}
li {
margin-left: 10px;
}
/*------------------------------------------------------------------------
=Structure
------------------------------------------------------------------------*/
.wrapper {
background: #fff;
border: 1px solid #e8e6d1;
border-bottom: 1px solid #c2c0ae;
border-right: 1px solid #c2c0ae;
width: 760px;
margin: 40px auto 0;
}
#header {
margin: 10px 20px 10px;
overflow: hidden;
padding-top: 20px;
position: relative;
}
#logo {
float: left;
width: 209px;
height: 49px;
display: block;
text-indent: -9999px;
background: url(/images/logo-rubyurl.png) no-repeat top;
}
#main_nav {
float: right;
margin: 10px 0 20px;
}
#main_nav li {
float: left;
border-left: 1px solid #ccc;
margin-left: 8px;
padding-left: 7px;
line-height: 14px;
}
#main_nav li:first-child {
border: none;
margin: 0;
padding: 0;
}
#main_nav li a {
font-size: 13px;
color: #666;
}
#main_nav li #abuse {
color: #ba0000;
font-weight: bold;
}
#app_content,
#info_content {
clear: both;
margin: 0 20px 20px;
}
#info_content {
margin: 20px;
}
#app_content #url {
background: #ba0000;
border-bottom: 10px solid #630000;
border-top: 10px solid #630000;
color: #fff;
margin-bottom: 20px;
overflow: hidden;
padding: 20px;
}
#app_content #url dl dt {
font-size: 16px;
margin-bottom: 10px;
}
#app_content #url dl dd {
background: #fff;
border: 1px solid #a10000;
border-left: 2px solid #a10000;
border-top: 2px solid #a10000;
float: left;
font-size: 40px;
line-height: 48px;
margin-bottom: 5px;
padding: 2px;
width: 580px;
}
#app_content #url p {
clear: both;
}
#app_content #url p a {
color: #fff;
}
#app_content #url dl dd a {
color: #666;
}
#bookmarklet_instructions {
font-size: 14px;
margin-bottom: 20px;
overflow: hidden;
}
#bookmarklet_instructions #helper_copy {
background: #eee url(/images/firefox_bg.png);
float: left;
height: 60px;
width: 520px;
}
#bookmarklet_instructions #helper_copy p {
float: right;
font-weight: bold;
margin: 10px;
text-align: right;
width: 180px;
}
#bookmarklet_instructions #bookmarklet {
background: #ba0000 url(/images/arrow.png) no-repeat left;
float: right;
width: 200px;
}
#bookmarklet_instructions #bookmarklet p {
margin-bottom: 0;
}
#bookmarklet_instructions #bookmarklet a {
color: #fff;
display: block;
line-height: 60px;
margin: 0 10px;
text-align: right;
}
#url_stats {
overflow: hidden;
margin-bottom: 20px;
width: 300px;
}
#url_stats dt {
float: left;
clear: left;
width: 150px;
}
#url_stats dd {
border-bottom: 1px solid #ddd;
float: left;
font-weight: bold;
width: 150px;
}
#tos {
background: #eee;
color: #666;
font-size: 12px;
margin: 20px;
padding: 10px;
}
#tos dt {
display: inline;
margin-right: 5px;
color: #960000;
font-weight: bold;
}
#tos dd {
display: inline;
}
#footer {
margin: 20px;
text-align: center;
font-size: 11px;
font-weight: bold;
color: #8f8e88;
}
#footer p {
margin: 0;
}
#footer a {
color: #ba0000;
}
#footer span {
color: #ba0000;
}
/*------------------------------------------------------------------------
=Typography
------------------------------------------------------------------------*/
h1 {
background: #ba0000;
color: #fff;
font-size: 30px;
font-weight: bold;
line-height: 40px;
margin-bottom: 20px;
padding: 10px 20px;
}
h2 {
color: #630000;
font-size: 20px;
line-height: 20px;
margin-bottom: 20px;
}
h3 {
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
/*------------------------------------------------------------------------
=Links
------------------------------------------------------------------------*/
a {
color: #ba0000;
}
#info_content a {
font-weight: bold;
}
#info_content a:visited {
color: #ba4a4a;
}
#info_content a:active {
background: #f00;
}
/*------------------------------------------------------------------------
=Forms
------------------------------------------------------------------------*/
label {
clear: both;
display: block;
font-size: 16px;
margin-bottom: 10px;
}
input#link_website_url {
border: 1px solid #a10000;
border-left: 2px solid #a10000;
border-top: 2px solid #a10000;
float: left;
font-size: 40px;
padding: 2px;
width: 600px;
}
input.go,
input.copy {
background: #630000;
border: 1px solid #8a0000;
border-bottom: 2px solid #8a0000;
border-right: 2px solid #8a0000;
color: #fff;
float: right;
font-size: 20px;
margin: 0;
padding: 13px;
}
label.auto_copy {
font-size: 13px;
}
input#auto_copy {
margin: 0;
position: relative;
top: 2px;
}
/*------------------------------------------------------------------------
=Code samples
------------------------------------------------------------------------*/
pre {
background: #EFEFEF;
overflow: auto;
font-family: "Courier New", Courier, monospace
}
code {
color: #000;
display: block;
font-size: 14px;
padding: 9px;
}
\ No newline at end of file
+/*------------------------------------------------------------------------
rubyurl
2009-02-17
coded by: Chris Griffin / http://planetargon.com
http://chrisgrififn.org
------------------------------------------------------------------------*/
/*------------------------------------------------------------------------
=Default
------------------------------------------------------------------------*/
body {
background: #f6f5ea;
font: 13px/20px Arial, 'Lucida Grande', Verdana, sans-serif;
color: #333;
}
p {
margin-bottom: 20px;
}
ul {
margin-bottom: 20px;
}
li {
margin-left: 10px;
}
/*------------------------------------------------------------------------
=Structure
------------------------------------------------------------------------*/
.wrapper {
background: #fff;
border: 1px solid #e8e6d1;
border-bottom: 1px solid #c2c0ae;
border-right: 1px solid #c2c0ae;
width: 760px;
margin: 40px auto 0;
}
#header {
margin: 10px 20px 10px;
overflow: hidden;
padding-top: 20px;
position: relative;
}
#logo {
float: left;
width: 209px;
height: 49px;
display: block;
text-indent: -9999px;
background: url(/images/logo-rubyurl.png) no-repeat top;
}
#main_nav {
float: right;
margin: 10px 0 20px;
}
#main_nav li {
float: left;
border-left: 1px solid #ccc;
margin-left: 8px;
padding-left: 7px;
line-height: 14px;
}
#main_nav li:first-child {
border: none;
margin: 0;
padding: 0;
}
#main_nav li a {
font-size: 13px;
color: #666;
}
#main_nav li #abuse {
color: #ba0000;
font-weight: bold;
}
#app_content,
#info_content {
clear: both;
margin: 0 20px 20px;
}
#info_content {
margin: 20px;
}
#app_content #url {
background: #ba0000;
border-bottom: 10px solid #630000;
border-top: 10px solid #630000;
color: #fff;
margin-bottom: 20px;
overflow: hidden;
padding: 20px;
}
#app_content #url dl dt {
font-size: 16px;
margin-bottom: 10px;
}
#app_content #url dl dd {
background: #fff;
border: 1px solid #a10000;
border-left: 2px solid #a10000;
border-top: 2px solid #a10000;
float: left;
font-size: 40px;
line-height: 48px;
margin-bottom: 5px;
padding: 2px;
width: 580px;
}
#app_content #url p {
clear: both;
}
#app_content #url p a {
color: #fff;
}
#app_content #url dl dd a {
color: #666;
}
#bookmarklet_instructions {
font-size: 14px;
margin-bottom: 20px;
overflow: hidden;
}
#bookmarklet_instructions #helper_copy {
background: #eee url(/images/firefox_bg.png);
float: left;
height: 60px;
width: 520px;
}
#bookmarklet_instructions #helper_copy p {
float: right;
font-weight: bold;
margin: 10px;
text-align: right;
width: 180px;
}
#bookmarklet_instructions #bookmarklet {
background: #ba0000 url(/images/arrow.png) no-repeat left;
float: right;
width: 200px;
}
#bookmarklet_instructions #bookmarklet p {
margin-bottom: 0;
}
#bookmarklet_instructions #bookmarklet a {
color: #fff;
display: block;
line-height: 60px;
margin: 0 10px;
text-align: right;
}
#url_stats {
overflow: hidden;
margin-bottom: 20px;
width: 300px;
}
#url_stats dt {
float: left;
clear: left;
width: 150px;
}
#url_stats dd {
border-bottom: 1px solid #ddd;
float: left;
font-weight: bold;
width: 150px;
}
#tos {
background: #eee;
color: #666;
font-size: 12px;
margin: 20px;
padding: 10px;
}
#tos dt {
display: inline;
margin-right: 5px;
color: #960000;
font-weight: bold;
}
#tos dd {
display: inline;
}
#footer {
margin: 20px;
text-align: center;
font-size: 11px;
font-weight: bold;
color: #8f8e88;
}
#footer p {
margin: 0;
}
#footer a {
color: #ba0000;
}
#footer span {
color: #ba0000;
}
#original_url_info {
font-size: 0.8em;
}
#original_url_info span {
background: #a10000;
color: #eee;
padding: 4px;
}
/*------------------------------------------------------------------------
=Typography
------------------------------------------------------------------------*/
h1 {
background: #ba0000;
color: #fff;
font-size: 30px;
font-weight: bold;
line-height: 40px;
margin-bottom: 20px;
padding: 10px 20px;
}
h2 {
color: #630000;
font-size: 20px;
line-height: 20px;
margin-bottom: 20px;
}
h3 {
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
/*------------------------------------------------------------------------
=Links
------------------------------------------------------------------------*/
a {
color: #ba0000;
}
#info_content a {
font-weight: bold;
}
#info_content a:visited {
color: #ba4a4a;
}
#info_content a:active {
background: #f00;
}
/*------------------------------------------------------------------------
=Forms
------------------------------------------------------------------------*/
label {
clear: both;
display: block;
font-size: 16px;
margin-bottom: 10px;
}
input#link_website_url {
border: 1px solid #a10000;
border-left: 2px solid #a10000;
border-top: 2px solid #a10000;
float: left;
font-size: 40px;
padding: 2px;
width: 600px;
}
input.go,
input.copy {
background: #630000;
border: 1px solid #8a0000;
border-bottom: 2px solid #8a0000;
border-right: 2px solid #8a0000;
color: #fff;
float: right;
font-size: 20px;
margin: 0;
padding: 13px;
}
label.auto_copy {
font-size: 13px;
}
input#auto_copy {
margin: 0;
position: relative;
top: 2px;
}
/*------------------------------------------------------------------------
=Code samples
------------------------------------------------------------------------*/
pre {
background: #EFEFEF;
overflow: auto;
font-family: "Courier New", Courier, monospace
}
code {
color: #000;
display: block;
font-size: 14px;
padding: 9px;
}
\ No newline at end of file
public/stylesheets/master.css
c82afe6ed264130c1434c2112716400254d4ceb7
Robby Russell
robby@planetargon.com
http://github.com/robbyrussell/rubyurl/commit/9d8f1f323b66cdda2209603be8ffebe7f1528a76
9d8f1f323b66cdda2209603be8ffebe7f1528a76
2009-04-30T08:54:00-07:00
2009-04-30T08:54:00-07:00
Adding original URL to the post-submission page. Closes #1
a569eedccd1826aa264bf547c7c1f813f8d6b293
Robby Russell
robby@planetargon.com