index.mak 4.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset='utf-8' />
  5. <meta name="viewport" content="width=device-width, user-scalable=no">
  6. <title>Tracim</title>
  7. <link rel='shortcut icon' type='image/x-icon' href='/asset/favicon.ico' >
  8. <link rel="stylesheet" type="text/css" href="/asset/font/font-awesome-4.7.0/css/font-awesome.css">
  9. <link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700" rel="stylesheet">
  10. <!--
  11. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
  12. -->
  13. <link rel="stylesheet" type="text/css" href="/asset/hamburger/hamburgers.min.css">
  14. <link rel="stylesheet" type="text/css" href="/asset/bootstrap/bootstrap-4.0.0-beta.css">
  15. <style>
  16. <%
  17. primary = colors['primary']
  18. html_class = '.primaryColorFont{state}'
  19. param = 'color'
  20. color_change_value = 15
  21. %>
  22. ${html_class.replace('{state}', '')} { ${param}: ${primary.hexcode}; }
  23. ${html_class.replace('{state}', 'Darken')} { ${param}: ${primary.darken(color_change_value).hexcode}; }
  24. ${html_class.replace('{state}', 'Lighten')} { ${param}: ${primary.brighten(color_change_value).hexcode}; }
  25. <% html_class = '.primaryColorFont{state}Hover.hover' %>
  26. ${html_class.replace('{state}', '')} { ${param}: ${primary.hexcode}; }
  27. ${html_class.replace('{state}', 'Darken')} { ${param}: ${primary.darken(color_change_value).hexcode}; }
  28. ${html_class.replace('{state}', 'Lighten')} { ${param}: ${primary.brighten(color_change_value).hexcode}; }
  29. <%
  30. html_class = '.primaryColorBg{state}'
  31. param = 'background-color'
  32. %>
  33. ${html_class.replace('{state}', '')} { ${param}: ${primary.hexcode}; }
  34. ${html_class.replace('{state}', 'Darken')} { ${param}: ${primary.darken(color_change_value).hexcode}; }
  35. ${html_class.replace('{state}', 'Lighten')} { ${param}: ${primary.brighten(color_change_value).hexcode}; }
  36. <% html_class = '.primaryColorBg{state}Hover.hover'%>
  37. ${html_class.replace('{state}', '')} { ${param}: ${primary.hexcode}; }
  38. ${html_class.replace('{state}', 'Darken')} { ${param}: ${primary.darken(color_change_value).hexcode}; }
  39. ${html_class.replace('{state}', 'Lighten')} { ${param}: ${primary.brighten(color_change_value).hexcode}; }
  40. <%
  41. param = 'border-color'
  42. html_class = '.primaryColorBorder{state}'
  43. %>
  44. ${html_class.replace('{state}', '')} { ${param}: ${primary.hexcode}; }
  45. ${html_class.replace('{state}', 'Darken')} { ${param}: ${primary.darken(color_change_value).hexcode}; }
  46. ${html_class.replace('{state}', 'Lighten')} { ${param}: ${primary.brighten(color_change_value).hexcode}; }
  47. <% html_class = '.primaryColorBorder{state}Hover.hover' %>
  48. ${html_class.replace('{state}', '')} { ${param}: ${primary.hexcode}; }
  49. ${html_class.replace('{state}', 'Darken')} { ${param}: ${primary.darken(color_change_value).hexcode}; }
  50. ${html_class.replace('{state}', 'Lighten')} { ${param}: ${primary.brighten(color_change_value).hexcode}; }
  51. </style>
  52. </head>
  53. <body>
  54. <div id='content'></div>
  55. <script type='text/javascript' src='/asset/tracim.vendor.bundle.js'></script>
  56. <script type='text/javascript' src='/asset/tracim.app.entry.js'></script>
  57. <script type='text/javascript' src='/app/workspace.app.js'></script>
  58. % for app in applications:
  59. <script type='text/javascript' src='/app/${app.minislug}.app.js'></script>
  60. %endfor
  61. <script type='text/javascript' src='/app/admin_workspace_user.app.js'></script>
  62. <script type='text/javascript' src='/asset/bootstrap/jquery-3.2.1.js'></script>
  63. <script type='text/javascript' src='/asset/bootstrap/popper-1.12.3.js'></script>
  64. <script type='text/javascript' src='/asset/bootstrap/bootstrap-4.0.0-beta.2.js'></script>
  65. <script type='text/javascript' src='/asset/tinymce/js/tinymce/jquery.tinymce.min.js'></script>
  66. <script type='text/javascript' src='/asset/tinymce/js/tinymce/tinymce.min.js'></script>
  67. <script type='text/javascript' src='/asset/tracim/appInterface.js'></script>
  68. <script type='text/javascript' src='/asset/tracim/tinymceInit.js'></script>
  69. </body>
  70. </html>