Update h1 page headers to use Whyte-Medium

mikeh · Nov 22, 2021 · def9bcb · def9bcb
1 parent 67b962f
commit def9bcb
Show file tree

Hide file tree

Showing 10 changed files with 40 additions and 43 deletions.
diff --git a/blog.html b/blog.html
@@ -9,8 +9,8 @@
 	<meta name="robots" content="index, follow">
     <link rel="shortcut icon" type="image/png" href="favicon.png">
 
-	<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?6813">
-	<link rel="stylesheet" type="text/css" href="style.css?4460">
+	<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?944">
+	<link rel="stylesheet" type="text/css" href="style.css?4562">
 	<link rel="stylesheet" type="text/css" href="./css/all.min.css">
 
     <title>Blog</title>
@@ -72,7 +72,7 @@
 	<div class="container bloc-lg bloc-md-lg">
 		<div class="row">
 			<div class="col">
-				<h1 class="mg-md">
+				<h1 class="mg-md h1-style">
 					Pexip Engineering Blog
 				</h1>
 			</div>
@@ -83,13 +83,10 @@ <h1 class="mg-md">
 
 <!-- bloc-14 -->
 <div class="bloc l-bloc" id="bloc-14">
-	<div class="container bloc-lg bloc-no-padding-lg ">
+	<div class="container bloc-lg bloc-no-padding-lg">
 		<div class="row voffset-md">
 			<div class="col-md-4 col-lg-5 offset-lg-0">
 				<img src="img/lazyload-ph.png" data-src="img/Pexip%20scale%20anonymized.png" class="img-fluid mx-auto d-block lazyload" alt="placeholder image" />
-				<h6 class="mg-md h6-style">
-					22 November 2021
-				</h6>
 				<h3 class="mg-md">
 					Scaling Pexip
 				</h3>
@@ -99,9 +96,6 @@ <h3 class="mg-md">
 			</div>
 			<div class="col-md-4 col-lg-5 offset-lg-1">
 				<img src="img/lazyload-ph.png" data-src="img/intern_projects.png" class="img-fluid mx-auto d-block img-intern-projec-style lazyload" alt="placeholder image" />
-				<h6 class="mg-md h6-style">
-					3 November 2021
-				</h6>
 				<h3 class="mg-md">
 					Why Trello rules our world
 				</h3>
@@ -111,23 +105,17 @@ <h3 class="mg-md">
 			</div>
 		</div>
 		<div class="row voffset-md">
-			<div class="col-md-4 col-lg-5 offset-lg-1">
+			<div class="col-md-4 col-lg-5 offset-lg-0">
 				<img src="img/lazyload-ph.png" data-src="img/intern_projects.png" class="img-fluid mx-auto d-block img-intern-projec-style lazyload" alt="placeholder image" />
-				<h6 class="mg-md h6-style">
-					18 October 2021
-				</h6>
 				<h3 class="mg-md">
 					Why Trello rules our world
 				</h3>
 				<p>
 					Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
 				</p>
 			</div>
-			<div class="col-md-4 col-lg-5 offset-lg-0">
+			<div class="col-md-4 col-lg-5 offset-lg-1">
 				<img src="img/lazyload-ph.png" data-src="img/Pexip%20scale%20anonymized.png" class="img-fluid mx-auto d-block lazyload" alt="placeholder image" />
-				<h6 class="mg-md h6-style">
-					26 September 2021
-				</h6>
 				<h3 class="mg-md">
 					Scaling Pexip
 				</h3>
@@ -232,8 +220,8 @@ <h4 class="mg-md text-lg-center footer-pexip-way">
 
 
 <!-- Additional JS -->
-<script src="./js/bootstrap.bundle.min.js?6787"></script>
-<script src="./js/blocs.min.js?5447"></script>
+<script src="./js/bootstrap.bundle.min.js?4199"></script>
+<script src="./js/blocs.min.js?3383"></script>
 <script src="./js/lazysizes.min.js" defer></script><!-- Additional JS END -->
 
 

diff --git a/contact.html b/contact.html
@@ -9,8 +9,8 @@
 	<meta name="robots" content="index, follow">
     <link rel="shortcut icon" type="image/png" href="favicon.png">
 
-	<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?9239">
-	<link rel="stylesheet" type="text/css" href="style.css?651">
+	<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?9542">
+	<link rel="stylesheet" type="text/css" href="style.css?16">
 	<link rel="stylesheet" type="text/css" href="./css/all.min.css">
 
     <title>Contact</title>
@@ -72,7 +72,7 @@
 	<div class="container bloc-lg bloc-md-lg">
 		<div class="row">
 			<div class="col">
-				<h1 class="mg-md">
+				<h1 class="mg-md h1-style ">
 					Our offices
 				</h1>
 			</div>
@@ -188,8 +188,8 @@ <h4 class="mg-md text-lg-center footer-pexip-way">
 
 
 <!-- Additional JS -->
-<script src="./js/bootstrap.bundle.min.js?6787"></script>
-<script src="./js/blocs.min.js?5447"></script>
+<script src="./js/bootstrap.bundle.min.js?4199"></script>
+<script src="./js/blocs.min.js?3383"></script>
 <script src="./js/lazysizes.min.js" defer></script><!-- Additional JS END -->
 
 

