uh, a lot of stuff

(headings, hrs, ?)
lchski · Jun 24, 2018 · aaebfde · aaebfde
1 parent 5684e23
commit aaebfde
Show file tree

Hide file tree

Showing 12 changed files with 48 additions and 16 deletions.
diff --git a/_assets/_css/_misc.css b/_assets/_css/_misc.css
@@ -0,0 +1,3 @@
+i {
+	font-style: italic;
+}
diff --git a/_assets/main.css b/_assets/main.css
@@ -1,19 +1,39 @@
 @import '_css/_vars.css';
+@import '_css/_misc.css';
 
 body {
 	font-family: var(--ff-serif);
 	line-height: 1.4;
 }
 
 p {
-	margin-top: var(--spacing-medium);
-	margin-bottom: 0;
+	margin-top: 0;
+	margin-bottom: var(--spacing-medium);
 
 	max-width: 30em;
 }
 
-	p:first-of-type {
-		margin-top: 0;
+	p:last-of-type {
+		margin-bottom: 0;
+	}
+
+
+hr {
+	max-width: 30em;
+	position: relative;
+	border: 0;
+
+	margin: 0;
+	padding: var(--spacing-extra-large) 0;
+}
+
+	hr:after {
+		border: 0.125rem solid rgba(0,0,0,0.1);
+		content: '';
+		width: 40%;
+		font-size: 0;
+		position: absolute;
+		left: 30%;
 	}
 
 a {
@@ -60,6 +80,15 @@ a {
 		border-bottom: var(--spacing-small) solid rgba(var(--c-dark-purple),0.75);
 	}
 
+	.page__intro,
+	.page__content h1 {
+		font-size: var(--fz-3);
+		font-weight: 400;
+
+		margin-top: 0;
+		margin-bottom: var(--spacing-small);
+	}
+
 	.page__footer {
 		background-color: rgba(var(--c-dark-purple),0.75);
 		color: rgba(244,244,244, 0.85);

diff --git a/_layouts/default.html b/_layouts/default.html
@@ -49,7 +49,7 @@
 <body class="{{ 'page ' | append: site_section_class }}">
 	{% include header.html %}
 
-	<main class="text-container">
+	<main class="page__content text-container">
     	{{ content }}
 	</main>
 

diff --git a/contact.html b/contact.html
@@ -3,7 +3,7 @@
 title: Contact
 ---
 
-<h1 class="f2">Contact</h1>
+<h1 class="page__intro">Contact</h1>
 
 <p class="f3 measure lh-copy">
 	Human contact makes me happy.
@@ -30,9 +30,7 @@ <h1 class="f2">Contact</h1>
 	in person, but prefer that we arrange those digitally.
 </p>
 
-<div class="f3 measure">
-	<hr class="w-40 mv5 bw1 ba b--black-10">
-</div>
+<hr>
 
 <p class="f3 measure lh-copy">
 	I also publish a weekly newsletter, where I write about whatever’s on my mind in a given week. This usually comes from

diff --git a/hit-and-miss/index.html b/hit-and-miss/index.html
@@ -4,7 +4,7 @@
 ---
 
 <header class="ph4 pv1 nl4 nr4 mt4 mb4 bg-white-70 bt bb b--black-05 b--dotted bl-0 br-0 mw7 br-ns">
-	<h1 class="f2 i">Hit and Miss</h1>
+	<h1 class="page__intro i">Hit and Miss</h1>
 
 	<p class="f4 f3-ns measure lh-copy">
 		I publish a small weekly newsletter titled <i>Hit and Miss</i>. In it, I write about whatever

diff --git a/index.html b/index.html
@@ -3,6 +3,8 @@
 title: Lucas Cherkewski
 ---
 
+<p class="page__intro">Hia!</p>
+
 <p class="measure-narrow f2 lh-copy mb3">
 	Welcome to my home on the internet.
 </p>

diff --git a/now.html b/now.html
@@ -3,7 +3,7 @@
 title: Now
 ---
 
-<h1 class="f2">Now</h1>
+<h1 class="f2 page__intro">Now</h1>
 
 <p class="f3 measure lh-copy">
 	The same things in new places, essentially.

diff --git a/office/index.html b/office/index.html
@@ -3,7 +3,7 @@
 title: Office
 ---
 
-<h1 class="f2">Office</h1>
+<h1 class="page__intro">Office</h1>
 
 <p class="f3 measure lh-copy">
 	These are projects I’ve worked on through the years, both commercially and personally. It’s not an exhaustive list.

diff --git a/office/working-together/index.html b/office/working-together/index.html
@@ -3,7 +3,7 @@
 title: Working together
 ---
 
-<h1 class="f2">Working together</h1>
+<h1 class="page__intro">Working together</h1>
 
 <p class="f3 measure lh-copy">
 	How can we work together? I’m an independent contractor who bridges gaps. If you’re facing a vacuum of some sort, I’d

diff --git a/study/index.html b/study/index.html
@@ -4,7 +4,7 @@
 ---
 
 <header class="ph4 pv1 nl4 nr4 mt4 mb4 bg-white-70 bt bb b--black-05 b--dotted bl-0 br-0 mw7 br-ns">
-	<h1 class="f2">Study</h1>
+	<h1 class="page__intro">Study</h1>
 
 	<!-- <nav class="f6">
 		<a class="dim light-purple mr1" href="/study/">Study</a>

diff --git a/study/reading/index.html b/study/reading/index.html
@@ -4,7 +4,7 @@
 ---
 
 <header class="ph4 pv1 nl4 nr4 mt4 mb4 bg-white-70 bt bb b--black-05 b--dotted bl-0 br-0 mw7 br-ns">
-	<h1 class="f2">Reading notes</h1>
+	<h1 class="page__intro">Reading notes</h1>
 </header>
 
 <ul class="list pl0 w-50-ns mw6">

diff --git a/study/urop/index.html b/study/urop/index.html
@@ -4,7 +4,7 @@
 ---
 
 <header class="ph4 pv1 nl4 nr4 mt4 mb4 bg-white-70 bt bb b--black-05 b--dotted bl-0 br-0 mw7 br-ns">
-	<h1 class="f2 mb0">Introducing Computers in Ontario’s Classrooms</h1>
+	<h1 class="page__intro mb0">Introducing Computers in Ontario’s Classrooms</h1>
 	<p class="f5 black-70 measure-wide lh-copy">Provincial Ambitions, Teacher Preparation, and Technological Change in the 1980s</p>
 </header>