fixezs

Author: Lau Skeeter

speakers.js

@@ -2,14 +2,12 @@ module.exports = [
 	{
 		filename: 'kate',
 		name: 'Kate Beard',
-		talk: ' typescript made enjoyable',
 		photo:
 			'https://pbs.twimg.com/profile_images/1123259650126774272/KOE88EYU_reasonably_small.jpg',
 	},
 	{
 		filename: 'sara',
 		name: 'Sara Vieira',
-		talk: 'No. typescript will NEVER be enjoyable',
 		photo:
 			'https://pbs.twimg.com/profile_images/1092069028154216449/M-yDW4aY_400x400.jpg',
 	},

src/App.css

@@ -40,14 +40,16 @@
 .canvas main {
 	color: #fff;
 	display: flex;
+	display: flex;
+	align-items: center;
 	font-size: 3em;
 	max-width: 55%;
 }
 
 .canvas[data-video] main {
 	position: absolute;
 	left: 75%;
-	top: 45%;
+	top: 48%;
 }
 
 .canvas[data-video] main h2 {
@@ -66,19 +68,10 @@
 }
 
 .canvas h2 {
-	font-family: 'Neutra Text';
-	margin-top: 0.75em;
-	margin-bottom: 0.125em;
-	font-size: 2em;
-}
-
-.canvas h3 {
 	font-family: 'Roboto Mono';
 	font-weight: 400;
-	color: #e6e2ff;
-	font-size: 1.15em;
+	font-size: 1.5em;
 }
-
 .canvas .fly {
 	position: absolute;
 	bottom: 13%;

src/App.js

@@ -8,10 +8,7 @@ const PrerollScreen = ({ photo, name, talk }) => {
 			<div className="bow" />
 			<main>
 				<img alt="" src={photo} />
-				<div>
-					<h2>{name}</h2>
-					<h3>{talk}</h3>
-				</div>
+				<h2>{name}</h2>
 			</main>
 			<img src={fly} alt="queerJS" className="fly" />
 		</div>
@@ -25,9 +22,7 @@ const VideoScreen = ({ name }) => {
 			<x-video />
 			<x-speaker-video />
 			<main>
-				<div>
-					<h2>{name}</h2>
-				</div>
+				<h2>{name}</h2>
 			</main>
 			<img src={fly} alt="queerJS" className="fly" />
 		</div>