App: Separate static CSS

0febf3f4 · Martin Mareš · 06964c67 · 0febf3f4 · 0febf3f4 · 0febf3f4
Commit 0febf3f4 authored Apr 14, 2020 by Martin Mareš
--- a/app/Makefile
+++ b/app/Makefile
 DEST=/srv/mffzoom/app

 install:
-	rsync -av --delete zoom.py templates $(DEST)/
+	rsync -av --delete zoom.py static templates $(DEST)/
 	touch $(DEST)/force-reload
--- a/app/static/mffzoom.css
+++ b/app/static/mffzoom.css
+body {
+	background-color: white;
+	color: black;
+}
+
+#intro {
+	max-width: 50em;
+}
+
+#heading {
+	position: relative;
+	height: 2.5ex;
+}
+
+#schedule {
+	position: relative;
+}
+
+.room {
+	border: 1px solid green;
+}
+
+.slot {
+	border-bottom: 1px solid green;
+}
+
+.slotlabel {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	margin: 0;
+	font-weight: bold;
+}
+
+.roomhead p {
+	text-align: center;
+	font-weight: bold;
+	margin: 0;
+}
+
+.meeting {
+	border: 1px solid blue;
+	background-color: #ccccff;
+	overflow: hidden;
+}
+
+.meeting:hover {
+	background-color: #aaaaff;
+	z-index: 1;
+}
+
+.collision {
+	border: 1px solid red;
+	background-color: #ffcccc;
+}
+
+.collision:hover {
+	background-color: #ffaaaa;
+}
+
+.mtime {
+	margin: 0;
+	font-size: 11px;
+}
+
+.mdesc {
+	margin: 0;
+	margin-top: 0.5ex;
+	font-size: 9px;
+}
--- a/app/templates/main.html
+++ b/app/templates/main.html
 <!DOCTYPE html>
 <html>
 <head>
-	<style>
-		body {
-			background-color: white;
-			color: black;
-		}
-		#intro {
-			max-width: 50em;
-		}
-		#heading {
-			position: relative;
-			height: 2.5ex;
-		}
-		#schedule {
-			position: relative;
-		}
-		.room {
-			border: 1px solid green;
-		}
-		.slot {
-			border-bottom: 1px solid green;
-		}
-		.slotlabel {
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			margin: 0;
-			font-weight: bold;
-		}
-		.roomhead p {
-			text-align: center;
-			font-weight: bold;
-			margin: 0;
-		}
-		.meeting {
-			border: 1px solid blue;
-			background-color: #ccccff;
-			overflow: hidden;
-		}
-		.meeting:hover {
-			background-color: #aaaaff;
-			z-index: 1;
-		}
-		.collision {
-			border: 1px solid red;
-			background-color: #ffcccc;
-		}
-		.collision:hover {
-			background-color: #ffaaaa;
-		}
-		.mtime {
-			margin: 0;
-			font-size: 11px;
-		}
-		.mdesc {
-			margin: 0;
-			margin-top: 0.5ex;
-			font-size: 9px;
-		}
-
-	</style>
+	<title>MFF Zoom Schedule</title>
+	<link rel=stylesheet href="{{ url_for('static', filename='mffzoom.css') }}?v=1" type='text/css' media=all>
 </head>
 <body>
 	<h1>MFF Zoom</h1>