header.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <!-- Required meta tags -->
  5. <meta charset="utf-8">
  6. <meta name="theme-color" content="#205081" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8. <!-- Bootstrap CSS -->
  9. <link rel="stylesheet" href="{{$.System.PathCssBootstrap}}">
  10. <title>
  11. {{if not (eq $.Data.Module "404")}}
  12. {{if eq $.Data.Module "index"}}
  13. {{$.Data.Page.Name}}
  14. {{else if or (eq $.Data.Module "blog") (eq $.Data.Module "blog-post") (eq $.Data.Module "blog-category")}}
  15. {{if eq $.Data.Module "blog-category"}}
  16. Posts of category "{{$.Data.Blog.Category.Name}}" | Blog
  17. {{else if eq $.Data.Module "blog-post"}}
  18. {{$.Data.Blog.Post.Name}} | Blog
  19. {{else}}
  20. Latest posts | Blog
  21. {{end}}
  22. {{end}}
  23. {{else}}
  24. Error 404
  25. {{end}}
  26. </title>
  27. <meta name="keywords" content="{{$.Data.Page.MetaKeywords}}" />
  28. <meta name="description" content="{{$.Data.Page.MetaDescription}}" />
  29. <link rel="shortcut icon" href="{{$.System.PathIcoFav}}" type="image/x-icon" />
  30. <!-- Template CSS file from template folder -->
  31. <link rel="stylesheet" href="{{$.System.PathThemeStyles}}?v=1">
  32. <!-- Template JavaScript file from template folder -->
  33. <script src="{{$.System.PathThemeScripts}}?v=1"></script>
  34. </head>
  35. <body class="fixed-top-bar1">
  36. <div id="wrap">
  37. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  38. <div class="container">
  39. <a class="navbar-brand" href="/">Fave {{$.System.InfoVersion}}</a>
  40. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
  41. <span class="navbar-toggler-icon"></span>
  42. </button>
  43. <div class="collapse navbar-collapse" id="navbarResponsive">
  44. <ul class="navbar-nav ml-auto">
  45. <li class="nav-item{{if eq $.Data.Page.Alias "/"}} active{{end}}">
  46. <a class="nav-link" href="/">Home</a>
  47. </li>
  48. <li class="nav-item">
  49. <a class="nav-link{{if eq $.Data.Page.Alias "/another/"}} active{{end}}" href="/another/">Another</a>
  50. </li>
  51. <li class="nav-item">
  52. <a class="nav-link{{if eq $.Data.Page.Alias "/about/"}} active{{end}}" href="/about/">About</a>
  53. </li>
  54. <li class="nav-item">
  55. <a class="nav-link{{if or (eq $.Data.Module "blog") (eq $.Data.Module "blog-post") (eq $.Data.Module "blog-category")}} active{{end}}" href="/blog/">Blog</a>
  56. </li>
  57. <li class="nav-item">
  58. <a class="nav-link{{if eq $.Data.Module "404"}} active{{end}}" href="/not-existent-page/">404</a>
  59. </li>
  60. </ul>
  61. </div>
  62. </div>
  63. </nav>
  64. <div id="main">
  65. <div class="bg-fave">
  66. <div class="container">
  67. <h1 class="text-left text-white m-0 p-0 py-5">
  68. {{if not (eq $.Data.Module "404")}}
  69. {{if eq $.Data.Module "index"}}
  70. {{if eq $.Data.Page.Alias "/"}}
  71. Welcome to home page
  72. {{else}}
  73. Welcome to some another page
  74. {{end}}
  75. {{else if or (eq $.Data.Module "blog") (eq $.Data.Module "blog-post") (eq $.Data.Module "blog-category")}}
  76. {{if eq $.Data.Module "blog-category"}}
  77. Blog category
  78. {{else if eq $.Data.Module "blog-post"}}
  79. Blog post
  80. {{else}}
  81. Blog
  82. {{end}}
  83. {{end}}
  84. {{else}}
  85. Oops, page is not found...
  86. {{end}}
  87. </h1>
  88. </div>
  89. </div>
  90. <div class="container clear-top">
  91. <div class="row pt-4">
  92. <div class="col-md-8">