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 © Copyright Dave Gauer<br>
91 </footer>
92 </article>
93
94 <% end %>
95 </body>
96 </html>