templates/blog_post.stpl

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <meta charset="UTF-8">
   5     <meta http-equiv="X-UA-Compatible" content="IE-edge">
   6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   7     <meta name="keywords" content="luflow Blog, <%= self.topics_comma_separated %>">
   8     <meta name="description" content="<%= self.snippet %>">
   9     <link type="application/atom+xml" rel="alternate" title="luflow.net — Activity Feed" href="/feeds/blog.atom">
  10     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  11     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  12     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  13     <link rel="icon" type="image/svg+xml" sizes="any" href="/static/img/icon.svg" />
  14     <link rel="manifest" href="/site.webmanifest">
  15     <link rel="stylesheet" href="/static/css/common.css">
  16     <link rel="stylesheet" href="/static/css/elements.css">
  17     <link rel="stylesheet" href="/static/css/buttons.css">
  18     <link rel="stylesheet" href="/static/css/breadcrumbs.css">
  19     <link rel="stylesheet" href="/static/css/header.css">
  20     <link rel="stylesheet" href="/static/css/footer.css">
  21     <link rel="stylesheet" href="/static/css/page.css">
  22     <link rel="stylesheet" href="/static/css/post.css">
  23     <link rel="stylesheet" href="/static/highlight/styles/stackoverflow-light.min.css">
  24     <script src="/static/highlight/highlight.min.js"></script>
  25     <title><%= self.title %> | luflow.net</title>
  26 </head>
  27 <body>
  28     <div id="content">
  29
  30         <% include!("./partials/header.stpl"); %>
  31
  32         <% include!("./partials/blog_post_breadcrumbs.stpl"); %>
  33
  34         <main>
  35             <article class="page-post centered-block limit-width" lang="en">
  36                 <h2><%= self.title %></h2>
  37                 <p class="post-metadata centered-text" lang="en"><%= self.author %> — <%= self.published.to_string() %></p>
  38                 <%- self.html %>
  39                 <% include!("./partials/blog_post_topic_list.stpl"); %>
  40                 <% include!("./partials/blog_post_license_bysa4.0.stpl"); %>
  41             </article>
  42         </main>
  43
  44         <% include!("./partials/footer.stpl"); %>
  45
  46     </div>
  47
  48     <% include!("./partials/script_core.stpl"); %>
  49     <% include!("./partials/script_copy_to_clipboard.stpl"); %>
  50     <% include!("./partials/script_highlight.stpl"); %>
  51     <script>
  52         // make menu item active visually:
  53         let menuItem = document.getElementById("Blog");
  54         if (menuItem)
  55         {
  56             menuItem.classList.add("menu-item-active");
  57         }
  58     </script>
  59
  60 </body>
  61 </html>
  62