partials/sidebar.hbs

   1 <div id="site-sidebar" class="c-site-sidebar">
   2     {{! Sidebar header with blog cover and logo images }}
   3     <div class="c-sidebar-header" style="background-image: url({{@blog.cover_image}})">
   4         <a class="c-sidebar-header__link" href="{{@blog.url}}" title="{{@blog.title}}">
   5             <img class="c-sidebar-header__image" src="{{@blog.logo}}" alt="{{@blog.title}}">
   6         </a>
   7     </div>
   8
   9     {{! Sidebar blog title }}
  10     {{#is "home"}}<h1 class="c-sidebar-blog-title">{{else}}<h2 class="c-sidebar-blog-title">{{/is}}
  11         <a class="c-sidebar-blog-title__link" href="{{@blog.url}}" title="{{@blog.title}}">
  12             {{@blog.title}}
  13         </a>
  14     {{#is "home"}}</h1>{{else}}</h2>{{/is}}
  15
  16     {{! Sidebar blog description }}
  17     <h2 class="c-sidebar-blog-description">
  18         {{@blog.description}}
  19     </h2>
  20
  21     {{! Sidebar contact links }}
  22     <div class="c-sidebar-contact-links">
  23         <a class="c-sidebar-contact-links__item" href="#" target="_blank">
  24             github
  25         </a>
  26
  27         <a class="c-sidebar-contact-links__item" href="#" target="_blank">
  28             twitter
  29         </a>
  30
  31         <a class="c-sidebar-contact-links__item" href="#" target="_blank">
  32             linkedin
  33         </a>
  34
  35         <a class="c-sidebar-contact-links__item" href="#">
  36             email
  37         </a>
  38     </div>
  39
  40     {{! Sidebar navigation - Ghost's menu }}
  41     <!-- {{navigation}} -->
  42
  43     {{! Sidebar promotion / additional links }}
  44     <div class="c-sidebar-promotion-links">
  45         <a class="c-sidebar-promotion-links__item" href="http://www9.open.ac.uk/mct-cc/people/neil.smith" target="_blank">
  46             &bull; Official OU page
  47         </a>
  48
  49         <a class="c-sidebar-promotion-links__item" href="http://oro.open.ac.uk/view/person/ns938.html" target="_blank">
  50             &bull; Publications
  51         </a>
  52
  53         <a class="c-sidebar-promotion-links__item" href="https://www.njae.me.uk" target="_blank">
  54             &bull; Personal site
  55         </a>
  56
  57         <a class="c-sidebar-promotion-links__item" href="/about">
  58             &bull; About
  59         </a>
  60     </div>
  61 </div>