effie/eorzea-songbook
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

adds nav to the header

Browse Source
This commit is contained in:
Effie 2023-06-07 20:02:10 +10:00
parent df46e34049
commit 12d51dd7d2
15 changed files with 113 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
app.py
View File

@ -10,17 +10,20 @@ app = flask.Flask('songbook')
# db = sqlite3.connect("file:songbook.sqlite?mode=ro", uri=True)
# return flask.render_template('.jinja',
# return flask.render_template('.html',
# )
# HOMEPAGE
def openbook():
return sqlite3.connect("file:songbook.sqlite?mode=ro", uri=True)
@app.route('/')
def homepage():
return flask.render_template('home.jinja')
return flask.render_template('home.html')
# SONG INDEX
@ -31,7 +34,7 @@ def song_redirect():
@app.route('/index')
def songindex():
db = sqlite3.connect("file:songbook.sqlite?mode=ro", uri=True)
db = openbook()
album_info = db.execute('''
select
@ -56,7 +59,7 @@ def songindex():
track
''').fetchall()
return flask.render_template('songindex.jinja',
return flask.render_template('songindex.html',
album_info=album_info,
song_info=song_info
)
@ -66,7 +69,7 @@ def songindex():
@app.route('/motif')
def motifindex():
db = sqlite3.connect("file:songbook.sqlite?mode=ro", uri=True)
db = openbook()
category_info = db.execute('''
select
@ -86,7 +89,7 @@ def motifindex():
id
''').fetchall()
return flask.render_template('motifindex.jinja',
return flask.render_template('motifindex.html',
category_info = category_info,
motif_info = motif_info
)
@ -96,7 +99,7 @@ def motifindex():
@app.route('/album/<int:id>')
def albumpage(id):
db = sqlite3.connect("file:songbook.sqlite?mode=ro", uri=True)
db = openbook()
album_info = db.execute('''
select
@ -124,7 +127,7 @@ def albumpage(id):
(id,)
).fetchall()
return flask.render_template('album.jinja',
return flask.render_template('album.html',
album_info=album_info,
song_info=song_info
)
@ -134,7 +137,7 @@ def albumpage(id):
@app.route('/motif/<int:id>')
def motifpage(id):
db = sqlite3.connect("file:songbook.sqlite?mode=ro", uri=True)
db = openbook()
# query motif
@ -163,12 +166,13 @@ def motifpage(id):
where
motif_id = ?
order by
feature desc,
song_id
''',
(id,)
).fetchall()
return flask.render_template('motif.jinja',
return flask.render_template('motif.html',
name=name,
clip_info=clip_info
)
@ -178,7 +182,7 @@ def motifpage(id):
@app.route('/song/<int:id>')
def songpage(id):
db = sqlite3.connect("file:songbook.sqlite?mode=ro", uri=True)
db = openbook()
# query song name
@ -250,12 +254,13 @@ def songpage(id):
where
song_id = ?
order by
feature desc,
song_id
''',
(id,)
).fetchall()
return flask.render_template('song.jinja',
return flask.render_template('song.html',
name=name,
id=id,
album_info=album_info,

BIN
reference_clips.ods
View File

Binary file not shown.

2
static/style.css
View File

@ -0,0 +1,2 @@
body{max-width:50rem;margin-left:auto;margin-right:auto;}
nav{}

16
templates/album.html Normal file
View File

@ -0,0 +1,16 @@
{% extends "nav.html" %}
{% block title %}{{ album_info[0] }}{% endblock %}
{% block content %}
<h1>{{ album_info[0] }}</h1>
<p>Released: {{ album_info[1] }}
<!-- List songs -->
<ul>
{% for song_id, track, name, name_jp in song_info %}
<li><a href="{{ url_for('songpage', id=song_id) }}">#{{ track }}: {{name}} / {{name_jp}}</li></a>
{% endfor %}
</ul>
{% endblock %}

16
templates/album.jinja
View File

@ -1,16 +0,0 @@
{% extends "nav.jinja" %}
{% block title %}{{ album_info[0] }}{% endblock %}
{% block content %}
<h1>{{ album_info[0] }}</h1>
<p>Released: {{ album_info[1] }}
<!-- List songs -->
<ul>
{% for song_id, track, name, name_jp in song_info %}
<li><a href="{{ url_for('songpage', id=song_id) }}">#{{ track }}: {{name}} / {{name_jp}}</li></a>
{% endfor %}
</ul>
{% endblock %}

17
templates/base.html Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>{% block title %}{% endblock %} - Eorzea Songbook</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1" />
<meta name="description" content="Listen to the motifs of Final Fantasy XIV's soundtrack." />
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" />
<link rel="icon" sizes="16x16 32x32 48x48" type="image/png" href="" />
</head>
<body>
{% block basecontent %}{% endblock %}
</body>
</html>

17
templates/base.jinja
View File

@ -1,17 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>{% block title %}{% endblock %} - Eorzea Songbook</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1" />
<meta name="description" content="Listen to the motifs of Final Fantasy XIV's soundtrack." />
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" />
<link rel="icon" sizes="16x16 32x32 48x48" type="image/png" href="" />
</head>
<body>
{% block basecontent %}{% endblock %}
</body>
</html>

2
templates/home.jinja → templates/home.html
View File

@ -1,4 +1,4 @@
{% extends "base.jinja" %}
{% extends "base.html" %}
{% block title %}Home{% endblock %}
{% block basecontent %}

23
templates/motif.html Normal file
View File

@ -0,0 +1,23 @@
{% extends "nav.html" %}
{% block title %}{{ name }}{% endblock %}
{% block content %}
<h1> Motif: {{ name }} </h1>
<!-- Clips -->
<p>Clips: </p>
<ul>
{% for song_id, motif_id, song in clip_info %}
<li>
<audio
controls
src = "{{ url_for('static', filename='clip/') }}{{ '%04d' % song_id }}-{{ '%03d' % motif_id }}.flac" type="audio/flac">
</audio>
<a href="/song/{{ song_id }}">{{ song }}</a>
</li>
{% endfor %}
</ul>
{% endblock %}

22
templates/motif.jinja
View File

@ -1,22 +0,0 @@
{% extends "nav.jinja" %}
{% block title %}{{ name }}{% endblock %}
{% block content %}
<h1> Motif: {{ name }} </h1>
<!-- Clips -->
<p>Clips: </p>
<ul>
{% for song_id, motif_id, song in clip_info %}
<li>
<audio
controls
src = "{{ url_for('static', filename='clip/') }}{{ '%04d' % song_id }}-{{ '%03d' % motif_id }}.flac">
</audio>
<a href="/song/{{ song_id }}">{{ song }}</a>
</li>
{% endfor %}
{% endblock %}

2
templates/motifindex.jinja → templates/motifindex.html
View File

@ -1,4 +1,4 @@
{% extends "nav.jinja" %}
{% extends "nav.html" %}
{% block title %}Motif Index{% endblock %}
{% block content %}

23
templates/nav.html Normal file
View File

@ -0,0 +1,23 @@
{% extends "base.html" %}
{% block basecontent %}
<header>
<nav>
<ul>
<li><a href="{{ url_for('songindex') }}">Songs</a></li>
<li><a href="{{ url_for('homepage') }}">Home</a></li>
<li><a href="{{ url_for('motifindex') }}">Motifs</a></li>
</ul>
</nav>
</header>
{% block content %}{% endblock %}
<footer>
<p> The footer will be in here, when it's ready. </p>
</footer>
{% endblock basecontent %}

18
templates/nav.jinja
View File

@ -1,18 +0,0 @@
{% extends "base.jinja" %}
{% block basecontent %}
<header>
<p> The header will be in here. For now, click <a href="{{ url_for('homepage') }}">here</a> to go back to the home page.</p>
</header>
{% block content %}{% endblock %}
<footer>
<p> The footer will be in here, when it's ready. </p>
</footer>
{% endblock basecontent %}

6
templates/song.jinja → templates/song.html
View File

@ -1,4 +1,4 @@
{% extends "nav.jinja" %}
{% extends "nav.html" %}
{% block title %}{{ name }}{% endblock %}
{% block content %}
@ -31,10 +31,10 @@
<li>
<audio
controls
src = "{{ url_for('static', filename='clip/') }}{{ '%04d' % song_id }}-{{ '%03d' % motif_id }}.flac">
src = "{{ url_for('static', filename='clip/') }}{{ '%04d' % song_id }}-{{ '%03d' % motif_id }}.flac" type="audio/flac">
</audio>
<a href = "{{ url_for('motifpage', id=motif_id) }}"> {{ motif }} </a>
</li>
{% endfor %}
</ul>
{% endblock %}

2
templates/songindex.jinja → templates/songindex.html
View File

@ -1,4 +1,4 @@
{% extends "nav.jinja" %}
{% extends "nav.html" %}
{% block title %}Song Index{% endblock %}
{% block content %}