Cristina Cochior
4 years ago
5 changed files with 118 additions and 55 deletions
@ -1,47 +1,116 @@ |
|||||
<!DOCTYPE html> |
<!DOCTYPE html> |
||||
<html> |
<html> |
||||
<head> |
<head> |
||||
<meta charset="utf-8"> |
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
<title>Pushing Scores</title> |
<title>Pushing Scores</title> |
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}"> |
<link rel="stylesheet" href="{{ url_for('static', filename='/css/style.css') }}"> |
||||
</head> |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> |
||||
<body> |
<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="wrapper"> |
||||
|
|
||||
<div id="top"> |
<div id="top"> |
||||
<!-- WORDPATH --> |
<!-- WORDPATH --> |
||||
<div id="thewordpath"> |
<div id="thewordpath"> |
||||
{% if functionsession %}[<a href='/clear' title='Clear current score'>x</a>]{% endif %} |
{% if functionsession %}[<a href='/clear' title='Clear current score'>x</a>]{% endif %} |
||||
{% for item in functionsession %} |
{% for item in functionsession %} |
||||
<span class="word">{{ item }} ▶ </span> |
<span class="word">{{ item }} ▶ </span> |
||||
{% endfor %} |
{% endfor %} |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
|
|
||||
<div id="bottom"> |
<div id="bottom"> |
||||
<!-- THE REST --> |
<!-- THE REST --> |
||||
<header> |
<header> |
||||
<!-- <div class="container"> --> |
<div id="logobox"> |
||||
<div id="logobox"> |
<h1 class="logo"><a href="{{ url_for('home') }}">Pushing Scores</a></h1> |
||||
<h1 class="logo"><a href="{{ url_for('home') }}">Pushing Scores</a></h1> |
</div> |
||||
</div> |
</header> |
||||
|
|
||||
<nav> |
{% block content %} |
||||
<ul class="menu"> |
{% endblock content %} |
||||
<li><a href="{{ url_for('about') }}">About</a></li> |
|
||||
<li><a href="{{ url_for('index') }}">Index</a></li> |
<!--about button--> |
||||
<li><a href="{{ url_for('get_file') }}">Score</a></li> |
<a href="{{ url_for('about') }}"> |
||||
</ul> |
<div class="generate-button-about" id="generate-button-about"> |
||||
</nav> |
<span>a |
||||
<!-- </div> --> |
<span>b |
||||
</header> |
<span>o |
||||
|
<span>u |
||||
{% block content %} |
<span>t |
||||
{% endblock content %} |
</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> |
||||
</div> |
</div> |
||||
</body> |
|
||||
</html> |
</body> |
||||
|
</html> |
||||
|
Loading…
Reference in new issue