post.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <html>
  2. <head>
  3. <meta charset="UTF-8">
  4. <meta name="apple-mobile-web-app-capable" content="yes" />
  5. <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1"/>
  6. <meta name="theme-color" content="#ff9224">
  7. <script src="../../../../script/jquery.min.js"></script>
  8. <link rel="stylesheet" href="../../../../script/semantic/semantic.min.css">
  9. <script src="../../../../script/semantic/semantic.min.js"></script>
  10. <link rel="stylesheet" href="blog.css">
  11. <title>{{blog_title}}</title>
  12. <style>
  13. </style>
  14. </head>
  15. <body>
  16. <div class="ui padded attached black inverted segment">
  17. <br><br>
  18. <a href="../index.html" class="ui container" >
  19. <h1 class="ui header" style="color: white;">
  20. {{blog_title}}
  21. <div class="sub header" style="color: white;">{{blog_subtitle}}</div>
  22. </h1>
  23. </a>
  24. <br><br>
  25. </div>
  26. <br>
  27. <div class="ui container">
  28. <div class="ui segment">
  29. <div class="ui blue ribbon label">{{post_date}}</div>
  30. <h1>{{post_title}}</h1>
  31. <p>{{post_tags}}</p>
  32. <div class="ui divider"></div>
  33. {{post_content}}
  34. <div class="ui divider"></div>
  35. <a href="index.html"><i class="angle left icon"></i> Back</a>
  36. </div>
  37. </div>
  38. <!-- footer -->
  39. <div class="ui container">
  40. <div class="ui divider"></div>
  41. {{footer}}
  42. </div>
  43. </body>
  44. </html>