layout.html 3.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>{% block title %} {{ title }} {% endblock %}</title>
  7. <meta name="description" content="{% block description %}{% endblock %}">
  8. <meta name="author" content="Kinbrio">
  9. <meta property="og:title" content="{% block title %} {{ title }} {% endblock %}">
  10. <meta property="og:type" content="website">
  11. <meta property="og:url" content="{% block canonical %}{% endblock %}">
  12. <meta property="og:description" content="{% block description %}{% endblock %}">
  13. <meta property="og:image" content="{% block image %}{% endblock %}">
  14. <link rel="icon" href="/fs/favicon.ico">
  15. <link rel="apple-touch-icon" href="/fs/apple-touch-icon.png">
  16. {% block head %}{% endblock %}
  17. </head>
  18. <body>
  19. <nav id="menu">
  20. <div class="row" style="justify-content: center;">
  21. {% if user.key.is_nil() -%}
  22. <div class="col-sm-6 col-md-3 col-lg-2 flex-center" style="justify-content: center; text-align: center">
  23. <a title="Landing page for Kinbrio" href="/">🏠 Home</a>
  24. </div>
  25. <div class="col-sm-6 col-md-3 col-lg-2 flex-center" style="justify-content: center; text-align: center">
  26. <a title="Login to Kinbrio using your matrix ID" href="/login">🔑 Login</a>
  27. </div>
  28. <div class="col-sm-6 col-md-3 col-lg-2 flex-center" style="justify-content: center; text-align: center">
  29. <a title="Register for Kinbrio using your matrix ID" href="/register">👑 Register</a>
  30. </div>
  31. {% else -%}
  32. <div class="col-sm-6 col-md-3 col-lg-2 flex-center" style="justify-content: center; text-align: center">
  33. <a title="Dashboard for projects, boards, contacts and organization wide notes and documentation" href="/dashboard">🏠 Dashboard</a>
  34. </div>
  35. <div class="col-sm-6 col-md-3 col-lg-2 flex-center" style="justify-content: center; text-align: center">
  36. <a title="Account related settings and actions" href="/account">⚙️ Account</a>
  37. </div>
  38. <div class="col-sm-6 col-md-3 col-lg-2 flex-center" style="justify-content: center; text-align: center">
  39. <a title="Organization related settings and actions" href="/organization/{{user.organization_key}}">🏢 Organization</a>
  40. </div>
  41. <div class="col-sm-6 col-md-3 col-lg-2 flex-center" style="justify-content: center; text-align: center">
  42. <label for="assistant">🤖 AI Assistant</label>
  43. <input class="checkbutton" name="ai-toggle" type="radio" id="assistant">
  44. <div class="backed assistant-window">
  45. <label for="minimize_assistant">🗕 Minimize</label>
  46. <input class="checkbutton" name="ai-toggle" type="radio" id="minimize_assistant">
  47. <iframe style="display:none;" height="800px" width="400px" loading="lazy" src="http://localhost:3000"></iframe>
  48. </div>
  49. </div>
  50. {% endif -%}
  51. <div class="col-sm-6 col-md-3 col-lg-2 flex-center" style="justify-content: center; text-align: center">
  52. <a title="Documentation and tutorials on how to operate Kinbrio to it's fullest extent" target="_blank" href="/documentation">🗎 Documentation</a>
  53. </div>
  54. </div>
  55. </nav>
  56. <div id="content">
  57. {% block content %}{% endblock %}
  58. </div>
  59. <script async src="/fs/js/app.js"></script>
  60. <link rel="stylesheet" defer href="/fs/css/mini-default.min.css">
  61. <link rel="stylesheet" defer href="/fs/css/styles.css">
  62. <footer>
  63. <div class="row" style="justify-content: center;">
  64. <div class="col-sm-12 col-md-12 col-lg-12 flex-center" style="justify-content: center; text-align: center">
  65. <a title="Kinbrio Support. Come chat with us over matrix about questions and issues." target="_blank" href="https://matrix.to/#/#SanturceSoftware:matrix.org">
  66. 💬 Chat with us</a>
  67. </div>
  68. </div>
  69. </footer>
  70. </body>
  71. </html>