123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <META http-equiv="Content-Type" content="text/html; charset=utf-8">
- <META http-equiv="Content-Style-Type" content="text/css">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="icon" type="image/x-icon" sizes="32x32" href="{{ url_for("static", filename="cv_db/favicon.ico") }}">
- {% if js %}
- <script type="text/javascript" src="{{ url_for("static", filename="cv_db/js/jquery.js") }}"></script>
- <script type="text/javascript">
- var do_alert;
- $(document).ready( function() {
- try {
- do_alert = function(s_in) {
- s_in = String(s_in).replace("\n", "<br />");
- $("#div_alert").show();
- //document.getElementById("div_alert").innerHTML = s_in;
- $("#div_alert").html(s_in);
- }//end of do_alert function
- $.fn.redraw =function(){
- $(this).each(function(){var redraw =this.offsetHeight;});
- };//end of $.fn.redraw function
- var s_server_url = "{{ url }}";
- $.each($("ul.nav").find("a"), function(ix, a) {
- if (s_server_url.endsWith($(a).attr("href"))) { $(a).attr("aria-current", "true"); } else { $(a).attr("aria-current", ""); }
- });// end of .each on nav links
- // alert([s_url, s_server_url]);
- var s_msg = "";
- {% with messages = get_flashed_messages() %}
- {% if messages %}
- s_msg = "{{ messages[-1] }}";
- {% endif %}
- {% endwith %}
- if (String(s_msg).length>0) {
- window.setTimeout( function() {
- $("#div_alert").toggleClass("warning");
- do_alert(s_msg);
- }, 300);
- }
- } catch(e) {
- var s_err = String(e.name) + "\nmessage:" + String(e.message);
- s_err = (typeof(e.lineNumber)!="undefined") ? s_err + "\nline:" + String(e.lineNumber) : s_err;
- alert("Error! " + s_err);
- }//end of catch
- });//end of document ready
- </script>
- {% endif %}{# end of js check #}
- <title>C.V. Database - Style-sheet Sample Page</title>
- <link type="text/css" rel="stylesheet" href="{{ url_for("static", filename="cv_db/css/alteram/styles.css") }}" />
- <style>
- ul.nav {
- text-align: left;
- }
- ul.nav li {
- display: inline-block;
- }
- </style>
- {% block head_extra %}{% endblock head_extra %}
- <style>
- @font-face {
- font-family: CaviarDreams;
- src:
- local("CaviarDreams"),
- url("{{ url_for("static", filename="cv_db/css/alteram/CaviarDreams.woff") }}") format("woff"),
- url("{{ url_for("static", filename="cv_db/css/alteram/CaviarDreams.ttf") }}") format('truetype');
- font-weight: normal;
- }
- @font-face {
- font-family: CaviarDreams;
- src:
- local("CaviarDreams"),
- url("{{ url_for("static", filename="cv_db/css/alteram/CaviarDreams_Bold.woff") }}") format("woff"),
- url("{{ url_for("static", filename="cv_db/css/alteram/CaviarDreams_Bold.ttf") }}") format('truetype');
- font-weight: bold;
- font-style: normal;
- }
- body {
- background-image: url("{{ url_for("static", filename="cv_db/css/alteram/alteram1_1_600x197.png") }}"); /* Replace with the actual URL */
- background-repeat: no-repeat; /* Prevent the image from tiling */
- background-position: top center; /* Align the image to the top and center horizontally */
- background-attachment: fixed; /* Make the background image fixed relative to the viewport */
- background-size: auto; /* Maintain the image's original aspect ratio */
- font-family: CaviarDreams;
- background-color: white;
- color: rgb(39, 37, 92);
- }
- h2 {
- font-family: caviardreams;
- font-size: 14pt;
- background-color: white;
- color: rgb(39, 37, 92);
- }
- a {
- color: rgb(250,122,30);
- }
- a.visited {
- color: rgb(250,122,30);
- }
- </style>
- </head>
- <body>
- {% from "macros/console.html" import console_replacement %}
- {# {{ console_replacement() }} #}
- <div><ul class="nav" role="navigation">
- {% if current_user %}
- <li><a href="{{ url_for("main.index") }}">Landing page</a></li>
- {% if current_user.bl_admin %}
- <li><a href="{{ url_for("main.qualifications") }}">Qualifications</a></li>
- <li><a href="{{ url_for("main.roles") }}">Positions | Roles</a></li>
- <li><a href="{{ url_for("main.users") }}">Access User Profiles</a></li>
- {% endif %}{# end of checking for bl_admin #}
- {% if current_user.bl_capture or current_user.bl_admin %}
- <li><a href="{{ url_for("main.capture_record") }}">Capture record</a></li>
- {% endif %}{# end of checking if either bl_capture or bl_admin #}
- <li><a href="{{ url_for("auth.logout") }}">Logout</a></li>
- {% else %}
- <li><a href="{{ url_for("auth.login") }}">Login</a></li>
- {% endif %}
- </ul></div>
- <span class="title"><h2>Style-sheet Sample Page</h2></span>
- <div class="content">
- <div id="div_alert" style="text-align: center;" aria-live="assertive"> </div>
- <table id="tbl_test" class="multirow">
- <thead>
- <tr>
- <th>Column 1</th><th>Column 2</th><th>Column 3</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Data value 1</td><td>Data value 2</td><td><td>Data value 3</td>
- </tr>
- <tr>
- <td>Data value 4</td><td>Data value 5</td><td><td>Data value 6</td>
- </tr>
- </tbody>
- </table>
- </div><!-- end of div.content -->
- </body>
- </html>
|