diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..795a139 --- /dev/null +++ b/Dockerfile @@ -0,0 +1,10 @@ +FROM python:latest + +WORKDIR /usr/src/app + +COPY requirements.txt ./ +RUN pip install --no-cache-dir -r requirements.txt + +COPY . . + +CMD [ "python", "./app.py" ] diff --git a/app.py b/app.py index 9ff42f7..b98cf3d 100644 --- a/app.py +++ b/app.py @@ -1,10 +1,10 @@ -from flask import Flask +from flask import Flask, render_template app = Flask(__name__) @app.route('/') -def hello_world(): - return 'Hello World!' +def index(): + return render_template('index.html') if __name__ == '__main__': app.run(host='0.0.0.0', port=8080) diff --git a/requirements.txt b/requirements.txt new file mode 100644 index 0000000..7e10602 --- /dev/null +++ b/requirements.txt @@ -0,0 +1 @@ +flask diff --git a/static/css/styles.css b/static/css/styles.css new file mode 100644 index 0000000..02ee867 --- /dev/null +++ b/static/css/styles.css @@ -0,0 +1,88 @@ +body { + font-family: Arial, sans-serif; + background-color: #f0f0f0; + margin: 0; + padding: 0; +} + +.container { + max-width: 800px; + margin: 20px auto; + background-color: #fff; + padding: 20px; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + position: relative; +} + +h1 { + margin-top: 0; + font-size: 24px; +} + +table { + width: 100%; + border-collapse: collapse; + margin-top: 20px; +} + +table, +th, +td { + border: 1px solid #ddd; +} + +th, +td { + padding: 12px; + text-align: left; +} + +button { + background-color: #4CAF50; + color: white; + border: none; + padding: 10px 20px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + border-radius: 5px; + cursor: pointer; +} + +.modal { + display: none; + position: fixed; + z-index: 1; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgba(0, 0, 0, 0.4); + padding-top: 60px; +} + +.modal-content { + background-color: #fefefe; + margin: 5% auto; + padding: 20px; + border: 1px solid #888; + width: 80%; + border-radius: 8px; +} + +.close { + color: #aaa; + float: right; + font-size: 28px; + font-weight: bold; +} + +.close:hover, +.close:focus { + color: black; + text-decoration: none; + cursor: pointer; +} \ No newline at end of file diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..d21c5bf --- /dev/null +++ b/templates/index.html @@ -0,0 +1,93 @@ + + + + + + + Paper-Like Website + + + + + +
+

Conditions

+ + + + + + + + + + + + +
IDNameDescription
+
+ + + + + + + + \ No newline at end of file