Add style

vdusart · Oct 17, 2022 · b0953a3 · b0953a3
1 parent dd513a1
commit b0953a3
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 4 deletions.
diff --git a/app.py b/app.py
@@ -2,10 +2,12 @@
 
 app = Flask(__name__)
 
+url = "https://cytech-calendars.cellar-c2.services.clever-cloud.com/{0}"
+
 
 @app.route('/')
 def index():
-    return render_template('index.html', link="test")
+    return render_template('index.html', linkA=url.format("ING3-CS-A.ics"), linkB=url.format("ING3-CS-B.ics"))
 
 
 @app.route('/', defaults={'path': ''})

diff --git a/static/css/style.css b/static/css/style.css
@@ -0,0 +1,23 @@
+body {
+	background-color: #fad390;
+	font-family: 'Roboto Mono';
+	color: #0c2461;
+	padding-top: 15px;
+}
+
+.wrapper {
+	padding-left: 50px;
+}
+
+h1 {
+	text-align: center;
+}
+
+h2 {
+	text-decoration: underline;
+}
+
+span {
+	color: #079992;
+	font-style: italic;
+}
diff --git a/templates/index.html b/templates/index.html
@@ -2,10 +2,29 @@
 <html lang="en">
 <head>
 	<meta charset="UTF-8">
-	<title>It works!</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	<title>Cybersecurity Calendars</title>
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap">
 </head>
 <body>
-	<h1>Calendar parser works!</h1>
-	<p>ICS link can be found here: {{ link }}</p>
+	<h1>Cybersecurity calendar</h1>
+	<div class="wrapper">
+	<h2>Group A:</h2>
+	<p>ICS link: <span>{{linkA}}</span></p>
+	<h2>Group B:</h2>
+	<p>ICS link: <span>{{linkB}}</span></p>
+
+	<br>
+	<h2>Usage:</h2>
+	<p>You can copy the ics link and import it inside a calendar (Google Calendar, ...).</p>
+	<p>Source code: <a href="https://github.com/vdusart/GSheet2Calendar">GitHub</a></p>
+	<br>
+	<h2>Authors:</h2>
+	<ul>
+		<li>DRAESCHER Lucas</li>
+		<li>DUSART Victor</li>
+	</ul>
+	</div>
 </body>
 </html>