essai look lockin

This commit is contained in:
cedrick2711
2026-08-13 15:53:29 -04:00
parent 5865df400f
commit cb59f84698
3 changed files with 135 additions and 24 deletions
+41 -2
View File
@@ -5,7 +5,46 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}UdeS team manager{% endblock %}</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<script>
// Font detection: prefer local Sora, add html.font-sora-available or html.font-sora-fallback
(function(){
var fontName = 'Sora';
function mark(available){
try { document.documentElement.classList.add(available ? 'font-sora-available' : 'font-sora-fallback'); } catch(e){}
}
if (document.fonts && document.fonts.check) {
// Quick check for regular weight first
try {
if (document.fonts.check('1em "' + fontName + '"')) return mark(true);
} catch(e){}
// Wait briefly for the font to load (up to 1500ms)
var settled = false;
var timeout = setTimeout(function(){ if (!settled) { settled = true; mark(false); } }, 1500);
document.fonts.load('1em "' + fontName + '"').then(function(loaded){
if (settled) return;
settled = true;
clearTimeout(timeout);
// document.fonts.load resolves when font is available; double-check with check()
var ok = document.fonts.check('1em "' + fontName + '"');
mark(!!ok);
}).catch(function(){ if (!settled){ settled = true; clearTimeout(timeout); mark(false); } });
} else {
// Fallback: inject hidden element and compare computed family
var span = document.createElement('span');
span.style.fontFamily = fontName + ', monospace';
span.style.position = 'absolute';
span.style.left = '-9999px';
span.style.visibility = 'hidden';
span.textContent = 'Axm4';
document.head.appendChild(span);
var computed = window.getComputedStyle(span).fontFamily || '';
document.head.removeChild(span);
mark(computed.toLowerCase().indexOf(fontName.toLowerCase()) !== -1);
}
})();
</script>
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🏆</text></svg>">
</head>
<body>
@@ -13,7 +52,7 @@
<nav class="sidebar" id="sidebar">
<div class="sidebar-header">
<div class="logo">
<img src="{{ url_for('static', filename='images/UdeS_logo.png') }}" alt="UdeS Logo" class="logo-img">
<img src="{{ url_for('static', filename='images/Lockin_logo.png') }}" alt="Lockin Logo" class="logo-img">
<span>UdeS team manager</span>
</div>
<div class="user-badge">
@@ -160,7 +199,7 @@
</div>
<div class="auth-container">
<div class="auth-header">
<img src="{{ url_for('static', filename='images/UdeS_logo.png') }}" alt="UdeS Logo" class="auth-logo-img">
<img src="{{ url_for('static', filename='images/Lockin_logo.png') }}" alt="Lockin Logo" class="auth-logo-img">
<h2>UdeS team manager</h2>
<p>UdeS team manager</p>
</div>