colorful rat Ratfactor.com > Dave's Repos

rat-tools

Tools I use to build and maintain this website.
git clone http://ratfactor.com/repos/rat-tools/rat-tools.git

rat-tools/template.html

Download raw file: template.html

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <title><%= _title %> - ratfactor</title> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <link rel="alternate" type="application/atom+xml" href="http://ratfactor.com/atom.xml"> 8 <link rel="stylesheet" href="/css/main.css"> 9 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 10 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 11 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 12 <link type="text/plain" rel="author" href="http://ratfactor.com/humans.txt"> 13 </head> 14 <body> 15 <% if _title == 'Home' %> 16 <!-- super-special home page layout --> 17 <img src="/images/rat-logo.svg" alt="ratfactor rat vector logo" width="100%"> 18 <div class="home-content"> 19 <%= _body %> 20 </div> 21 <% else %> 22 <!-- regular page content --> 23 <nav> 24 <% if _cards %> 25 <a href="/"><img src="/images/rat-logo.svg" alt="vector ratfactor rat logo" width="100"></a> 26 <% else %> 27 <a href="/"><img src="/images/rat-logo.svg" alt="vector ratfactor rat logo" width="200"></a> 28 <% end %> 29 <div class="link-block"> 30 <a href="/">Home</a> | 31 <a href="/about/">About</a> | 32 <a href="/now">Now</a> | 33 <a href="/repos/">Repos</a> | 34 <a href="/cards/">Cards</a> | 35 <a href="/contact-me/">Contact</a> | 36 <a href="/atom.xml">RSS<img src="/images/rss.svg" alt="rss feed icon" width="15" style="width: 15px; top: 3px; position: relative;"></a> 37 </div> 38 </nav> 39 40 <article> 41 <header> 42 <% if _cards %> 43 <div style="border-top: 4px solid #91b5d5; border-bottom: 4px solid #ea596e; padding: 4px; text-align: center; background: #fffad0;"> 44 This is a card in <a href="/cards/">Dave's Virtual Box of Cards</a>. 45 </div> 46 <% end %> 47 <% if _pkgblog %> 48 <img style="float: left" src="/images/slackware/slackware_tux_pipe.png" alt="Slackware's Dobbs Tux with Pipe logo - not created by me"> 49 <br> 50 <a style="font-size: larger" href="/slackware/pkgblog/">Dave's Slackware Package Blog</a> 51 <% end %> 52 <h1><%= _title %></h1> 53 <% if not ( _subtitle.empty? ) %> 54 <div class="subtitle"><%= _subtitle %></div> 55 <% end %> 56 <% if not ( _created.empty? and _updated.empty?) %> 57 <% if not _created.empty? %> 58 <div>Created: <span class="created"><%= _created %></span></div> 59 <% end %> 60 <% if not _updated.empty? %> 61 <div>Updated: <span class="updated"><%= _updated %></span></div> 62 <% if not _updated_reason.empty? %> 63 (<%= _updated_reason %>) 64 <% end %> 65 <% end %> 66 <% end %> 67 </header> 68 69 <% if _draft == 'true' %> 70 <div class="admonitionblock note"> 71 <table><tr><td class="icon"><div class="title">Draft!</div></td> 72 <td class="content"> 73 This page is a draft and may be incomplete, incorrect, or just a 74 stub or outline. I've decided to allow myself to put draft pages on 75 my website as an experiment. I'm hoping they will: 76 <ul> 77 <li>Help me address my backlog of article ideas.</li> 78 <li>Serve as a "living" TODO list of things to work on.</li> 79 <li>Be useful to myself or others in their incomplete forms.</li> 80 </ul> 81 As always, I'm happy to accept feedback on anything I publish 82 including draft content. 83 </td></tr></table> 84 </div> 85 <% end %> 86 <%= _body %> 87 88 <footer class="subdued"> 89 This page was last generated <%= _generated %><br> 90 All content &copy; Copyright Dave Gauer<br> 91 </footer> 92 </article> 93 94 <% end %> 95 </body> 96 </html>