You are linking to the endpoints incorrectly. Remove the .html
in the links and you should be fine.
<ol class="naviA">
<li class="navi">
<li class="navi"><a class="navi" href="/image"><p>Image</p></a></li>
<li class="navi"><a class="navi" href="/music"><p>Music</p></a></li>
<li class="navi"><a class="navi" href="/video"><p>Video</p></a></li>
<li class="navi"><a class="navi" href="/link"><p>Links</p></a></li>
<li class="navi"><a class="navi" href="/storage"><p>Storage</p></a></li>
</li>
</ol>
If you look at your @app.route
-decorators, they define the endpoint as so:
@app.route('/image')
def image():
return render_template('image.html')
This means that you now have a URL which ends at /image
. The template surely ends with .html
but your flask app does not serve such an endpoint, it loads that template and fills it with data your functions provide.