PushingScores/templates/layout.html

135 lines
3.4 KiB
HTML
Raw Normal View History

2019-12-15 00:50:38 +01:00
<!DOCTYPE html>
2020-01-12 01:55:01 +01:00
<html lang="en">
2019-12-15 00:50:38 +01:00
<head>
<meta charset="utf-8">
2020-01-11 20:06:52 +01:00
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2019-12-15 00:50:38 +01:00
<title>Pushing Scores</title>
<link rel="stylesheet" href="{{ url_for('static', filename='/css/style.css') }}">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$( document ).ready(function() {
var bodyWidth = $(window).width()- $("#generate-button").width();
var bodyHeight = $(window).height()- $("#generate-button").width();
var randPosXabout = Math.floor(Math.random() * (bodyWidth + 1));
var randPosYabout = Math.floor(Math.random() * (bodyHeight + 1));
$('#generate-button-about').css('left', randPosXabout);
$('#generate-button-about').css('top', randPosYabout);
var randPosXindex = Math.floor(Math.random() * (bodyWidth + 1));
var randPosYindex = Math.floor(Math.random() * (bodyHeight + 1));
$('#generate-button-index').css('left', randPosXindex);
$('#generate-button-index').css('top', randPosYindex);
var randPosX = Math.floor(Math.random() * (bodyWidth + 1));
var randPosY = Math.floor(Math.random() * (bodyHeight + 1));
$('#generate-button').css('left', randPosX);
$('#generate-button').css('top', randPosY);
});
</script>
</head>
<body>
2019-05-20 15:56:54 +02:00
2019-05-29 11:54:46 +02:00
<div id="wrapper">
<div id="top">
<!-- WORDPATH -->
<div id="thewordpath">
2019-12-15 00:50:38 +01:00
{% if functionsession %}[<a href='/clear' title='Clear current score'>x</a>]{% endif %}
{% for item in functionsession %}
<span class="word">{{ item }} ▶ </span>
{% endfor %}
2019-05-29 11:54:46 +02:00
</div>
</div>
2019-05-20 15:56:54 +02:00
2019-05-29 11:54:46 +02:00
<div id="bottom">
2019-12-15 00:50:38 +01:00
<!-- THE REST -->
<header>
<div id="logobox">
<h1 class="logo"><a href="{{ url_for('home') }}">Pushing Scores</a></h1>
</div>
</header>
{% block content %}
{% endblock content %}
<!--about button-->
<a href="{{ url_for('about') }}">
<div class="generate-button-about" id="generate-button-about">
<span>a
<span>b
<span>o
<span>u
<span>t
2019-12-16 13:37:40 +01:00
<span>
<span>t
<span>h
<span>i
<span>s
<span>
<span>a
<span>r
<span>c
<span>h
<span>i
<span>v
<span>e
</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
2019-12-15 00:50:38 +01:00
</div>
</a>
<!--end about button-->
<!--index button-->
<a href="{{ url_for('index') }}">
<div class="generate-button-index" id="generate-button-index">
2019-12-16 14:43:03 +01:00
<span>l
2019-12-15 00:50:38 +01:00
<span>i
2019-12-16 14:43:03 +01:00
<span>s
<span>t
<span>
<span>o
<span>f
<span>
<span>i
<span>t
2019-12-15 00:50:38 +01:00
<span>e
2019-12-16 14:43:03 +01:00
<span>m
<span>s
<span>
</span></span></span></span></span></span></span></span></span></span></span></span></span></span>
2019-12-15 00:50:38 +01:00
</div>
</a>
<!--end index button-->
<!--start generate score button-->
<a href="{{ url_for('get_file') }}">
<div class="generate-button" id="generate-button">
<span>G
<span>e
<span>n
<span>e
<span>r
<span>a
<span>t
<span>e
<span>
<span>s
<span>c
<span>o
<span>r
<span>e
<span>!
2020-01-11 20:06:52 +01:00
</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
2019-12-15 00:50:38 +01:00
</div>
</a>
<!---end button-->
2019-05-26 20:34:46 +02:00
2019-05-29 11:54:46 +02:00
</div>
</div>
2019-12-15 00:50:38 +01:00
</body>
</html>