Improve event display

Author: Florent Biville

_data/events.yml

@@ -1,13 +1,9 @@
 upcoming:
   - name: Paris 2020
     url: https://paris-2020.hack-commit-pu.sh/
-    short_desc: 👋 Join us<br/>on June 6th! 👋
 
   - name: More to come
-    url: https://hack-commit-pu.sh/
-    short_desc: 👂 Stay Tuned! 👂
 
 past:
   - name: Paris 2019
-    url: https://paris-2019.hack-commit-pu.sh/
-    short_desc: 🚀 1st edition<br/>...ever! 🚀
+    url: https://paris-2019.hack-commit-pu.sh/

_includes/_events.html

@@ -10,10 +10,15 @@
 	<div class="grid_item col-xs-12 col-sm-4">
 			{% endif %}
 		{% endif %}
-		<a href="{{event.url}}" rel="noopener" target="_blank">
-			<p class="wow bounceIn name">{{event.name}}</p>
-			<p class="short_desc">{{event.short_desc}}</span></p>
-		</a>
+		<div class="event">
+			{% if event.url != nil %}
+			<a href="{{event.url}}" rel="noopener" target="_blank">
+			{% endif %}
+			<span class="wow bounceIn name">{{event.name}}</span>
+			{% if event.url != nil %}
+			</a>
+			{% endif %}
+		</div>
 	</div>
 	{% endfor %}
 </div>

css/main.scss

@@ -210,36 +210,29 @@ header .header-content {
 		margin-bottom: 2vh;
 	}
 
-	a {
-		min-height: 15vh;
-		width: 75%;
-		margin: 0 auto;
-		display: flex;
-		flex-direction: column;
-		.name {
-			font-weight: bold;
-		}
-		.short_desc {
-			color: $text-color;
-			visibility: hidden;
-		}
-	}
-
-	a:hover {
-		.short_desc {
-			visibility: visible;
+	.event {
+		height: 10vh;
+		width: 10vh;
+		&, a {
+			margin: 0 auto;
+			display: flex;
+			justify-content: center;
+			align-items: center;
 		}
+		.name {
+			margin-bottom: 0;
+		}	
 	}
 }
 
 #upcoming {
-	a {
+	.event {
 		background-color: $theme-primary;
 	}
 }
 
 #past {
-	a {
+	.event {
 		background-color: $secondary-color;
 	}
 }