layout.ejs 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>NEW_APP_NAME</title>
  5. <% /* Viewport tag for sensible mobile support */ %>
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  7. <% /* Script tags should normally be included further down the page- but scripts
  8. that load fonts are a special exception to the rule. (We include them up here
  9. above the <body> to prevent the page flickering when fonts load.) */ %>
  10. <!-- Font Awesome -->
  11. <script src="https://use.fontawesome.com/96cbd61ead.js"></script>
  12. <% /*
  13. Stylesheets
  14. ========================
  15. Stylesheets can be hard-coded as `<link>` tags, automatically injected
  16. by the asset pipeline between "STYLES" and "STYLES END", or both.
  17. (https://sailsjs.com/docs/concepts/assets/task-automation)
  18. */ %>
  19. <% /* Auto-injected <link> tags: */ %>
  20. <!--STYLES-->
  21. <link rel="stylesheet" href="/dependencies/bootstrap-4/bootstrap-grid.css">
  22. <link rel="stylesheet" href="/dependencies/bootstrap-4/bootstrap-reboot.css">
  23. <link rel="stylesheet" href="/dependencies/bootstrap-4/bootstrap.css">
  24. <link rel="stylesheet" href="/styles/importer.css">
  25. <!--STYLES END-->
  26. </head>
  27. <body>
  28. <div id="page-wrap">
  29. <header id="page-header" class="navbar navbar-expand-sm navbar-dark bg-dark flex-column flex-md-row justify-content-between">
  30. <a class="navbar-brand mr-0" href="/">NEW_APP_NAME</a>
  31. <div class="navbar-nav flex-row">
  32. <!-- LOGGED-IN NAVIGATION -->
  33. <% if(me) { %>
  34. <a class="nav-item nav-link ml-2 ml-md-0 mr-2 mr-md-0" href="/contact">Help</a>
  35. <!-- Only in desktop nav -->
  36. <div class="nav-item dropdown d-none d-sm-block">
  37. <a class="nav-link dropdown-toggle" id="header-account-menu-link" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Account</a>
  38. <div class="dropdown-menu account-menu" aria-labelledby="header-account-menu-link">
  39. <a class="dropdown-item" href="/account">Settings</a>
  40. <a class="dropdown-item" href="/logout">Sign out</a>
  41. </div>
  42. </div>
  43. <!-- Only in mobile nav -->
  44. <a class="nav-item nav-link ml-2 mr-2 d-block d-sm-none" href="/account">Account Settings</a>
  45. <a class="nav-item nav-link ml-2 mr-2 d-block d-sm-none" href="/logout">Sign out</a>
  46. <% } else { %>
  47. <!-- LOGGED-OUT NAVIGATION -->
  48. <a class="nav-item nav-link ml-2 ml-md-0 mr-2" href="/faq">FAQ</a>
  49. <a class="nav-item nav-link ml-2 ml-md-0 mr-2" href="/login">Log in</a>
  50. <!-- Only in desktop nav -->
  51. <div class="form-inline d-none ml-2 d-md-block" >
  52. <a class="btn btn-outline-info" href="/signup">Sign up</a>
  53. </div>
  54. <!-- Only in mobile nav -->
  55. <a class="nav-item nav-link text-info ml-2 d-block d-md-none" href="/signup">Sign up</a>
  56. <% } %>
  57. </div>
  58. </header>
  59. <!-- Alert if email has not been confirmed -->
  60. <% if(me&&me.emailChangeCandidate) { %>
  61. <div class="container-fluid">
  62. <div class="alert alert-secondary mt-2" role="alert">
  63. Your updated email address needs verification. Until you click the link sent to <strong><%= me.emailChangeCandidate %></strong>, you'll still need to sign in as <strong><%= me.emailAddress %></strong>.
  64. </div>
  65. </div>
  66. <% } else if(me&&me.emailStatus === 'unconfirmed') { %>
  67. <div class="container-fluid">
  68. <div class="alert alert-secondary mt-2" role="alert">
  69. Your email address still needs verification. Your account access may be limited until you click the link sent to <strong><%= me.emailChangeCandidate ? me.emailChangeCandidate : me.emailAddress%></strong>.
  70. </div>
  71. </div>
  72. <% } %>
  73. <%- body %>
  74. <footer id="page-footer" class="navbar navbar-light justify-content-between flex-row-reverse">
  75. <div class="nav">
  76. <small class="nav-item"><a class="nav-link text-info" href="/contact">Contact us</a></small>
  77. <small class="nav-item"><a class="nav-link text-info" href="/legal/terms">Terms of Use</a></small>
  78. <small class="nav-item"><a class="nav-link text-info" href="/legal/privacy">Privacy policy</a></small>
  79. <% if(me) { %>
  80. <small class="nav-item"><a class="nav-link text-info" href="/logout">Sign out</a></small>
  81. <% } %>
  82. </div>
  83. <small class="copy">Copyright &copy; 2017 NEW_APP_COMPANY. <br class="xs-only"/>All rights reserved.</small>
  84. </footer>
  85. </div>
  86. <% /*
  87. Client-side JavaScript
  88. ========================
  89. Scripts can be hard-coded as <script> tags, automatically injected
  90. by the asset pipeline between "SCRIPTS" and "SCRIPTS END", or both.
  91. (https://sailsjs.com/docs/concepts/assets/task-automation)
  92. */ %>
  93. <% /* Load Stripe Checkout */ %>
  94. <script src="https://checkout.stripe.com/checkout.js"></script>
  95. <% /* Delete the global `self` to help avoid client-side bugs.
  96. (see https://developer.mozilla.org/en-US/docs/Web/API/Window/self) */ %>
  97. <script>delete window.self;</script>
  98. <% /* Auto-injected <script> tags: */ %>
  99. <!--SCRIPTS-->
  100. <script src="/dependencies/sails.io.js"></script>
  101. <script src="/dependencies/lodash.js"></script>
  102. <script src="/dependencies/jquery.min.js"></script>
  103. <script src="/dependencies/vue.js"></script>
  104. <script src="/dependencies/bootstrap-4/popper.js"></script>
  105. <script src="/dependencies/bootstrap-4/bootstrap.js"></script>
  106. <script src="/dependencies/cloud.js"></script>
  107. <script src="/dependencies/parasails.js"></script>
  108. <script src="/js/cloud.setup.js"></script>
  109. <script src="/js/components/ajax-button.component.js"></script>
  110. <script src="/js/components/ajax-form.component.js"></script>
  111. <script src="/js/components/modal.component.js"></script>
  112. <script src="/js/utilities/is-valid-email-address.js"></script>
  113. <script src="/js/utilities/open-stripe-checkout.js"></script>
  114. <script src="/js/pages/498.page.js"></script>
  115. <script src="/js/pages/account/account-overview.page.js"></script>
  116. <script src="/js/pages/account/change-password.page.js"></script>
  117. <script src="/js/pages/account/edit-profile.page.js"></script>
  118. <script src="/js/pages/contact.page.js"></script>
  119. <script src="/js/pages/dashboard/welcome.page.js"></script>
  120. <script src="/js/pages/entrance/confirmed-email.page.js"></script>
  121. <script src="/js/pages/entrance/forgot-password.page.js"></script>
  122. <script src="/js/pages/entrance/login.page.js"></script>
  123. <script src="/js/pages/entrance/new-password.page.js"></script>
  124. <script src="/js/pages/entrance/signup.page.js"></script>
  125. <script src="/js/pages/faq.page.js"></script>
  126. <script src="/js/pages/homepage.page.js"></script>
  127. <script src="/js/pages/legal/privacy.page.js"></script>
  128. <script src="/js/pages/legal/terms.page.js"></script>
  129. <!--SCRIPTS END-->
  130. </body>
  131. </html>