css_sample.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <META http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <META http-equiv="Content-Style-Type" content="text/css">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <link rel="icon" type="image/x-icon" sizes="32x32" href="{{ url_for("static", filename="cv_db/favicon.ico") }}">
  8. {% if js %}
  9. <script type="text/javascript" src="{{ url_for("static", filename="cv_db/js/jquery.js") }}"></script>
  10. <script type="text/javascript">
  11. var do_alert;
  12. $(document).ready( function() {
  13. try {
  14. do_alert = function(s_in) {
  15. s_in = String(s_in).replace("\n", "<br />");
  16. $("#div_alert").show();
  17. //document.getElementById("div_alert").innerHTML = s_in;
  18. $("#div_alert").html(s_in);
  19. }//end of do_alert function
  20. $.fn.redraw =function(){
  21. $(this).each(function(){var redraw =this.offsetHeight;});
  22. };//end of $.fn.redraw function
  23. var s_server_url = "{{ url }}";
  24. $.each($("ul.nav").find("a"), function(ix, a) {
  25. if (s_server_url.endsWith($(a).attr("href"))) { $(a).attr("aria-current", "true"); } else { $(a).attr("aria-current", ""); }
  26. });// end of .each on nav links
  27. // alert([s_url, s_server_url]);
  28. var s_msg = "";
  29. {% with messages = get_flashed_messages() %}
  30. {% if messages %}
  31. s_msg = "{{ messages[-1] }}";
  32. {% endif %}
  33. {% endwith %}
  34. if (String(s_msg).length>0) {
  35. window.setTimeout( function() {
  36. $("#div_alert").toggleClass("warning");
  37. do_alert(s_msg);
  38. }, 300);
  39. }
  40. } catch(e) {
  41. var s_err = String(e.name) + "\nmessage:" + String(e.message);
  42. s_err = (typeof(e.lineNumber)!="undefined") ? s_err + "\nline:" + String(e.lineNumber) : s_err;
  43. alert("Error! " + s_err);
  44. }//end of catch
  45. });//end of document ready
  46. </script>
  47. {% endif %}{# end of js check #}
  48. <title>C.V. Database - Style-sheet Sample Page</title>
  49. <link type="text/css" rel="stylesheet" href="{{ url_for("static", filename="cv_db/css/alteram/styles.css") }}" />
  50. <style>
  51. ul.nav {
  52. text-align: left;
  53. }
  54. ul.nav li {
  55. display: inline-block;
  56. }
  57. </style>
  58. {% block head_extra %}{% endblock head_extra %}
  59. <style>
  60. @font-face {
  61. font-family: CaviarDreams;
  62. src:
  63. local("CaviarDreams"),
  64. url("{{ url_for("static", filename="cv_db/css/alteram/CaviarDreams.woff") }}") format("woff"),
  65. url("{{ url_for("static", filename="cv_db/css/alteram/CaviarDreams.ttf") }}") format('truetype');
  66. font-weight: normal;
  67. }
  68. @font-face {
  69. font-family: CaviarDreams;
  70. src:
  71. local("CaviarDreams"),
  72. url("{{ url_for("static", filename="cv_db/css/alteram/CaviarDreams_Bold.woff") }}") format("woff"),
  73. url("{{ url_for("static", filename="cv_db/css/alteram/CaviarDreams_Bold.ttf") }}") format('truetype');
  74. font-weight: bold;
  75. font-style: normal;
  76. }
  77. body {
  78. background-image: url("{{ url_for("static", filename="cv_db/css/alteram/alteram1_1_600x197.png") }}"); /* Replace with the actual URL */
  79. background-repeat: no-repeat; /* Prevent the image from tiling */
  80. background-position: top center; /* Align the image to the top and center horizontally */
  81. background-attachment: fixed; /* Make the background image fixed relative to the viewport */
  82. background-size: auto; /* Maintain the image's original aspect ratio */
  83. font-family: CaviarDreams;
  84. background-color: white;
  85. color: rgb(39, 37, 92);
  86. }
  87. h2 {
  88. font-family: caviardreams;
  89. font-size: 14pt;
  90. background-color: white;
  91. color: rgb(39, 37, 92);
  92. }
  93. a {
  94. color: rgb(250,122,30);
  95. }
  96. a.visited {
  97. color: rgb(250,122,30);
  98. }
  99. </style>
  100. </head>
  101. <body>
  102. {% from "macros/console.html" import console_replacement %}
  103. {# {{ console_replacement() }} #}
  104. <div><ul class="nav" role="navigation">
  105. {% if current_user %}
  106. <li><a href="{{ url_for("main.index") }}">Landing page</a></li>
  107. {% if current_user.bl_admin %}
  108. <li><a href="{{ url_for("main.qualifications") }}">Qualifications</a></li>
  109. <li><a href="{{ url_for("main.roles") }}">Positions | Roles</a></li>
  110. <li><a href="{{ url_for("main.users") }}">Access User Profiles</a></li>
  111. {% endif %}{# end of checking for bl_admin #}
  112. {% if current_user.bl_capture or current_user.bl_admin %}
  113. <li><a href="{{ url_for("main.capture_record") }}">Capture record</a></li>
  114. {% endif %}{# end of checking if either bl_capture or bl_admin #}
  115. <li><a href="{{ url_for("auth.logout") }}">Logout</a></li>
  116. {% else %}
  117. <li><a href="{{ url_for("auth.login") }}">Login</a></li>
  118. {% endif %}
  119. </ul></div>
  120. <span class="title"><h2>Style-sheet Sample Page</h2></span>
  121. <div class="content">
  122. <div id="div_alert" style="text-align: center;" aria-live="assertive">&nbsp;</div>
  123. <table id="tbl_test" class="multirow">
  124. <thead>
  125. <tr>
  126. <th>Column 1</th><th>Column 2</th><th>Column 3</th>
  127. </tr>
  128. </thead>
  129. <tbody>
  130. <tr>
  131. <td>Data value 1</td><td>Data value 2</td><td><td>Data value 3</td>
  132. </tr>
  133. <tr>
  134. <td>Data value 4</td><td>Data value 5</td><td><td>Data value 6</td>
  135. </tr>
  136. </tbody>
  137. </table>
  138. </div><!-- end of div.content -->
  139. </body>
  140. </html>