single.html 4.2 KB

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