Fixed HTML5 warnings, improved stylesheet.
h3rald h3rald@h3rald.com
Sat, 26 Dec 2015 12:46:20 +0100
11 files changed,
106 insertions(+),
122 deletions(-)
M
content/home.erb
→
content/home.erb
@@ -16,7 +16,7 @@ popular = popular_articles 10
%> <div class="row"> - <section class="col-md-8" id="main-content"> + <div class="col-md-8" id="main-content"> <%= render 'article_intro', :item => latest[0], :classes => "hyphenate", :extended => true %> <%= render 'article_intro', :item => latest[1], :classes => "hyphenate", :extended => false %> <%= render 'article_intro', :item => latest[2], :classes => "hyphenate", :extended => false %>@@ -24,8 +24,8 @@ <%= 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[5], :classes => "hyphenate", :extended => false %> <p><a href="/archives/">← Older Articles</a></p> - </section><!-- #main-content end --> - <section class="col-md-4" id="secondary-content"> + </div><!-- #main-content end --> + <div class="col-md-4" id="secondary-content"> <span class="featured"><i class="h3-fire"></i> popular</span> <%= render 'article_box', :item => popular[0], :classes => "hyphenate", :extended => true %> <%= render 'article_box', :item => popular[1], :classes => "hyphenate", :extended => false %>@@ -35,5 +35,5 @@ <%= 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 --> + </div><!-- #secondary-content-end --> </div>
M
content/projects.textile
→
content/projects.textile
@@ -5,35 +5,35 @@ type: page
----- <div class="projects-page"> -h2. "H3RALD Web Site":/h3rald/ +h3. "H3RALD Web Site":/h3rald/ This very web site, in its 8th incarnation. H3RALD.com has been operative since 2004 and through the years its backend changed from being pure vanilla HTML, to server-side PHP (Prado and CakePHP) to Ruby (Rails, Nanoc). -h2. "HastyScribe":/hastyscribe/ +h3. "HastyScribe":/hastyscribe/ A self-contained Markdown compiler that can generate self-contained HTML files, useful for writing essays, reports, meeting notes, etc. -h2. "LiteStore":/litestore/ +h3. "LiteStore":/litestore/ A lightweight, self-contained, RESTful, multi-format NoSQL document store server written in Nim and powered by a SQLite backend for storage. -h2. "Glyph":/glyph/ +h3. "Glyph":/glyph/ A _Rapid Document Authoring Framework_ written in Ruby that can be used to create and manage books and articles. -h2. "Ruby Compendium":/ruby-compendium/ +h3. "Ruby Compendium":/ruby-compendium/ A free book aiming to help beginners learn about Ruby. It doesn't focus on learning the language, but rather on its vast ecosystem and freely available resources. -h2. "RawLine":/rawline/ +h3. "RawLine":/rawline/ Rawline is a Ruby library which provides a subset of the functionality of the C Readline library. Being implemented in pure Ruby, it gives Ruby developers much more control over key bindings and word completion. -h2. "Concatenative":/concatenative/ +h3. "Concatenative":/concatenative/ A Ruby DSL for concatenative programming. Although quite slow if compared to other concatenative languages like Factor, it implements all the most common concatenative combinator and makes it possible to use Ruby objects in a concatenative way. -h2. "Herald Vim Color Scheme":/herald-vim-color-scheme/ +h3. "Herald Vim Color Scheme":/herald-vim-color-scheme/ A dark, easy-to-read color scheme for the Vim text editor. It can be used with 255, 16 or 8 colors.
M
content/styles/_elements.less
→
content/styles/_elements.less
@@ -151,7 +151,7 @@ #site-footer {
padding-top: 5px; font-size: 13px; color: @light-text-alt; - h1 { + h2 { color: @light-text-alt; } .copyright {
M
content/styles/_typography.less
→
content/styles/_typography.less
@@ -45,16 +45,6 @@
li, dt, dd { line-height: 1.8em } - ul { - list-style-type: none; - li { - .h3-diamonds; - &:before { - font-size: 12px; - .h3raldicon; - } - } - } .article-info li, .dropdown-menu li { &:before { content: none;@@ -67,11 +57,11 @@ }
/* Headings */ -#main-content > article h1 { +#main-content > article h2 { line-height: 1em; font-size: 1.6em; } -#main-content > article h2 { +#main-content > article h3 { margin-top: 0; line-height: 1em; font-size: 1.3em;@@ -85,12 +75,12 @@ margin-top: 0;
margin-bottom: 0; } -#secondary-content > article h1 { +#secondary-content > article h2 { line-height: 1.2em; font-size: 1.3em; } -#secondary-content > article h2 { +#secondary-content > article h3 { margin-top: 0; line-height: 1em; color: lighten(@text-color, 20%);@@ -99,7 +89,7 @@ font-style: italic;
} #body-text section header h1, -footer h1, +footer h2, #body-text h2 { font-size: 1.8em; }@@ -152,7 +142,7 @@ border-bottom: none;
font-weight: 400; } -#body-text .projects-page h2 { +#body-text .projects-page h3 { .h3-vial; margin-top: 1.2em; font-size: 1.5em;@@ -164,7 +154,7 @@ }
.article-aggregation i { &:before { - color: @light-text; + color: #b3b3b3; } }
M
layouts/article_box.erb
→
layouts/article_box.erb
@@ -3,9 +3,9 @@ filter: erb
----- <article id="a_<%= @item[:permalink] %>"> <header> - <h1><a href="<%= @item.identifier %>"><%= @item[:title]%></a></h1> + <h2><a href="<%= @item.identifier %>"><%= @item[:title]%></a></h2> <% unless @item[:subtitle].blank? then %> - <h2><%= @item[:subtitle] %></h2> + <h3><%= @item[:subtitle] %></h3> <% end %> </header> </article>
M
layouts/article_intro.erb
→
layouts/article_intro.erb
@@ -6,20 +6,20 @@ author = @item[:author] || "Fabio Cevasco"
intro = @extended ? @item[:intro].to_s+"\n\n"+@item[:extended_intro].to_s : @item[:intro] %><article id="a_<%= @item[:permalink] %>"> <header> - <h1><a href="<%= @item.identifier %>"><%= @item[:title]%></a></h1> + <h2><a href="<%= @item.identifier %>"><%= @item[:title]%></a></h2> <% unless @item[:subtitle].blank? then %> - <h2><%= @item[:subtitle] %></h2> + <h3><%= @item[:subtitle] %></h3> <% end %> <p class="pubdate pull-right"><i class="h3-quill-ink"></i> <time datetime="<%= @item[:date].to_iso8601_time %>"><%= @item[:date].strftime("%A, %B %d %Y") %></time></p> <div class="clearfix"></div> </header> - <section class="<%= @classes %>"> + <div 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 href="<%= @item.identifier %>">Continue reading →</a></p> - </section> + </div> <hr /> </article>
M
layouts/comments.erb
→
layouts/comments.erb
@@ -2,14 +2,20 @@ -----
filter: erb ----- -<section id="disqus_thread"></section> - <script type="text/javascript"> - var disqus_identifier = "<% @item[:permalink]%>"; - var disqus_developer = true; - (function() { - var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; - dsq.src = 'https://h3rald.disqus.com/embed.js'; - (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); - })(); - </script> - <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript=h3rald">comments powered by Disqus.</a></noscript> +<div id="disqus_thread"></div> +<script> + var disqus_config = function () { + this.page.url = 'https://h3rald.com/articles/<%= @item[:permalink] %>/'; // Replace PAGE_URL with your page's canonical URL variable + this.page.identifier = 'articles/<%= @item[:permalink] %>'; // Replace PAGE_IDENTIFIER with your page's unique identifier variable + }; + (function() { // DON'T EDIT BELOW THIS LINE + var d = document, s = d.createElement('script'); + + s.src = '//h3rald.disqus.com/embed.js'; + + s.setAttribute('data-timestamp', +new Date()); + (d.head || d.body).appendChild(s); + })(); +</script> +<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript> +<script id="dsq-count-scr" src="//h3rald.disqus.com/count.js" async></script>
M
layouts/default.erb
→
layouts/default.erb
@@ -56,9 +56,9 @@ <%= yield %>
<% else %> <article class="page"> <%= render 'page_meta', :item => @item %> - <section id="body-text" class="hyphenate"> + <div id="body-text" class="hyphenate"> <%= yield %> - </section> + </div> </article> <% if @item[:type] == 'article' then %> <%= render 'legacy_comments', :item => @item if @item[:comments] %>@@ -67,20 +67,6 @@ <% end %>
<% end %> </main> <%= render 'footer' %> - <% if @item[:type] == 'article' then %> - <script type="text/javascript"> - var disqus_shortname = 'h3rald'; - - (function() { - var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; - dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js'; - (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); - })(); - </script> - <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript> - <a href="https://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a> - - <% end %> <script> hljs.tabReplace = ' '; hljs.initHighlightingOnLoad();
M
layouts/header.erb
→
layouts/header.erb
@@ -20,7 +20,7 @@ <span class="icon-bar"></span>
<span class="icon-bar"></span> </button> <h1 class="navbar-brand"> - <a href="/" class="h3rald h3rald-header"></a> + <a href="/" class="h3rald h3rald-header"> </a> </h1> </div> <div class="navbar-collapse collapse">
M
layouts/page_meta.erb
→
layouts/page_meta.erb
@@ -4,20 +4,18 @@ -----
<% author = @item[:author] || "Fabio Cevasco" pdf = false#%{<a href="/articles/#{@item[:permalink]}.pdf"><i class="fa fa-download"> </i>Download as PDF</a>} if @item[:pdf] -%><header class="row"> - <hgroup class="col-md-9"> - <h1><%= @item[:title] %></h1> +%><div class="row"> + <header class="col-md-9"> + <h2><%= @item[:title] %></h2> <% if !@item[:subtitle].blank? then %> - <h2><%= @item[:subtitle] %></h2> + <h3><%= @item[:subtitle] %></h3> <% end %> - </hgroup> + </header> <% if @item[:type] == 'article' then %> <ul class="list-unstyled article-info col-md-3"> - <li> - <i class="h3-quill-ink"></i> <time datetime="<%= @item[:date].to_iso8601_time %>"><%= @item[:date].strftime("%A, %B %d %Y") %></time> + <li><i class="h3-quill-ink"></i> <time datetime="<%= @item[:date].to_iso8601_time %>"><%= @item[:date].strftime("%A, %B %d %Y") %></time></li> <li><i class="h3-tags"></i> <%= tags_for(@item) %></li> - </li> <%= "<li>#{pdf}</li>" if pdf %> - </p> - <% end %> -</header> + </ul> + <% end %> +</div>