|
|
@@ -0,0 +1,146 @@
|
|
|
+<!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>
|
jacob-kruger-work
