gripuqam.org/templates/page.tmpl

124 lines
5.3 KiB
Cheetah

<!DOCTYPE html>
<TMPL_IF HTML_LANG_CODE>
<html lang="<TMPL_VAR HTML_LANG_CODE>" dir="<TMPL_VAR HTML_LANG_DIR>" xmlns="http://www.w3.org/1999/xhtml">
<TMPL_ELSE>
<html xmlns="http://www.w3.org/1999/xhtml">
</TMPL_IF>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name='robots' content='max-image-preview:large' />
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://cdpq-palestine.info/">
<meta property="og:type" content="website">
<meta property="og:title" content="<TMPL_VAR TITLE>">
<meta property="og:description" content="<TMPL_VAR WIKINAME>">
<meta property="og:image" content="<TMPL_VAR URL>/og-image.png">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="cdpq-palestine.info">
<meta property="twitter:url" content="https://cdpq-palestine.info/">
<meta name="twitter:title" content="<TMPL_VAR TITLE>">
<meta name="twitter:description" content="<TMPL_VAR WIKINAME>">
<meta name="twitter:image" content="<TMPL_VAR URL>/og-image.png">
<TMPL_IF NAME="META"><TMPL_VAR META></TMPL_IF>
<title><TMPL_VAR TITLE> - <TMPL_VAR WIKINAME></title>
<link rel="icon" type="image/png" href="<TMPL_VAR BASEURL>favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="<TMPL_VAR BASEURL>favicon.svg" />
<link rel="shortcut icon" href="<TMPL_VAR BASEURL>favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="<TMPL_VAR BASEURL>apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="GRIP-UQAM" />
<link rel="manifest" href="<TMPL_VAR BASEURL>site.webmanifest" />
<!-- Bootstrap core CSS -->
<!-- those checksums can be verified with: shasum -b -a 384 $file | xxd -r -p |
base64 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<!-- Custom styles for derivatives -->
<TMPL_IF LOCAL_CSS>
<link rel="stylesheet" href="<TMPL_VAR BASEURL><TMPL_VAR LOCAL_CSS>" type="text/css" />
<TMPL_ELSE>
<link rel="stylesheet" href="<TMPL_VAR BASEURL>css/local.css" type="text/css" />
</TMPL_IF>
<!-- opendyslexic font -->
<link href="<TMPL_VAR BASEURL>css/opendyslexic.css" rel="stylesheet" />
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar navbar-expand-md navbar-light bg-danger text-white border" data-bs-theme="dark">
<div class="container-lg">
<a class="navbar-brand me-auto" href="<TMPL_VAR BASEURL>">
<img alt="<TMPL_VAR WIKINAME>" src="<TMPL_VAR BASEURL>favicon-96x96.png" width="96" height="96" />
</a>
<TMPL_IF OTHERLANGUAGES>
<div class="dropdown ps-2 pe-2">
<button class="btn language-switcher dropdown" type="button" id="language-menu-top" data-bs-toggle="dropdown" aria-expanded="false">
<div class="collapse navbar-collapse float-end ms-1" id="navbar">
<TMPL_VAR LANG_NAME>
</div>
<img src="<TMPL_VAR BASEURL>images/languages.png">
</button>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-lg-start" aria-labelledby="language-menu-top">
<TMPL_LOOP OTHERLANGUAGES>
<li><a href="<TMPL_VAR URL>"><TMPL_VAR LANGUAGE></a></li>
</TMPL_LOOP>
</ul>
</div>
</TMPL_IF>
<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="navbar" class="collapse navbar-collapse">
<TMPL_IF SIDEBAR><TMPL_VAR SIDEBAR></TMPL_IF>
<ul class="nav navbar-nav">
<TMPL_LOOP BOOTMENU>
<TMPL_IF FIRSTNAV>
<li <TMPL_IF ACTIVE>class="active"</TMPL_IF>><a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a></li>
</TMPL_IF>
</TMPL_LOOP>
</ul>
</div>
</div>
</nav>
</header>
<main class="flex-shrink-0 bg-secondary">
<div id="content">
<TMPL_VAR CONTENT>
<TMPL_IF ENCLOSURE>
<section id="enclosure">
<a href="<TMPL_VAR ENCLOSURE>">Download</a>
</section>
</TMPL_IF>
<TMPL_IF TRAILS><TMPL_VAR TRAILS></TMPL_IF>
</div> <!-- /container -->
</main>
<footer class="footer mt-auto py-2 bg-primary bg-opacity-25" role="contentinfo">
<div class="container-lg h-100">
<TMPL_IF FOOTER><TMPL_VAR FOOTER></TMPL_IF>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
</body>
</html>