adding music page and profile
This commit is contained in:
parent
d37010a2e2
commit
8de229bf9b
6
main.py
6
main.py
@ -7,9 +7,9 @@ app = Flask(__name__)
|
||||
def main():
|
||||
return render_template('index.html')
|
||||
|
||||
@app.route('/art')
|
||||
def art():
|
||||
return render_template('art.html')
|
||||
@app.route('/music')
|
||||
def music():
|
||||
return render_template('music.html')
|
||||
|
||||
if __name__ == '__main__':
|
||||
app.run(host='127.0.0.1', port=8080, debug=True)
|
||||
|
BIN
static/me.JPG
Normal file
BIN
static/me.JPG
Normal file
Binary file not shown.
After Width: | Height: | Size: 239 KiB |
@ -11,14 +11,12 @@ body {
|
||||
}
|
||||
|
||||
a {
|
||||
|
||||
color: white;
|
||||
font-size: 20px;
|
||||
/*text-shadow: 1px 1px 1px #aaa;*/
|
||||
}
|
||||
|
||||
p {
|
||||
|
||||
color: white;
|
||||
font-size: 20px;
|
||||
padding: 10px;
|
||||
@ -33,6 +31,28 @@ p {
|
||||
div.gallerystrip {
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
margin-top: 15px;
|
||||
box-shadow: 7px 7px 8px #000000;
|
||||
}
|
||||
|
||||
div.profile {
|
||||
background-color: #041617;
|
||||
height: auto;
|
||||
margin-top: 10px;
|
||||
border: 8px solid #1a2324;
|
||||
border-radius: 6px;
|
||||
box-shadow: 7px 7px 8px #000000;
|
||||
}
|
||||
|
||||
div.profile img {
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 10px;
|
||||
border: 8px solid #404c4d;
|
||||
box-shadow: 2px 6px 2px #888888;
|
||||
}
|
||||
|
||||
h1.title {
|
||||
@ -46,7 +66,9 @@ h1.title {
|
||||
width: 45vw;
|
||||
height: 18vw;
|
||||
text-align: center;
|
||||
margin: auto;
|
||||
margin: auto;
|
||||
box-shadow: 4px 4px 8px #000000;
|
||||
|
||||
}
|
||||
|
||||
ul.navbar {
|
||||
@ -74,7 +96,7 @@ ul.navbar li a {
|
||||
padding: 14px 16px;
|
||||
text-decoration: none;
|
||||
-webkit-transition: background-color 0.4s;
|
||||
url_for('static', filename='style.css') transition: background-color 0.4s;
|
||||
transition: background-color 0.4s;
|
||||
}
|
||||
|
||||
ul.navbar a:hover {
|
||||
@ -83,7 +105,7 @@ ul.navbar a:hover {
|
||||
|
||||
ul.navbar li.right {float: right;}
|
||||
|
||||
@media only screen and (max-width: 500px) {
|
||||
@media only screen and (max-width: 550px) {
|
||||
ul.navbar li.right,
|
||||
ul.navbar li {float: none;}
|
||||
}
|
||||
|
@ -13,6 +13,7 @@
|
||||
<br><br>
|
||||
<ul class="navbar">
|
||||
<li><a href="/">home</a></li>
|
||||
<li><a href="/music">music</a></li>
|
||||
<li class="right"><a href="https://www.instagram.com/pack_it_in_/">art ig</a></li>
|
||||
<li class="right"><a href="https://www.last.fm/user/sarsoo">last.fm</a></li>
|
||||
<li class="right"><a href="https://github.com/sarsoo">github</a></li>
|
||||
|
@ -5,7 +5,15 @@
|
||||
{% block content %}
|
||||
|
||||
<div class="row">
|
||||
<p style="text-align:center">electronic engineering student</p>
|
||||
<div class="col-9" style="text-align:center">
|
||||
<p>electronic engineering student / disney intern</p>
|
||||
|
||||
<p>proficient in C, Java, Python</p>
|
||||
</div>
|
||||
<div class="col-3 profile">
|
||||
<img src="{{ url_for('static', filename='me.JPG') }}" height=150>
|
||||
<p style="text-align: center">sarsoo</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="gallerystrip row">
|
||||
|
10
templates/music.html
Normal file
10
templates/music.html
Normal file
@ -0,0 +1,10 @@
|
||||
{% extends 'base.html' %}
|
||||
|
||||
{% block title %}music{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="row">
|
||||
<iframe src="https://open.spotify.com/embed/user/sarsoo/playlist/0toeopPZxOSyawFLTUpT55" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
|
||||
<iframe src="https://open.spotify.com/embed/user/sarsoo/playlist/261sD9dTDllLMq7hiEmWOW" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
|
||||
</div>
|
||||
{% endblock %}
|
Loading…
Reference in New Issue
Block a user