diff --git a/fonts/Whyte-Medium/Whyte-Medium.eot b/fonts/Whyte-Medium/Whyte-Medium.eot
diff --git a/fonts/Whyte-Medium/Whyte-Medium.ttf b/fonts/Whyte-Medium/Whyte-Medium.ttf
diff --git a/fonts/Whyte-Medium/Whyte-Medium.woff b/fonts/Whyte-Medium/Whyte-Medium.woff
diff --git a/fonts/Whyte-Medium/Whyte-Medium.woff2 b/fonts/Whyte-Medium/Whyte-Medium.woff2
diff --git a/index.html b/index.html
@@ -9,8 +9,8 @@
 	<meta name="robots" content="index, follow">
     <link rel="shortcut icon" type="image/png" href="favicon.png">
 
-	<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?6400">
-	<link rel="stylesheet" type="text/css" href="style.css?4425">
+	<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?3174">
+	<link rel="stylesheet" type="text/css" href="style.css?8418">
 	<link rel="stylesheet" type="text/css" href="./css/all.min.css">
 
     <title>Pexip Engineering</title>
@@ -225,8 +225,8 @@ <h4 class="mg-md text-lg-center footer-pexip-way">
 
 
 <!-- Additional JS -->
-<script src="./js/bootstrap.bundle.min.js?6787"></script>
-<script src="./js/blocs.min.js?5447"></script>
+<script src="./js/bootstrap.bundle.min.js?4199"></script>
+<script src="./js/blocs.min.js?3383"></script>
 <script src="./js/lazysizes.min.js" defer></script><!-- Additional JS END -->
 
 

diff --git a/life.html b/life.html
@@ -9,8 +9,8 @@
 	<meta name="robots" content="index, follow">
     <link rel="shortcut icon" type="image/png" href="favicon.png">
 
-	<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?6529">
-	<link rel="stylesheet" type="text/css" href="style.css?5367">
+	<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?6365">
+	<link rel="stylesheet" type="text/css" href="style.css?5017">
 	<link rel="stylesheet" type="text/css" href="./css/all.min.css">
 
     <title>Life</title>
@@ -91,7 +91,7 @@ <h3 class="mg-md">
 <!-- bloc-5 END -->
 
 <!-- bloc-6 -->
-<div class="bloc bgc-black" id="bloc-6">
+<div class="bloc bgc-black l-bloc" id="bloc-6">
 	<div class="container bloc-lg bloc-md-lg">
 		<div class="row">
 			<div class="col-md-12">
@@ -345,8 +345,8 @@ <h4 class="mg-md text-lg-center footer-pexip-way">
 
 
 <!-- Additional JS -->
-<script src="./js/bootstrap.bundle.min.js?6787"></script>
-<script src="./js/blocs.min.js?5447"></script>
+<script src="./js/bootstrap.bundle.min.js?4199"></script>
+<script src="./js/blocs.min.js?3383"></script>
 <script src="./js/lazysizes.min.js" defer></script><!-- Additional JS END -->
 
 

diff --git a/students.html b/students.html
@@ -9,8 +9,8 @@
 	<meta name="robots" content="index, follow">
     <link rel="shortcut icon" type="image/png" href="favicon.png">
 
-	<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?7037">
-	<link rel="stylesheet" type="text/css" href="style.css?6017">
+	<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?442">
+	<link rel="stylesheet" type="text/css" href="style.css?9435">
 	<link rel="stylesheet" type="text/css" href="./css/all.min.css">
 
     <title>Students</title>
@@ -128,7 +128,7 @@ <h3 class="mg-md">
 <!-- bloc-6 END -->
 
 <!-- bloc-7 -->
-<div class="bloc bgc-black" id="bloc-7">
+<div class="bloc bgc-black l-bloc" id="bloc-7">
 	<div class="container bloc-lg bloc-md-lg">
 		<div class="row">
 			<div class="col-md-12">
@@ -356,8 +356,8 @@ <h4 class="mg-md text-lg-center footer-pexip-way">
 
 
 <!-- Additional JS -->
-<script src="./js/bootstrap.bundle.min.js?6787"></script>
-<script src="./js/blocs.min.js?5447"></script>
+<script src="./js/bootstrap.bundle.min.js?4199"></script>
+<script src="./js/blocs.min.js?3383"></script>
 <script src="./js/lazysizes.min.js" defer></script><!-- Additional JS END -->
 
 

diff --git a/style.css b/style.css
@@ -1,6 +1,6 @@
 /*-----------------------------------------------------------------------------------
 	Pexip Engineering Careers
-	About: A shiny new Blocs website.
+	About: Pexip Engineering
 	Author: Mike Hatfield
 	Version: 1.0
 	Built with Blocs
@@ -38,6 +38,17 @@ a:hover{text-decoration: none; cursor:pointer;}
 	font-style: normal;
 }
 
+@font-face {
+	font-family:'Whyte-Medium';
+	src: url('./fonts/Whyte-Medium/Whyte-Medium.woff2');
+	src: url('./fonts/Whyte-Medium/Whyte-Medium.woff2') format('woff2'),
+	url('./fonts/Whyte-Medium/Whyte-Medium.woff') format('woff'),
+	url('./fonts/Whyte-Medium/Whyte-Medium.eot?#iefix') format('embedded-opentype'),
+	url('./fonts/Whyte-Medium/Whyte-Medium.ttf') format('truetype');
+	font-weight: normal;
+	font-style: normal;
+}
+
 /* = Blocs
 -------------------------------------------------------------- */
 
@@ -318,10 +329,8 @@ h1,h2,h3,h4,h5,h6,p,label,.btn,a{
 .img-intern-projec-style{
 	height:353px;
 }
-.h6-style{
-	color:#FF525C!important;
+.h1-style{
 	font-family:"Whyte-Medium";
-	margin-bottom:0px;
 }
 
 /* = Colour