1 files changed, 92 insertions, 10 deletions

diff --git a/assets/style.css b/assets/style.css
index a2116ff..93218a0 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -95,6 +95,26 @@ h6 {
 	font-weight: 300;
 }
 
+tbody tr.even {
+	background: #f8f8f8;
+}
+
+table td {
+	padding: 0.3em;
+}
+
+table th {
+	padding: 0.5em;
+	border-bottom: 1pt solid #777;
+}
+
+blockquote {
+	border-left: 0.5em solid #eee;
+	padding-left: 1em;
+}
+
+/* the "side" infobox */
+
 .sidebox ol {
 	padding-left: 1em;
 	margin: 0;
@@ -112,6 +132,8 @@ h6 {
 	text-align: right;
 }
 
+/* search form and related stuff */
+
 .search-form-wrap {
 	text-align: center;
 	font-size: 120%;
@@ -140,25 +162,68 @@ input.search {
 input, button {
 	font-size: inherit;
 	font-family: inherit;
+	height: 2em;
 }
 
+/* front page */
 
-tbody tr.even {
-	background: #f8f8f8;
+.index-cards {
+	display:flex;
+	justify-content: center;
+	flex-wrap: wrap;
+	align-items: flex-start;
 }
 
-table td {
-	padding: 0.3em;
+.index-card {
+	border: 1pt solid #777;
+	box-shadow: 5pt 5pt 10pt #aaa;
+	border-radius: 1rem;
+	padding: 0.5rem;
+	margin: 0.5rem;
+	width: 6rem;
+	height: 10rem;
+	text-align: center;
 }
 
-table th {
-	padding: 0.5em;
-	border-bottom: 1pt solid #777;
+.index-card a {
+	text-decoration: inherit;
+	color: #777;
 }
 
-blockquote {
-	border-left: 0.5em solid #eee;
-	padding-left: 1em;
+.index-card a:hover {
+	text-decoration: inherit;
+	color: #0ad;
+}
+
+
+.index-card-icon {
+	width: 4rem;
+	height: 4rem;
+	margin: 0.5rem;
+	display: inline-block;
+	background-size: contain;
+	background-repeat: no-repeat;
+}
+
+.index-icon-admin {
+	background-image: url('static/emoji/1f5c2.svg');
+}
+
+.index-icon-it {
+	background-image: url('static/emoji/1f5a5.svg');
+}
+
+.index-icon-lab {
+	background-image: url('static/emoji/1f9ea.svg');
+}
+
+.index-icon-pub {
+	background-image: url('static/emoji/1f4dd.svg');
+}
+
+.index-card-title {
+	font-family: 'Barlow Condensed', sans-serif;
+	font-size: 80%;
 }
 
 /* layout */
@@ -398,6 +463,23 @@ main {
 		flex-grow: 0;
 	}
 
+	.index-card {
+		border-radius: 2rem;
+		padding: 1rem;
+		margin: 1rem;
+		width: 9rem;
+		height: 15rem;
+	}
+
+	.index-card-icon {
+		width:6rem;
+		height:6rem;
+	}
+
+	.index-card-title {
+		font-size: 120%;
+	}
+
 	/* header stuff */
 
 	.topbar-unilu {