single.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  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. {{ if .IsTranslated }}
  27. - <span>Read in
  28. {{ range .Translations }}
  29. <a href="{{ .Permalink }}">{{ .Lang }}</a>
  30. {{ end }}
  31. </span>
  32. {{ end }}
  33. </div>
  34. <!--end article title-->
  35. <div class="article__body">
  36. {{ .Content }}
  37. </div>
  38. <div class="article__share text-center">
  39. <a class="btn bg--facebook btn--icon" href="#">
  40. <span class="btn__text">
  41. <i class="socicon socicon-facebook"></i>
  42. Share on Facebook
  43. </span>
  44. </a>
  45. <a class="btn bg--twitter btn--icon" href="#">
  46. <span class="btn__text">
  47. <i class="socicon socicon-twitter"></i>
  48. Share on Twitter
  49. </span>
  50. </a>
  51. </div>
  52. </article>
  53. <!--end item-->
  54. </div>
  55. </div>
  56. <!--end of row-->
  57. </div>
  58. <!--end of container-->
  59. </section>
  60. <section class="space--sm">
  61. <div class="container">
  62. <div class="row">
  63. <div class="col-md-12">
  64. <hr>
  65. </div>
  66. </div>
  67. <!--end of row-->
  68. </div>
  69. <!--end of container-->
  70. </section>
  71. <section>
  72. <div class="container">
  73. <div class="row justify-content-center">
  74. <div class="col-md-12 col-lg-12">
  75. <div class="comments">
  76. {{ template "_internal/disqus.html" . }}
  77. </div>
  78. <!--end comments-->
  79. <!-- <div class="comments-form">
  80. <h4>Leave a comment</h4>
  81. <form class="row">
  82. <div class="col-md-6">
  83. <label>Your Name:</label>
  84. <input type="text" name="Name" placeholder="Type name here" />
  85. </div>
  86. <div class="col-md-6">
  87. <label>Email Address:</label>
  88. <input type="email" name="email" placeholder="you@mailprovider.com" />
  89. </div>
  90. <div class="col-md-12">
  91. <label>Comment:</label>
  92. <textarea rows="4" name="Message" placeholder="Message"></textarea>
  93. </div>
  94. <div class="col-md-3">
  95. <button class="btn btn--primary" type="submit">Submit Comment</button>
  96. </div>
  97. </form>
  98. </div> -->
  99. </div>
  100. </div>
  101. <!--end of row-->
  102. </div>
  103. <!--end of container-->
  104. </section>
  105. {{ partial "latest.html" . }}
  106. </div>
  107. {{ partial "footer.html" . }}