| 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 |
|
Index