5 changed files with 118 additions and 55 deletions
@ -1,47 +1,116 @@ |
|||
<!DOCTYPE html> |
|||
<html> |
|||
<head> |
|||
<!DOCTYPE html> |
|||
<html> |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|||
<title>Pushing Scores</title> |
|||
<link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}"> |
|||
</head> |
|||
<body> |
|||
<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> |
|||
|
|||
<div id="wrapper"> |
|||
|
|||
<div id="top"> |
|||
<!-- WORDPATH --> |
|||
<div id="thewordpath"> |
|||
{% if functionsession %}[<a href='/clear' title='Clear current score'>x</a>]{% endif %} |
|||
{% for item in functionsession %} |
|||
<span class="word">{{ item }} ▶ </span> |
|||
{% endfor %} |
|||
{% if functionsession %}[<a href='/clear' title='Clear current score'>x</a>]{% endif %} |
|||
{% for item in functionsession %} |
|||
<span class="word">{{ item }} ▶ </span> |
|||
{% endfor %} |
|||
</div> |
|||
</div> |
|||
|
|||
<div id="bottom"> |
|||
<!-- THE REST --> |
|||
<header> |
|||
<!-- <div class="container"> --> |
|||
<!-- THE REST --> |
|||
<header> |
|||
<div id="logobox"> |
|||
<h1 class="logo"><a href="{{ url_for('home') }}">Pushing Scores</a></h1> |
|||
</div> |
|||
|
|||
<nav> |
|||
<ul class="menu"> |
|||
<li><a href="{{ url_for('about') }}">About</a></li> |
|||
<li><a href="{{ url_for('index') }}">Index</a></li> |
|||
<li><a href="{{ url_for('get_file') }}">Score</a></li> |
|||
</ul> |
|||
</nav> |
|||
<!-- </div> --> |
|||
</header> |
|||
</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 |
|||
</span></span></span></span></span> |
|||
</div> |
|||
</a> |
|||
<!--end about button--> |
|||
|
|||
<!--index button--> |
|||
<a href="{{ url_for('index') }}"> |
|||
<div class="generate-button-index" id="generate-button-index"> |
|||
<span>i |
|||
<span>n |
|||
<span>d |
|||
<span>e |
|||
<span>x |
|||
</span></span></span></span></span> |
|||
</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>y |
|||
<span>o |
|||
<span>u |
|||
<span>r |
|||
<span> |
|||
<span>s |
|||
<span>c |
|||
<span>o |
|||
<span>r |
|||
<span>e |
|||
<span>! |
|||
</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span> |
|||
</div> |
|||
</a> |
|||
|
|||
<!---end button--> |
|||
|
|||
</div> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
|
|||
</body> |
|||
</html> |
|||
|
|||
Loading…
Reference in new issue