Updated Site Design.
h3rald h3rald@h3rald.com
Sat, 27 Oct 2012 15:13:33 +0200
17 files changed,
270 insertions(+),
221 deletions(-)
jump to
M
content/articles/incomplete-guide-to-london.textile
→
content/articles/incomplete-guide-to-london.textile
@@ -1,8 +1,10 @@
----- permalink: incomplete-guide-to-london +popular: true filters_pre: - redcloth title: Fabio's (In)complete Guide to London +subtitle: Some (non-)essential tips on getting around, eating, and enjouing yourself comments: [] date: 2006-08-23 06:23:24 +02:00
M
content/articles/randal-schwartz.glyph
→
content/articles/randal-schwartz.glyph
@@ -1,5 +1,6 @@
----- :type: article +:popular: true :date: 2010-11-14 13:35:29.046412 +01:00 :title: A pizza with Randal Schwartz :subtitle: Talking about open source, programming, emacs and technical writing
M
content/articles/tweaking-windows-explorer.textile
→
content/articles/tweaking-windows-explorer.textile
@@ -1,8 +1,10 @@
----- permalink: tweaking-windows-explorer +popular: true filters_pre: - redcloth title: Tweaking Windows Explorer +subtitle: How to make the default Windows file manager suck less comments: - :date: :author: John
M
content/h3rald.textile
→
content/h3rald.textile
@@ -11,7 +11,7 @@ links:
- "Source": http://github.com/h3rald/h3rald/tree/master - "Tracking": http://github.com/h3rald/h3rald/issues status: Active -version: 8.0.0 +version: 8.2.0 ----- <%= render 'project_data', :tag => 'website' %>
M
content/home.erb
→
content/home.erb
@@ -9,101 +9,38 @@ feed_url: "http://feeds.feedburner.com/h3rald"
feed_title: 'Latest Articles' ----- <% -max_items = 5 +max_items = 15 all_articles = latest_articles.length latest = latest_articles 6 -popular = popular_articles 5 +popular = popular_articles 10 all_projects = @items.select{|a| a[:type] == 'project'}.length %> <section id="topbar"> - <nav id="social"> - <ul> - <li><a href="http://www.h3rald.com/rss" rel="external"><img src="/images/social/feed.png" alt="Feed" /></a></li> - <li><a href="http://foursquare.com/h3rald" rel="external"><img src="/images/social/foursquare.png" alt="FourSquare" /></a></li> - <li><a href="http://www.twitter.com/h3rald" rel="external"><img src="/images/social/twitter.png" alt="RSS" /></a></li> - <li><a href="skype:fabio.cevasco?call" rel="external"><img src="/images/social/skype.png" alt="Skype" /></a></li> - <li><a href="http://it.linkedin.com/in/fabiocevasco" rel="external"><img src="/images/social/linkedin.png" alt="LinkedIn" /></a></li> - <li><a href="https://github.com/h3rald" rel="external"><img src="/images/social/github.png" alt="GitHub" /></a></li> - <li><a href="http://reddit.com/user/h3rald" rel="external"><img src="/images/social/reddit.png" alt="Reddit" /></a></li> - <li><a href="http://pinboard.in/u:h3rald/" rel="external"><img src="/images/social/pinboard.png" alt="Pinboard" /></a></li> - <li><a href="http://web.stagram.com/n/h3rald/?vm=grid" rel="external"><img src="/images/social/instagram.png" alt="Instagram" /></a></li> - </ul> - </nav> - <aside id="search"> - <section id="search_form"></section> - </aside> </section><!-- #topbar end --> -<section id="search_results"></section> <section class="left" id="main-content"> - <%= render 'article_intro', :item => latest[0], :classes => "three-columns hyphenate", :extended => true %> - <section class="clear-left left" id="#main-content-left"> - <script src="http://widgets.twimg.com/j/2/widget.js"></script> - <section id="twitter"> - <a href="http://twitter.com/h3rald" class="twitter-follow-button">Follow @h3rald</a> - <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script> - <script> - new TWTR.Widget({ - version: 2, - type: 'profile', - rpp: 4, - interval: 6000, - width: 280, - height: 250, - theme: { - shell: { - background: '#ffffff', - color: '#333333' - }, - tweets: { - background: '#ffffff', - color: '#333333', - links: '#005B91' - } - }, - features: { - scrollbar: false, - loop: false, - live: false, - hashtags: true, - timestamp: true, - avatars: false, - behavior: 'all' - } - }).render().setUser('h3rald').start(); - </script> - </section><!-- #twitter end --> - <%= render 'article_intro', :item => latest[3], :classes => "hyphenate", :extended => false %> - <%= render 'article_intro', :item => latest[4], :classes => "hyphenate", :extended => false %> - </section><!-- #main-content-left end --> - <section class="right border-left" id="main-content-right"> - <%= render 'article_intro', :item => latest[1], :classes => "hyphenate", :extended => false %> - <%= render 'article_intro', :item => latest[2], :classes => "hyphenate", :extended => false %> - <%= - render 'article_intro', :item => latest[5], :classes => "hyphenate", :extended => false - %> - </section><!-- #main-content-right end --> +<span class="featured">latest</span> + <%= render 'article_intro', :item => latest[0], :classes => "hyphenate", :extended => true %> + <%= render 'article_intro', :item => latest[3], :classes => "hyphenate", :extended => false %> + <%= render 'article_intro', :item => latest[4], :classes => "hyphenate", :extended => false %> + <%= render 'article_intro', :item => latest[1], :classes => "hyphenate", :extended => false %> + <%= render 'article_intro', :item => latest[2], :classes => "hyphenate", :extended => false %> + <%= + render 'article_intro', :item => latest[5], :classes => "hyphenate", :extended => false + %> </section><!-- #main-content end --> <section class="right" id="secondary-content"> - <%= render 'article_intro', :item => popular[0], :classes => "two-columns hyphenate", :extended => true %> - <article class="feature"> - <header> - <p>FEATURED CONTENT</p> - <h1><a href="/glyph/">Glyph – Rapid Document Authoring Framework</a></h1> - <h2>A free and extensible solution for personal publishing, 100% open source!</h2> - </header> - <section class="hyphenate"> - <img src="/images/glyph.png" alt="Glyph Logo" class="img-right" /> - <p>With Glyph, creating and maintaining any kind of document becomes as easy as... programming. </p> - <p>Glyph enables you to minimize text duplication, focus on content rather than presentation, manage references seamlessly and automate tedious tasks through a simple but effective macro language, specifically geared towards customization and extensibility. <a href="/glyph/">» <strong>Read More</strong></a></p> - </section> - </article> - <section class="left" id="secondary-content-left"> - <%= render 'article_intro', :item => popular[1], :classes => "hyphenate", :extended => false %> - <%= render 'article_intro', :item => popular[3], :classes => "hyphenate", :extended => false %> - </section><!-- #secondary-content-left end --> - <section class="right border-left" id="secondary-content-right"> - <%= render 'article_intro', :item => popular[2], :classes => "hyphenate", :extended => false %> - <%= render 'article_intro', :item => popular[4], :classes => "hyphenate", :extended => false %> - </section><!-- #secondary-content-right end --> + <span class="featured">popular</span> + <%= render 'article_box', :item => popular[0], :classes => "hyphenate", :extended => true %> + <%= render 'article_box', :item => popular[1], :classes => "hyphenate", :extended => false %> + <%= render 'article_box', :item => popular[3], :classes => "hyphenate", :extended => false %> + <%= render 'article_box', :item => popular[2], :classes => "hyphenate", :extended => false %> + <%= render 'article_box', :item => popular[4], :classes => "hyphenate", :extended => false %> + <%= render 'article_box', :item => popular[5], :classes => "hyphenate", :extended => false %> + <%= render 'article_box', :item => popular[6], :classes => "hyphenate", :extended => false %> + <%= render 'article_box', :item => popular[7], :classes => "hyphenate", :extended => false %> </section><!-- #secondary-content-end --> +<aside id="search"> +<section id="search_form"></section> +</aside> +<section id="search_results"></section>
M
content/styles/_content.scss
→
content/styles/_content.scss
@@ -3,38 +3,45 @@
article > header { h1 { @include standard-font; - font-weight: bold; - color: #000; + font-weight: normal; + color: $text-color; line-height: 1.2em; padding-top: 0.2em; text-align:left; height: 60%; a { - color: #000; text-decoration: none; } } h2 { @include standard-font; - font-weight: 600; + padding-top: 0.2em; font-style: italic; - color: #000; + font-weight: normal; + color: $emphasis-color; line-height: 1.1em; height: 20%; text-align:left; } } -@mixin toolbar { - border-bottom: 1px solid $dark-gray; - width: 100%; - text-align: left; - font-size: 0.8em; - line-height: 1.4em; +#secondary-content article:after, #main-content article:after { + text-align: center; + display: block; + content: "* * *"; + font-weight: normal; + font-size: 80%; + color: $separator-color; + margin: 2em; } + +#secondary-content article:last-child:after, #main-content article:last-child:after { + content: ""; +} + .code { - border: 1px solid $light-gray; + border: 1px solid $border-color; padding: 0.3em; }@@ -46,6 +53,7 @@
article > header > p.pubdate { @include toolbar; } + article > header > p.toolbar { @include toolbar; margin-top: 20px;@@ -69,12 +77,6 @@ }
} } } -article > header .author { - text-align: right; - font-size: 0.8em; - float: right; - margin-top: -10px; -} article.page > section { padding-top: 0.5em;@@ -103,41 +105,41 @@ /* Headers */
#main-content > article h1, article.page > header h1 { - font-size: 2.8em; + font-size: 2.2em; +} + +#secondary-content > article h1{ + font-size: 1.3em; +} + +#secondary-content > article h2{ + font-size: 1.0em; } -#secondary-content > article h1, -#main-content > section > article h1, #body-text section header h1, #body-text h2 { - font-size: 2.2em; + font-size: 2em; } #main-content > article h2, -#secondary-content > section > article h1, article.page > header h2, #body-text section section header h1, #body-text h3 { - font-size: 1.8em; + font-size: 1.5em; font-style: italic; - font-weight: 600; } -#secondary-content > article h2, #body-text section section section section header h1, #body-text h4 { font-size: 1.4em; } -#main-content > section > article h2, #body-text section section section header h1, #body-text h5 { font-size: 1.2em; font-style: italic; - font-weight: 600; } -#secondary-content > section > article h2, #body-text section section section section section header h1, #body-text h6 { font-size: 1em;@@ -149,6 +151,15 @@ }
/* Text */ +.featured { + font-style: italic; + font-size: 1em; + color: #555; + font-weight: normal; + text-align: left; + display: block; +} + article { font-size: 100; header > p { font-size: 95%; }@@ -157,6 +168,7 @@
#body-text { margin-top: 2.5em; h1, h2, h3, h4, h5, h6 { + font-weight: normal; clear: both; padding-top: 1.7em; margin-bottom: 0.2em;@@ -169,12 +181,10 @@ }
.right, img[style="float:right;"], figure[style="float:right;"] { margin: 0 0 0em 1em; padding: 0.1em; - border: 1px solid $dark-gray; } .left, img[style="float:left;"], figure[style="float:left;"] { margin: 0 1em 0 0; padding: 0.1em; - border: 1px solid $dark-gray; } blockquote, q { font-style: italic;@@ -187,13 +197,12 @@ margin: 0.6em 0;
} article.feature { - border: 1px solid $dark-gray; padding: 10px; header p { margin: 0; font-weight: bold; text-align: right; - color: $dark-gray; + color: $text-color; } h1, h2 { text-align: center;@@ -215,7 +224,6 @@
figure { padding: 0.1em; display: auto; - border: 1px solid $dark-gray; img { margin-bottom: 0; border: none;@@ -264,7 +272,7 @@ font-weight: bold;
background: #fafafa; } tr, th, td { - border: 1px solid $light-gray; + border: 1px solid $border-color; } td { padding: 5px;@@ -319,7 +327,7 @@
/* Projects */ #github { - border: 1px solid $light-gray; + border: 1px solid $border-color; padding: 5px; margin-left: 5px; float: right;@@ -335,13 +343,10 @@ }
.project-links { width: 500px; - border: 1px solid $light-gray; + border: 1px solid $border-color; margin-bottom: 10px; padding: 0 5px; text-align: center; - a { - font-weight: bold; - } } /* Contact form */@@ -382,7 +387,7 @@
.img-right { float: right; margin: 0 0 0 1em; - border: 1px solid $dark-gray; + border: 1px solid $text-color; padding: 0.2em; }@@ -396,7 +401,7 @@
.img-left { float: right; margin: 0 1em 0 0; - border: 1px solid $dark-gray; + border: 1px solid $text-color; padding: 0.2em; }@@ -413,27 +418,28 @@ margin: auto;
text-align: center; } -/* -.border-left { - border-left: 1px solid $dark-gray; -} -.border-right { - border-right: 1px solid $dark-gray; -} -*/ /* Elements */ a { - color: $dark-blue; - @include ease-in(color); + color: $link-color; text-decoration: none; outline: none; } a:hover { - color: $light-blue; - text-decoration: underline; + color: $link-hover-color; +} + +a[href^="http"]:after { + content: " ➚"; +} + +a.read:after { + content: ""; +} +.social a[href^="http"]:after{ + content: ""; } sup {@@ -448,7 +454,7 @@ padding: 3px;
} .note, .important, .tip, .caution, .box { - border: 1px solid $dark-gray; + border: 1px solid $text-color; display: block; margin: 0.7em auto; padding: 0.5em 0.5em;
M
content/styles/_definitions.scss
→
content/styles/_definitions.scss
@@ -1,9 +1,13 @@
/* Definitions */ -$light-gray: #cacaca; -$dark-gray: #333; -$light-blue: #007BC4; -$dark-blue: #005B91; +$background-color: #fcfcfc; +$alt-background-color: #efefef; +$border-color: #ccc; +$separator-color: #555; +$link-color: #802B00; +$link-hover-color: #BD3F00; +$text-color: #333; +$emphasis-color: #222; @mixin standard-font { font-family: 'Crimson Text', 'Palatino', 'Bookman', 'Georgia', 'Times';@@ -43,3 +47,14 @@ -o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear; } } + +@mixin toolbar { + border-bottom: 1px solid $border-color; + color: $text-color; + font-style: italic; + width: 100%; + text-align: left; + font-size: 0.8em; + line-height: 1.4em; +} +
M
content/styles/_fonts.scss
→
content/styles/_fonts.scss
@@ -8,6 +8,13 @@ font-style: normal;
} @font-face { + font-family: 'Cardo'; + src: url('../fonts/Cardo-Roman.otf') format('opentype'); + font-weight: normal; + font-style: normal; +} + +@font-face { font-family: 'Crimson Text'; src: url('../fonts/CrimsonText-Italic.otf') format('opentype'); font-weight: normal;
M
content/styles/_layout.scss
→
content/styles/_layout.scss
@@ -2,19 +2,109 @@ /* Layout */
body { @include standard-font; - background: #000; - background-image: url("../images/textures/dark_leather.png"); + background: $background-color; + /*background-image: url("../images/textures/dark_leather.png");*/ } #container { width: 960px; - margin: 20px auto; + margin: auto; padding: 5px; - color: $dark-gray; - background: #fff; - @include border-radius(10px); + color: $text-color; + background: $background-color; + /* @include border-radius(10px); */ +} + +/* Logos */ + + +.logo { + font-weight: normal; + font-family: "Cardo", "Georgia", serif; +} + +.hrald { + display: block; + margin-top: 10px; + font-size: 50px; +} + +.h, .rald { + font-size: 50px; +} +.three { + display: block; + margin-top: -15px; + margin-left: -105px; + font-size: 60px; } +h1 { + + .logo { + display: block; + margin-top: 20px; + color: $text-color; + } + + .hrald { + display: block; + margin-top: 10px; + font-size: 75px; + } + + .h, .rald { + font-size: 75px; + } + .three { + display: block; + margin-top: -12px; + margin-left: -155px; + font-size: 90px; + } + + .h_line { + display: block; + border: 1px solid $text-color; + margin-top: 3px; + margin-left: -6px; + width: 50px; + } + + .rald_line { + float: left; + display: block; + border: 1px solid $text-color; + margin-top: -2px; + margin-left: 87px; + width: 209px; + } + + .established { + display: block; + font-weight: bold; + margin:auto; + text-align: center; + font-size: 85%; + .d { + vertical-align: super; + font-size: 72%; + text-decoration: underline; + } + .year { + font-size: 110%; + } + &:before, &:after { + content: "~"; + vertical-align: middle; + font-size: 120%; + } + } + +} + + + /* Navigation */ #container > nav.home {@@ -37,18 +127,18 @@ text-align: center;
height: 60px; &.home { nav.left { - width: 234px; + width: 270px; height: 60px; margin-top: -6px; } nav.right { - width: 234px; + width: 270px; height: 60px; margin-top: -6px; } h1 { float: left; - margin-left: 80px; + margin-left: 45px; } time { clear: both;@@ -62,7 +152,7 @@ }
} &.page { height: 45px; - border-bottom: 1px solid $dark-gray; + border-bottom: 1px solid $border-color; nav.section { float: right; margin-top: 10px;@@ -70,10 +160,10 @@ font-size: 30px;
} nav.home-link { float: left; - @include hover-image(193px, 43px); } } } + #container > footer { clear: both;@@ -93,17 +183,17 @@ margin: auto;
text-align: center; display: block; margin-top: 20px; - height: 60px; - border-top: 1px solid $light-gray; + border-top: 1px solid $border-color; width: 940px; } -#social { - margin: 20px auto; +.social { + padding-top: 10px; height: 50px; li { float:left;} a { - margin: 0 28px; + border: none; + margin: 0 20px; img { opacity: 0.6; vertical-align: middle;@@ -131,8 +221,8 @@ /* Main */
#main-content { margin: 0.5em 0; - margin-top: 0; - width: 555px; + margin-top: 20px; + width: 655px; text-align: justify; }@@ -163,9 +253,13 @@
/* Secondary */ #secondary-content { - padding: 0 5px; - width:380px; + background-color: $background-color; + margin-top: 15px; + /*@include border-radius(5px);*/ + padding: 5px; + width:280px; text-align: justify; + border-left: 1px solid $border-color; } #secondary-content > article {
M
content/styles/_vendor.scss
→
content/styles/_vendor.scss
@@ -36,7 +36,6 @@ width: 940px;
clear: both; text-align: justify; padding: 10px; - margin-top: 40px; } .gsc-result { padding: 0.5em 0;
A
layouts/article_box.erb
@@ -0,0 +1,12 @@
+----- +filter: erb +----- +<article id="a_<%= @item[:permalink] %>"> + <header> + <h1><a href="<%= @item.identifier %>"><%= @item[:title]%></a></h1> + <% unless @item[:subtitle].blank? then %> + <h2><%= @item[:subtitle] %></h2> + <% end %> + </header> +</article> +
M
layouts/article_intro.erb
→
layouts/article_intro.erb
@@ -11,14 +11,13 @@ <% unless @item[:subtitle].blank? then %>
<h2><%= @item[:subtitle] %></h2> <% end %> <p class="pubdate"><time datetime="<%= @item[:date].strftime("%Y-%m-%d") %>" pubdate="pubdate"><%= @item[:date].strftime("%A, %B %d %Y") %></time></p> - <p class="author">By <em><%= author %></em></p> </header> <section class="<%= @classes %>"> <% if @item[:image] && @extended then %> <img src="<%=@item[:image]%>" style="float:left; margin: 0 10px 10px 0;" alt="#" /> <% end %> - <%= RedCloth.new(intro.to_s).to_html %> - <p><a class="more" href="<%= @item.identifier%>">» <strong>Read More</strong></a></p> + <%= RedCloth.new(intro.to_s).to_html %> + <a class="read" href="<%=@item.identifier%>">Read More</a> </section> </article>
M
layouts/default.erb
→
layouts/default.erb
@@ -78,23 +78,11 @@ <%= render 'comments', :item => @item %>
<% end %> <% end %> <footer> - <section class="ads"> - <script type="text/javascript"><!-- - google_ad_client = "pub-2871497824158668"; - /* 728x90, created 9/10/10 */ - google_ad_slot = "3963343166"; - google_ad_width = 728; - google_ad_height = 90; - //--> - </script> - <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> - </script> - </section> <section> <nav> <a href="/about/">ABOUT</a>|<a href="/contact/">CONTACT</a> </nav> - <p>H3RALD Web Site v8.1.2 © 2004 — <%= Time.now.strftime("%Y") %> <em>Fabio Cevasco</em></p> + <p>H3RALD Web Site v8.2 © 2004 — <%= Time.now.strftime("%Y") %> <em>Fabio Cevasco</em></p> </section> </footer> </section><!-- #container end -->
M
layouts/home_header.erb
→
layouts/home_header.erb
@@ -4,34 +4,30 @@ -----
<nav class="home"> <%= ['projects', 'links'].map{|l| %{<a href="/#{l}/"><strong>#{l.upcase}</strong></a>} }.join("|") + "|" + ['review', 'ruby', 'opensource', 'productivity', 'writing', 'software'].map{|l| %{<a href="/tags/#{l}/" rel="tag">#{l.upcase}</a>} }.join("|") + -%{|<a href="/archives/" rel="archives">» <strong>MORE</strong></a> } %> +%{|<a href="/archives/" rel="archives"><strong>MORE</strong></a> } %> </nav> <header class="home"> - <nav class="left"> - <script type="text/javascript"><!-- - google_ad_client = "pub-2871497824158668"; - /* 234x60, created 9/5/10 */ - google_ad_slot = "5027018393"; - google_ad_width = 234; - google_ad_height = 60; - //--> - </script> - <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> - </script> + <nav class="left social"> + <ul> + <li><a href="http://foursquare.com/h3rald" rel="external"><img src="/images/social/foursquare.png" alt="FourSquare" /></a></li> + <li><a href="http://www.twitter.com/h3rald" rel="external"><img src="/images/social/twitter.png" alt="RSS" /></a></li> + <li><a href="http://it.linkedin.com/in/fabiocevasco" rel="external"><img src="/images/social/linkedin.png" alt="LinkedIn" /></a></li> + </ul> </nav> <h1> - <img src="/images/h3rald.png" alt="H3RALD" class="default"/> + <span class="logo"> + <span class="hrald"><span class="h">H</span> <span class="rald">RALD</span></span> + <span class="three">3</span> + <span class="h_line"></span><span class="rald_line"></span> + <span class="established"><span class="est">EST</span><span class="d">D</span> <span class="year">2004</span></span> + </a> + </span> </h1> - <nav class="right"> - <script type="text/javascript"><!-- - google_ad_client = "pub-2871497824158668"; - /* 234x60, created 9/10/10 */ - google_ad_slot = "7316796658"; - google_ad_width = 234; - google_ad_height = 60; - //--> - </script> - <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> - </script> + <nav class="right social"> + <ul> + <li><a href="https://github.com/h3rald" rel="external"><img src="/images/social/github.png" alt="GitHub" /></a></li> + <li><a href="http://reddit.com/user/h3rald" rel="external"><img src="/images/social/reddit.png" alt="Reddit" /></a></li> + <li><a href="http://web.stagram.com/n/h3rald/?vm=grid" rel="external"><img src="/images/social/instagram.png" alt="Instagram" /></a></li> + </ul> </nav> </header>
M
layouts/page_header.erb
→
layouts/page_header.erb
@@ -17,10 +17,10 @@ end
%><header class="page"> <nav class="home-link"> <a href="/"> - <img src="/images/h3rald_small.png" alt="H3RALD" class="default"/> - <![if !IE]> - <img src="/images/h3rald_hover_small.png" alt="H3RALD" class="hover"/> - <![endif]> + <span class="logo"> + <span class="hrald"><span class="h">H</span> <span class="rald">RALD</span></span> + <span class="three">3</span> + </span> </a> </nav> <% if link then %>
M
layouts/page_meta.erb
→
layouts/page_meta.erb
@@ -22,7 +22,6 @@ </span>
<%= tools if pdf %> </p> <nav class="tags"><%= tags_for(@item) %></nav> - <p class="author">By <em><%= author %></em></p> <div class="rdbWrapper" data-show-read="1" data-show-send-to-kindle="1" data-show-print="1" data-show-email="1" data-orientation="0" data-version="1" data-bg-color="#ffffff"></div><script type="text/javascript">(function() {var s = document.getElementsByTagName("script")[0],rdb = document.createElement("script"); rdb.type = "text/javascript"; rdb.async = true; rdb.src = document.location.protocol + "//www.readability.com/embed.js"; s.parentNode.insertBefore(rdb, s); })();</script> <% end %> </header>