alicestrt/vvvw
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

test audio pop up

Browse Source
This commit is contained in:
nglk 2020-09-09 17:22:48 +02:00
commit 0722a4d6bc
4 changed files with 50 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
hello.py
View File

@ -18,7 +18,7 @@ def dated_url_for(endpoint, **values):
@app.route('/') @app.route('/')
def hello_world(): def hello_world():
return 'Hello, World!' return 'VVVW'
# @app.route('/hello/<name>') # @app.route('/hello/<name>')
@ -28,3 +28,6 @@ def perspectiveB():
@app.route('/perspectiveA/') @app.route('/perspectiveA/')
def perspectiveA(): def perspectiveA():
return render_template('perspectiveA.html') return render_template('perspectiveA.html')
@app.route('/perspectiveC/')
def perspectiveC():
return render_template('perspectiveC.html')

26
static/css/style.css
View File

@ -1,7 +1,10 @@
<<<<<<< HEAD
html { html {
background-color: gray; background-color: gray;
} }
=======
>>>>>>> 8b9db01a45a2a649684b6c229c428187d4edaf29
#video1 { #video1 {
margin-top: 300px; margin-top: 300px;
} }
@ -25,6 +28,7 @@ img {
margin-left: 400px; margin-left: 400px;
} }
<<<<<<< HEAD
/* audio and pop up images */ /* audio and pop up images */
#transcriptWrapper { #transcriptWrapper {
overflow: hidden; overflow: hidden;
@ -37,4 +41,26 @@ img {
.speaking { .speaking {
font-weight: bold; font-weight: bold;
=======
#background_a {
background-image: url("../images/map.png");
background-repeat: no-repeat;
background-color: silver;
}
#poem1 {
width: 40%;
margin-left: 400px;
margin-top: 50px;
}
#poem1:hover {
background-color: white;
}
#background_c {
background-image: url("../images/test2_opacity.jpeg");
>>>>>>> 8b9db01a45a2a649684b6c229c428187d4edaf29
} }

3
templates/perspectiveA.html
View File

@ -7,7 +7,8 @@
<link rel="stylesheet" href="../static/css/style.css?q=1280549780"> <link rel="stylesheet" href="../static/css/style.css?q=1280549780">
<title>Perspective A</title> <title>Perspective A</title>
</head> </head>
<body> <body id="background_a">
<div>
<h1>Perspective A</h1> <h1>Perspective A</h1>
<div id="audio1"> <div id="audio1">
<audio controls src="../static/audio/turkish_march.ogg" type="audio/ogg"></audio> <audio controls src="../static/audio/turkish_march.ogg" type="audio/ogg"></audio>

18
templates/perspectiveC.html Normal file
View File

@ -0,0 +1,18 @@
<!doctype html>
<html>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="../static/js/draggable.js"></script>
<head>
<link rel="stylesheet" href="../static/css/style.css?q=1280549780">
<title>Perspective A</title>
</head>
<body id="background_c">
<div>
<h1>Perspective C</h1>
<div class="draggable">
<img id="poem1" src="../static/images/poem.png" alt="poem">
</div>
</div>
</body>
</html>