A new Riff-radio.org site with a static approach.

index.html 4.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="description" content="Riff la radio rock">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>Riff | Riff</title>
  8. <link href="assets/css/all-nocdn.css" rel="stylesheet" type="text/css">
  9. <link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml">
  10. <link rel="canonical" href="http://media.pagelibre.org/riff/site/">
  11. <link rel="icon" href="favicon.ico" sizes="16x16">
  12. <!--[if lt IE 9]><script src="assets/js/html5.js"></script><![endif]--><link rel="prefetch" href="posts/welcome-to-nikola.html" type="text/html">
  13. </head>
  14. <body>
  15. <a href="#content" class="sr-only sr-only-focusable">Skip to main content</a>
  16. <!-- Menubar -->
  17. <div class="blog-masthead">
  18. <div class="container">
  19. <!-- This keeps the margins nice -->
  20. <nav class="blog-nav" role="navigation"><a href="#" class="blog-nav-item">Accueil</a>
  21. <a href="pages/about.html" class="blog-nav-item">About Riff</a>
  22. <a href="rss.xml" class="blog-nav-item">RSS feed</a>
  23. </nav>
  24. </div>
  25. <!-- /.container -->
  26. </div>
  27. <!-- End of Menubar -->
  28. <div class="container" id="content" role="main">
  29. <div class="body-content">
  30. <div class="blog-header">
  31. <h1 class="blog-title">
  32. <a href="http://media.pagelibre.org/riff/site/">
  33. <span id="blog-title">Riff</span>
  34. </a>
  35. </h1>
  36. <p class="lead blog-description">Riff la radio rock</p>
  37. </div>
  38. <!--Body content-->
  39. <div class="row">
  40. <div class="col-sm-8 blog-main">
  41. <div class="postindex">
  42. <article class="blog-post h-entry post-text"><header><h2 class="p-name entry-title blog-post-title"><a href="posts/welcome-to-nikola.html" class="u-url">Welcome to Nikola</a></h2>
  43. <div class="metadata blog-post-meta text-justify">
  44. <p class="byline author vcard"><span class="byline-name fn">Roberto Alsina</span></p>
  45. <p class="dateline"><a href="posts/welcome-to-nikola.html" rel="bookmark"><time class="published dt-published" datetime="2012-03-30T23:00:00-03:00" title="2012-03-30 23:00">2012-03-30 23:00</time></a></p>
  46. </div>
  47. </header><div class="e-content entry-content">
  48. <figure><a class="reference external image-reference" href="https://farm1.staticflickr.com/138/352972944_4f9d568680_z.jpg?zz=1"><img alt="Nikola Tesla Corner by nicwest, on Flickr" class="thumbnail" src="https://farm1.staticflickr.com/138/352972944_4f9d568680.jpg"></a>
  49. </figure><p>If you can see this in a web browser, it means you managed to install Nikola,
  50. and build a site using it. Congratulations!</p>
  51. <p>Next steps:</p>
  52. <ul class="simple">
  53. <li><p><a class="reference external" href="pages/handbook.html">Read the manual</a></p></li>
  54. <li><p><a class="reference external" href="https://getnikola.com">Visit the Nikola website to learn more</a></p></li>
  55. <li><p><a class="reference external" href="galleries/demo/">See a demo photo gallery</a></p></li>
  56. <li><p><a class="reference external" href="pages/listings-demo.html">See a demo listing</a></p></li>
  57. <li><p><a class="reference external" href="pages/dr-nikolas-vendetta.html">See a demo of a longer text</a></p></li>
  58. </ul>
  59. <p>Send feedback to <a class="reference external" href="mailto:info@getnikola.com">info@getnikola.com</a>!</p>
  60. </div>
  61. </article>
  62. </div>
  63. </div>
  64. <div class="col-sm-3 col-sm-offset-1 blog-sidebar">
  65. <div class="sidebar-module sidebar-module-inset">
  66. <h4>About</h4>
  67. <div id="shoutcastdiv">
  68. <script type="text/javascript">
  69. refreshdiv();
  70. </script>
  71. </div>
  72. </div>
  73. <div class="sidebar-module">
  74. <h4>Links</h4>
  75. <ol class="list-unstyled">
  76. <li><a href="http://getbootstrap.com/examples/blog/">Bootstrap Blog Theme</a></li>
  77. <li><a href="https://getnikola.com/">Nikola</a></li>
  78. <li><a href="https://twitter.com/mdo">@mdo</a></li>
  79. <li><a href="https://twitter.com/Kwpolska">@Kwpolska</a></li>
  80. <li><a href="https://twitter.com/GetNikola">@GetNikola</a></li>
  81. </ol>
  82. </div>
  83. </div>
  84. <!--End of body content-->
  85. </div>
  86. </div>
  87. </div>
  88. <footer class="blog-footer" id="footer">
  89. Contents © 2023 <a href="mailto:contact@riff-radio.org">Riff</a> - Powered by <a href="https://getnikola.com" rel="nofollow">Nikola</a>
  90. </footer><script src="assets/js/all-nocdn.js"></script><!-- fancy dates --><script>
  91. moment.locale("en");
  92. fancydates(0, "YYYY-MM-DD HH:mm");
  93. </script><!-- end fancy dates --><script>
  94. baguetteBox.run('div#content', {
  95. ignoreClass: 'islink',
  96. captions: function(element) {
  97. return element.getElementsByTagName('img')[0].alt;
  98. }});
  99. </script><script type="text/javascript" src="refresh.js"></script>
  100. </body>
  101. </html>