Skip to content

Commit

Permalink
Fix asset paths.
Browse files Browse the repository at this point in the history
  • Loading branch information
Matt Tarbit committed Dec 13, 2011
1 parent 93e3095 commit 3d4c90b
Show file tree
Hide file tree
Showing 2 changed files with 25 additions and 67 deletions.
36 changes: 18 additions & 18 deletions app/assets/stylesheets/core.css.erb
View file
Expand Up @@ -37,7 +37,7 @@ body {
#pagefull { }
#pagehead { background:#222; }
#pagehead .inner { width:780px; padding:1.5em 0; padding-bottom:1em; margin:0 auto; }
#pagebody { background:#fff url(/images/header/band.gif) 0 0px repeat-x; margin-bottom:3em; }
#pagebody { background:#fff url(<%= asset_path 'header/band.gif' %>) 0 0px repeat-x; margin-bottom:3em; }
#pagebody .inner { width:780px; padding:1.5em 0; padding-top:3em; margin:0 auto; }

body.wide #pagehead .inner { width:960px; }
Expand All @@ -50,7 +50,7 @@ body.wide #pagebody .inner { width:960px; }

#pagelogo { float:left; }
/*
#pagelogo a { width:243px; height:58px; display:block; background:url(/images/logo.gif) no-repeat; }
#pagelogo a { width:243px; height:58px; display:block; background:url(<%= asset_path 'logo.gif' %>) no-repeat; }
#pagelogo a span { position:absolute; left:-9999em; }
#pagemenu { float:left; margin:0; padding:0; margin-left:1em; margin-top:2.7em; font-weight:bold; }
*/
Expand Down Expand Up @@ -125,11 +125,11 @@ ul li { list-style-type:disc; }
ul.compact { margin-top:0; }
ul.spaced li { margin:0.5em 0; }

fieldset { border:1px solid #ddd; background:url(/images/fades/pale.gif) repeat-x top #f2f2f2; margin:1em 0; margin-bottom:2em; padding:1em; padding-top:0.5em; }
fieldset { border:1px solid #ddd; background:url(<%= asset_path 'fades/pale.gif' %>) repeat-x top #f2f2f2; margin:1em 0; margin-bottom:2em; padding:1em; padding-top:0.5em; }
legend { font-weight:bold; color:#999; }
input, select { font-size:1.0em; font-family:Georgia, Helvetica, Arial, sans-serif; padding:2px; }
textarea { font-size:1.0em; font-family:Georgia, Helvetica, Arial, sans-serif; padding:2px; }
input.button { border:1px solid #333; background:url(/images/fades/dark.gif) repeat-x top #333; color:#fff; padding-left:8px; padding-right:8px; }
input.button { border:1px solid #333; background:url(<%= asset_path 'fades/dark.gif' %>) repeat-x top #333; color:#fff; padding-left:8px; padding-right:8px; }

.form-row { clear:left; margin:5px 0; }
.form-gap { clear:left; margin-top:15px; }
Expand All @@ -142,7 +142,7 @@ input.button { border:1px solid #333; background:url(/images/fades/dark.gif) re

table.data { border-collapse:collapse; width:100%; font-size:0.9em; }
table.data tr { vertical-align:top; background:#ffffff; }
table.data th { border:1px solid #ddd; padding:3px 5px; background:url(/images/fades/pale.gif) repeat-x top #f2f2f2; font-weight:normal; text-align:left; }
table.data th { border:1px solid #ddd; padding:3px 5px; background:url(<%= asset_path 'fades/pale.gif' %>) repeat-x top #f2f2f2; font-weight:normal; text-align:left; }
table.data td { border:1px solid #ddd; padding:3px 5px; }
table.data .center { text-align:center; }
table.data .row0 { background:#ffffff; }
Expand All @@ -159,7 +159,7 @@ dl.tiny dd { margin-left:3.5em; }

#comments { border-top:1px solid #ddd; margin:2em 0; }
#comments ul { margin-left:0; font-size:0.9em; }
#comments li { list-style-type:none; background:#f2f2f2 url(/images/fades/pale.gif) repeat-x top; padding:0.5em 1.5em; border:1px solid #ddd; margin-bottom:0.5em; }
#comments li { list-style-type:none; background:#f2f2f2 url(<%= asset_path 'fades/pale.gif' %>) repeat-x top; padding:0.5em 1.5em; border:1px solid #ddd; margin-bottom:0.5em; }
#comments .comment { margin:0; margin-bottom:-0.5em; }

div.hr { border-top:1px solid #ddd; margin:1.5em 0; }
Expand All @@ -173,7 +173,7 @@ div.date span { padding-right:1em; background:#fff; text-align:left; line-heig

.section { border-top:1px solid #ddd; margin:1.5em 0; }

p.comments a { font-size:0.75em; background:url(/images/icons/comments.gif) 0 0.15em no-repeat; padding-left:20px; }
p.comments a { font-size:0.75em; background:url(<%= asset_path 'icons/comments.gif' %>) 0 0.15em no-repeat; padding-left:20px; }

#pagercol p.comments { text-align:right; }

Expand All @@ -198,32 +198,32 @@ blockquote { border-left:5px solid #ddd; padding-left:1em; }

#metadata { margin-left:0; padding-left:0; }
#metadata li { list-style-type:none; padding-left:22px; margin:0; margin-bottom:1em; }
#metadata li.time { background:url(/images/icons/time.gif) no-repeat; }
#metadata li.prev { background:url(/images/icons/prev.gif) no-repeat; margin-bottom:0.3em; }
#metadata li.next { background:url(/images/icons/next.gif) no-repeat; }
#metadata li.tags { background:url(/images/icons/tags.gif) no-repeat; margin-top:1em; }
#metadata li.time { background:url(<%= asset_path 'icons/time.gif' %>) no-repeat; }
#metadata li.prev { background:url(<%= asset_path 'icons/prev.gif' %>) no-repeat; margin-bottom:0.3em; }
#metadata li.next { background:url(<%= asset_path 'icons/next.gif' %>) no-repeat; }
#metadata li.tags { background:url(<%= asset_path 'icons/tags.gif' %>) no-repeat; margin-top:1em; }

#tags { margin:1em 0; padding:0; text-align:center; font-size:0.9em; }
#tags li { list-style-type:none; margin:0; padding:0; float:left; }
#tags a { text-decoration:none; color:#333; border:1px solid #ddd; background:url(/images/fades/pale.gif) repeat-x top #f2f2f2; display:block; margin:0; padding:0 5px; margin-right:1px; margin-bottom:1px; line-height:22px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#tags a:hover { text-decoration:none; color:#fff; border:1px solid #333; background:url(/images/fades/dark.gif) repeat-x top #333; }
#tags a { text-decoration:none; color:#333; border:1px solid #ddd; background:url(<%= asset_path 'fades/pale.gif' %>) repeat-x top #f2f2f2; display:block; margin:0; padding:0 5px; margin-right:1px; margin-bottom:1px; line-height:22px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#tags a:hover { text-decoration:none; color:#fff; border:1px solid #333; background:url(<%= asset_path 'fades/dark.gif' %>) repeat-x top #333; }

.download-links { float:right; width:10.5em; margin-top:0.2em; }
.download-link { background:#f2f2f2 url(/images/fades/pale.gif) repeat-x top; margin-bottom:0.5em; }
.download-link { background:#f2f2f2 url(<%= asset_path 'fades/pale.gif' %>) repeat-x top; margin-bottom:0.5em; }
.download-link a { color:#333; padding:0.4em 0.6em; padding-right:2.5em; border:1px solid #ddd; text-decoration:none; display:block; font-size:0.8em; line-height:1.3em; -moz-border-radius:5px; -webkit-border-radius:5px; }
.download-link a:hover { color:#fff; background-color:#333; border-color:#333; }

.icon-vcard { background:url(/images/icons/vcard.png) 92% 50% no-repeat; }
.icon-pdf { background:url(/images/icons/page_white_acrobat.png) 92% 50% no-repeat; }
.icon-doc { background:url(/images/icons/page_white_word.png) 92% 50% no-repeat; }
.icon-vcard { background:url(<%= asset_path 'icons/vcard.png' %>) 92% 50% no-repeat; }
.icon-pdf { background:url(<%= asset_path 'icons/page_white_acrobat.png' %>) 92% 50% no-repeat; }
.icon-doc { background:url(<%= asset_path 'icons/page_white_word.png' %>) 92% 50% no-repeat; }

.vcard .org { display:none; }

#portfolio .row { }
#portfolio .l-col { float:left; }
#portfolio .r-col { float:right; }

.sample { border:1px solid #ddd; background:#f2f2f2 url(/images/fades/pale.gif) repeat-x top; padding:15px; margin-bottom:5px; }
.sample { border:1px solid #ddd; background:#f2f2f2 url(<%= asset_path 'fades/pale.gif' %>) repeat-x top; padding:15px; margin-bottom:5px; }
.sample .screen { float:right; width:12em; margin-left:2em; }
.sample .screen img { border:1px solid #aaa; }
.sample .detail { }
Expand Down
56 changes: 7 additions & 49 deletions app/views/blog/cv.html.erb
View file
Expand Up @@ -132,7 +132,7 @@
<h3>Portfolio</h3>

<div class="sample">
<div class="screen"><a href="http://jsframework.sense-dev.com:8080"><img src="/images/cv/thumbs/javascript.png" width="153" height="97" border="0" alt="" /></a></div>
<div class="screen"><a href="http://jsframework.sense-dev.com:8080"><img src="<%= asset_path 'cv/thumbs/javascript.png' %>" width="153" height="97" border="0" alt="" /></a></div>
<div class="detail">
<h4>JavaScript Toolkit</small></h4>
<ul class="compact">
Expand All @@ -149,7 +149,7 @@
</div>

<div class="sample">
<div class="screen"><a href="http://www.travelodge.co.uk"><img src="/images/cv/thumbs/travelodge.png" width="153" height="97" border="0" alt="" /></a></div>
<div class="screen"><a href="http://www.travelodge.co.uk"><img src="<%= asset_path 'cv/thumbs/travelodge.png' %>" width="153" height="97" border="0" alt="" /></a></div>
<div class="detail">
<h4>Travelodge</h4>
<ul class="compact">
Expand All @@ -164,7 +164,7 @@
</div>

<div class="sample">
<div class="screen"><a href="http://www.rizla.co.uk"><img src="/images/cv/thumbs/rizla.png" width="153" height="97" border="0" alt="" /></a></div>
<div class="screen"><a href="http://www.rizla.co.uk"><img src="<%= asset_path 'cv/thumbs/rizla.png' %>" width="153" height="97" border="0" alt="" /></a></div>
<div class="detail">
<h4>Rizla</h4>
<ul class="compact">
Expand All @@ -181,7 +181,7 @@
</div>

<div class="sample pg">
<div class="screen"><a href="http://www.bafta-online.org"><img src="/images/cv/thumbs/bafta.png" width="153" height="97" border="0" alt="" /></a></div>
<div class="screen"><a href="http://www.bafta-online.org"><img src="<%= asset_path 'cv/thumbs/bafta.png' %>" width="153" height="97" border="0" alt="" /></a></div>
<div class="detail">
<h4>Bafta <small>(awaiting launch)</small></h4>
<ul class="compact">
Expand All @@ -196,7 +196,7 @@
</div>

<div class="sample">
<div class="screen"><a href="http://www.imperial-trade.com"><img src="/images/cv/thumbs/imperial.png" width="153" height="97" border="0" alt="" /></a></div>
<div class="screen"><a href="http://www.imperial-trade.com"><img src="<%= asset_path 'cv/thumbs/imperial.png' %>" width="153" height="97" border="0" alt="" /></a></div>
<div class="detail">
<h4>Imperial Tobacco</h4>
<ul class="compact">
Expand All @@ -209,7 +209,7 @@
</div>

<div class="sample">
<div class="screen"><a href="http://www.warburtons-trade.co.uk"><img src="/images/cv/thumbs/warburtons.png" width="153" height="97" border="0" alt="" /></a></div>
<div class="screen"><a href="http://www.warburtons-trade.co.uk"><img src="<%= asset_path 'cv/thumbs/warburtons.png' %>" width="153" height="97" border="0" alt="" /></a></div>
<div class="detail">
<h4>Warburtons</h4>
<ul class="compact">
Expand All @@ -221,24 +221,8 @@
<div class="clear"></div>
</div>

<%
=begin
<div class="sample">
<div class="screen"><a href="http://sense-org.sense-dev.com/play/"><img src="/images/cv/thumbs/senseorg02.png" width="153" height="97" border="0" alt="" /></a></div>
<div class="detail">
<h4>Sense</h4>
<ul class="compact">
<li><a href="http://sense-org.sense-dev.com/play/">Flash promotional piece</a> as a collaboration between my employer, Sense Internet, and Sense, the charity in support of deafblind people.</li>
<li>Single-handed build (HTML, CSS, JS, PHP, MySQL &amp; Flash).</li>
</ul>
</div>
<div class="clear"></div>
</div>
=end
%>

<div class="sample">
<div class="screen"><a href="http://www.xt3.com"><img src="/images/cv/thumbs/xt3.png" width="153" height="97" border="0" alt="" /></a></div>
<div class="screen"><a href="http://www.xt3.com"><img src="<%= asset_path 'cv/thumbs/xt3.png' %>" width="153" height="97" border="0" alt="" /></a></div>
<div class="detail">
<h4>XT3</h4>
<ul class="compact">
Expand Down Expand Up @@ -278,31 +262,5 @@
<div class="clear"></div>
</div>

<%
=begin
<div class="sample">
<div class="screen"><a href="http://www.asdapasstheparcel.co.uk"><img src="/images/cv/screens/asda.png" width="100" height="77" border="0" alt="" /></a></div>
<div class="detail">
<h4>Asda</h4>
<ul class="compact">
<li><a href="http://www.asdapasstheparcel.co.uk">Public microsite</a> for Pass the Parcel giveaway</li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="sample">
<div class="screen"><a href="http://www.stc.ac.uk"><img src="/images/cv/screens/stc.png" width="100" height="77" border="0" alt="" /></a></div>
<div class="detail">
<h4>South Tyneside College</h4>
<ul class="compact">
<li><a href="http://www.stc.ac.uk">Public website</a> for Further Education and Marine college</li>
</ul>
</div>
<div class="clear"></div>
</div>
=end
%>

</div>

0 comments on commit 3d4c90b

Please sign in to comment.