1 | <!DOCTYPE html> |
2 | <html> |
3 | <head> |
4 | <meta http-equiv="content-type" content="text/html; charset=utf-8"> |
5 | <title>$title - Josh Stockin</title> |
6 | <meta name="title" content="$title" /> |
7 | <meta name="description" content="$summary" /> |
8 | <meta property="og:site_name" content="Josh Stockin" /> |
9 | <meta property="og:title" content="$title" /> |
10 | <meta property="og:description" content="$summary" /> |
11 | <meta property="og:type" content="article" /> |
12 | <meta property="og:image" content="/static/favicon.png" /> |
13 | <meta property="og:url" content="https://joshstock.in$permalink" /> |
14 | <link rel="stylesheet" href="/blog.css"> |
15 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
16 | </head> |
17 | <body onscroll="scroll();"> |
18 | <div class="blog-banner" style="background-image: url($banner);"></div> |
19 | <div class="blog-page"> |
20 | <div class="blog-center"> |
21 | <span><a href="/blog"><< Back to archive</a></span> |
22 | <h1 class="blog-top-1" style="margin-top:0">$title</h1> |
23 | <p class="blog-top-2"><code>$date</code></p> |
24 | $content |
25 | <p><a href="$permalink">Article Permalink</a></p> |
26 | <script> |
27 | let blog_center = document.getElementsByClassName("blog-center")[0]; |
28 | let headers = blog_center.getElementsByTagName("h2"); |
29 | for (let i = 0; i < headers.length; i++) { |
30 | let header = headers[i]; |
31 | let inner = header.innerHTML; |
32 | let id = inner.replace(/[^a-z0-9]/gi,"-").toLowerCase(); |
33 | header.id = id; |
34 | header.innerHTML = "<a href=\"#" + id + "\">" + inner + "</a>"; |
35 | }; |
36 | let blog_banner = document.getElementsByClassName("blog-banner")[0]; |
37 | function scroll() { |
38 | blog_banner.style["background-position"] = "50% " + (50 - (window.scrollY/20)).toString() + "%"; |
39 | }; |
40 | scroll(); |
41 | </script> |
42 | <div id="disqus_thread"></div> |
43 | <script> |
44 | var disqus_config = function () { |
45 | this.page.url = "https://joshstock.in$permalink"; |
46 | this.page.identifier = "https://joshstock.in$permalink"; |
47 | }; |
48 | (function() { |
49 | var d = document, s = d.createElement('script'); |
50 | s.src = 'https://joshstockin.disqus.com/embed.js'; |
51 | s.setAttribute('data-timestamp', +new Date()); |
52 | (d.head || d.body).appendChild(s); |
53 | })(); |
54 | </script> |
55 | <noscript><p>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</p></a></noscript> |
56 | $copyright |
57 | </div> |
58 | </div> |
59 | </body> |
60 | </html> |
61 |
|