single.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. {{ partial "header.html" . }}
  2. <link rel="stylesheet"
  3. href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.16.2/build/styles/github.min.css">
  4. <script src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.16.2/build/highlight.min.js"></script>
  5. <script>hljs.initHighlightingOnLoad();</script>
  6. <div class="main-container blog-article">
  7. <section>
  8. <div class="container">
  9. <div class="row justify-content-center">
  10. <div class="col-md-12 col-lg-12">
  11. <article>
  12. <div class="article__title text-center">
  13. <h1 class="h2">{{ .Title }}</h1>
  14. <span>{{ .Date.Format "02 January 2006" }} in</span>
  15. <span>
  16. {{ $categories := .Params.categories }}
  17. {{ range $index, $element := $categories }}
  18. <a href="{{ "/categories/" | relLangURL }}{{ $element | urlize }}">{{ $element }}</a>
  19. {{ if (ne (add $index 1) (len $categories)) }}
  20. /
  21. {{ end }}
  22. {{ end }}
  23. </span>
  24. {{ $read := .ReadingTime }}
  25. - <span>{{ .ReadingTime }} minute{{ if gt $read 1 }}s{{ end }} read</span>
  26. </div>
  27. <!--end article title-->
  28. <div class="article__body">
  29. {{ .Content }}
  30. </div>
  31. <div class="article__share text-center">
  32. <a class="btn bg--facebook btn--icon" href="#">
  33. <span class="btn__text">
  34. <i class="socicon socicon-facebook"></i>
  35. Share on Facebook
  36. </span>
  37. </a>
  38. <a class="btn bg--twitter btn--icon" href="#">
  39. <span class="btn__text">
  40. <i class="socicon socicon-twitter"></i>
  41. Share on Twitter
  42. </span>
  43. </a>
  44. </div>
  45. </article>
  46. <!--end item-->
  47. </div>
  48. </div>
  49. <!--end of row-->
  50. </div>
  51. <!--end of container-->
  52. </section>
  53. <section class="space--sm">
  54. <div class="container">
  55. <div class="row">
  56. <div class="col-md-12">
  57. <hr>
  58. </div>
  59. </div>
  60. <!--end of row-->
  61. </div>
  62. <!--end of container-->
  63. </section>
  64. <section>
  65. <div class="container">
  66. <div class="row justify-content-center">
  67. <div class="col-md-12 col-lg-12">
  68. <div class="comments">
  69. {{ template "_internal/disqus.html" . }}
  70. </div>
  71. <!--end comments-->
  72. <!-- <div class="comments-form">
  73. <h4>Leave a comment</h4>
  74. <form class="row">
  75. <div class="col-md-6">
  76. <label>Your Name:</label>
  77. <input type="text" name="Name" placeholder="Type name here" />
  78. </div>
  79. <div class="col-md-6">
  80. <label>Email Address:</label>
  81. <input type="email" name="email" placeholder="you@mailprovider.com" />
  82. </div>
  83. <div class="col-md-12">
  84. <label>Comment:</label>
  85. <textarea rows="4" name="Message" placeholder="Message"></textarea>
  86. </div>
  87. <div class="col-md-3">
  88. <button class="btn btn--primary" type="submit">Submit Comment</button>
  89. </div>
  90. </form>
  91. </div> -->
  92. </div>
  93. </div>
  94. <!--end of row-->
  95. </div>
  96. <!--end of container-->
  97. </section>
  98. {{ partial "latest.html" . }}
  99. </div>
  100. {{ partial "footer.html" . }}