style(index.html): format
This commit is contained in:
@@ -1,54 +1,54 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>judas</title>
|
<title>judas</title>
|
||||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="wrapper">
|
<div id="wrapper">
|
||||||
<header>
|
<header>
|
||||||
<h1><a href="{{ url_for('index.index') }}">judas</a></h1>
|
<h1><a href="{{ url_for('index.index') }}">judas</a></h1>
|
||||||
{% if logged %}
|
{% if logged %}
|
||||||
<p><a class="button" href="{{ url_for('auth.logout') }}">Logout</a></p>
|
<p><a class="button" href="{{ url_for('auth.logout') }}">Logout</a></p>
|
||||||
{% else %}
|
{% else %}
|
||||||
<p><a class="button" href="{{ url_for('auth.login') }}">Login</a></p>
|
<p><a class="button" href="{{ url_for('auth.login') }}">Login</a></p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</header>
|
</header>
|
||||||
<main class="center">
|
<main class="center">
|
||||||
<div>
|
<div>
|
||||||
<p>Welcome to</p>
|
<p>Welcome to</p>
|
||||||
<h2 id="typing-text" style="font-size: 3rem;">judas</h2>
|
<h2 id="typing-text" style="font-size: 3rem;">judas</h2>
|
||||||
<p>a remote PC fleet management system</p>
|
<p>a remote PC fleet management system</p>
|
||||||
</div>
|
</div>
|
||||||
<p style="color: #bf616a;"><strong>Notice:</strong> Please use this system responsibly and in accordance with all applicable laws and organizational policies.</p>
|
<p style="color: #bf616a;"><strong>Notice:</strong> Please use this system responsibly and in accordance with all applicable laws and organizational policies.</p>
|
||||||
{% if logged %}
|
{% if logged %}
|
||||||
<p><a class="button" href="{{ url_for('panel.panel') }}">Go to panel</a></p>
|
<p><a class="button" href="{{ url_for('panel.panel') }}">Go to panel</a></p>
|
||||||
{% else %}
|
{% else %}
|
||||||
<p>Please <a href="{{ url_for('auth.login')}}" class="link">log in</a> to manage your remote PCs.</p>
|
<p>Please <a href="{{ url_for('auth.login')}}" class="link">log in</a> to manage your remote PCs.</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
var i = 0;
|
var i = 0;
|
||||||
var txt = document.getElementById("typing-text").innerHTML;
|
var txt = document.getElementById("typing-text").innerHTML;
|
||||||
var minSpeed = 50;
|
var minSpeed = 50;
|
||||||
var maxSpeed = 200;
|
var maxSpeed = 200;
|
||||||
|
|
||||||
document.getElementById("typing-text").innerHTML = "";
|
document.getElementById("typing-text").innerHTML = "";
|
||||||
|
|
||||||
function typeWriter() {
|
function typeWriter() {
|
||||||
if (i < txt.length) {
|
if (i < txt.length) {
|
||||||
document.getElementById("typing-text").innerHTML += txt.charAt(i);
|
document.getElementById("typing-text").innerHTML += txt.charAt(i);
|
||||||
i++;
|
i++;
|
||||||
|
|
||||||
var randomDelay = Math.floor(Math.random() * (maxSpeed - minSpeed + 1)) + minSpeed;
|
var randomDelay = Math.floor(Math.random() * (maxSpeed - minSpeed + 1)) + minSpeed;
|
||||||
setTimeout(typeWriter, randomDelay);
|
setTimeout(typeWriter, randomDelay);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
typeWriter();
|
typeWriter();
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user