git.fiddlerwoaroof.com
static/headlines.mustache.html
b55a8fe2
 <!DOCTYPE html>
 <html lang="en">
   <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# join-marrow: http://ogp.me/ns/fb/join-marrow#">
8aeb7f31
     <base href="https://planet.joinmarrow.com/" />
b55a8fe2
     <meta property="og:type" content="join-marrow:headlines" />
     <meta property="og:title" content="Current Headlines" />
     <meta property="og:site_name" content="Catholic News" />
     <meta property="og:url" content="http://planet.joinmarrow.com/headlines" />
     <meta property="og:image" content="http://planet.joinmarrow.com/planet.joinmarrow.png" />
     <meta property="og:image:width"  content="512" />
     <meta property="og:image:height" content="512" />
     <meta property="og:description" content="Headlines from a collection of Catholic blogs. Visit us to take the pulse of the Catholic internet" />
     <meta property="fb:app_id" content="897925460261572" />
     <base target="_blank" />
     <meta http-equiv="refresh" content="900"> <!-- refresh every 15 minutes -->
 
     <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
     <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
     <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
     <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
     <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
     <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
     <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
     <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
     <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
     <link rel="icon" type="image/png" href="/favicon-194x194.png" sizes="194x194">
     <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
     <link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
     <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
     <link rel="manifest" href="/manifest.json">
     <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
     <meta name="msapplication-TileColor" content="#888888">
     <meta name="msapplication-TileImage" content="/mstile-144x144.png">
     <meta name="theme-color" content="#ffffff">
 
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <title>Catholic Feeds - Headlines</title>
     <link rel="stylesheet" href="headline-style.css">
     <link rel="stylesheet" href="light.css">
     <!-- Piwik -->
     <script type="text/javascript">
       var _paq = _paq || [];
       _paq.push(['trackPageView']);
       _paq.push(['enableLinkTracking']);
       (function() {
        var u="//piwik.elangley.org/";
        _paq.push(['setTrackerUrl', u+'piwik.php']);
        _paq.push(['setSiteId', 1]);
        var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
        g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
        })();
 
 function colorflip() {
   var lightEl = document.querySelector('link[href^=light]');
   var darkEl = document.querySelector('link[href^=dark]');
 
   if (lightEl !== null) {
     lightEl.href = "dark.css"
   } else {
     darkEl.href = "light.css"
   }
 };
 
 </script>
 <noscript><p><img src="//piwik.elangley.org/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript>
 <!-- End Piwik Code -->
 
    </head>
    <body>
      <script type="text/javascript">
        //do work
 
      if (window.location.hash === "#dark") {
        console.log('hi!');
        colorflip();
      }
 
 </script>
 <div id="fb-root"></div>
 <script>(function(d, s, id) {
   var js, fjs = d.getElementsByTagName(s)[0];
   if (d.getElementById(id)) return;
   js = d.createElement(s); js.id = id;
   js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=897925460261572";
   fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));</script>
 
 <header>
 <button class="flip-button" onclick="colorflip()">&hellip;</button>
 <h1>Headlines</h1>
 </header>
 <main>
 {{#columns}}
 <div class="col">
   {{#rows}}
   <article data-date="{{date}}">
   <a href="{{url}}" rel="nofollow">
     <h2>{{headline}}</h2>
     <span class="source">{{url}}</span>
   </a>
   </article>
   {{/rows}}
 </div>
 {{/columns}}
 </main>
    </body>
  </html>