While the deployment of the application on the server works perfectly, there seems to be an issue on the website itself. The content is displayed without the CSS styles.
Original Website link:
This problem is not present when accessing the application locally. It should resemble the following:
The logs from Heroku can be seen using the command heroku logs --tail.
2020-07-23T17:48:24.825819+00:00 app[web.1]: 10.143.53.219 - - [23/Jul/2020:17:48:24 +0000] "GET /about_Rio/ HTTP/1.1" 200 882 "http://riorana95.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.89 Safari/537.36"
...
more log entries
...
Python code snippet:
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def home():
return render_template("Journey.html")
@app.route('/about_Rio/')
def about():
return render_template("About Rio.html")
if __name__ == "__main__":
app.run(debug=True)
CSS file snippet:
body {
margin: 0;
padding: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #060;
...
additional CSS styling rules here
...
}