feat(layout): adjust fonts and paddings

assets/scss/main.scss

@@ -2,7 +2,7 @@
 FONT FACES
 ====*/
 
-@import url(https://fonts.bunny.net/css?family=acme:400);
+@import url(https://fonts.bunny.net/css?family=acme:250);
 
 @font-face
 {
@@ -28,7 +28,7 @@ VARIABLE OVERRIDES
 
 $global-font-size: 18px !default;
 $global-background: #000000 !default;
-$global-color: rgba(0, 255, 53, 0.85) !default;
+$global-color: #f626eed9 !default;
 $global-emphasis-color: #f626eed9 !default;
 $global-font-family: "Acme", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
 $global-secondary-background: #691066d9 !default;
@@ -50,12 +50,13 @@ body, a {
     cursor: url(../images/coeurseur-mini.png), auto !important;
 }
 
-h1 {
-    font-family: "Basteleur Bold"
+h1.uk-article-title {
+    font-family: "Basteleur Moonlight";
+    color: rgba(0, 255, 53, 0.85) !important;
 }
 
 h2, h3 {
-    font-family: "Optiker-K"
+    font-family: "Basteleur Bold";
 }
 
 .uk-overlay-primary h1 {

index.hbs

@@ -5,14 +5,14 @@
 
 
 {{! Portfolio }}
-<div class="uk-section uk-padding-small">
+<div class="uk-section">
     <a id="portfolio"></a>
 
     <div
 		class="uk-container uk-dark"
 		uk-scrollspy="cls: uk-animation-slide-right"
 	>
-        <h2 class="uk-heading-divider">Portfolio</h2>
+        <h2 class="uk-heading-divider uk-text-center">Portfolio</h2>
 
         {{> portfolio}}
     </div>
@@ -24,7 +24,7 @@
     <a id="readings"></a>
 
     <div class="uk-container uk-dark" uk-scrollspy="cls: uk-animation-slide-right">
-        <h2 class="uk-heading-divider">Readings</h2>
+        <h2 class="uk-heading-divider uk-text-center">Readings</h2>
 		{{> readings posts=posts featuredOnly=true }}
 		{{#getPostByTags "post-index" ""}}
 			<div class="uk-margin uk-flex uk-flex-right">

partials/post-card.hbs

@@ -8,13 +8,13 @@
 				{{else}}
 					<img src="{{@config.custom.postDefaultHeaderImageUrl}}" uk-cover>
 				{{/checkIfAll}}
-				<canvas width="300" height="300"></canvas>
+				<canvas width="96" height="96"></canvas>
 			</div>
 
 			<div class="uk-card-header">
 				<div class="uk-grid-small uk-flex-middle" uk-grid>
 					<div class="uk-width-auto">
-						<img class="uk-border-circle" width="40" height="40" src="{{author.avatarImage.url}}" alt="Avatar">
+						<img class="uk-border-circle" width="48" height="48" src="{{author.avatarImage.url}}" alt="Avatar">
 					</div>
 					<div class="uk-width-expand">
 						<h3 class="uk-card-title uk-margin-remove-bottom">{{title}}</h3>
@@ -23,8 +23,10 @@
 				</div>
 			</div>
 
-			<div class="uk-card-body" uk-height-viewport="expand: true">
-				<p>{{excerpt}}</p>
+			<div
+				class="uk-card-body uk-padding-remove-top uk-padding-remove-bottom"
+			>
+				<p>{{{excerpt}}}</p>
 			</div>
 
 			<div class="uk-card-footer">

partials/readings.hbs

@@ -1,5 +1,5 @@
 {{! Posts listing }}
-<div class="uk-grid-small uk-child-width-1-2@m" uk-grid uk-height-match=".uk-card-body > p">
+<div class="uk-grid-small uk-child-width-1-2@m" uk-grid="masonry: true">
 	{{#each posts}}
 		{{#unless isHidden}}
 			{{#if ../featuredOnly }}

post-index.hbs

@@ -2,8 +2,11 @@
 {{> head}}
 {{> navbar}}
 
-<main class="uk-container uk-animation-fade">
-	{{> readings posts=@website.contentStructure.posts featuredOnly=false }}
-</main>
+<div class="uk-section uk-padding-small">
+	<div class="uk-container uk-animation-fade">
+		<h2 class="uk-heading-divider uk-text-center">Readings</h2>
+		{{> readings posts=@website.contentStructure.posts featuredOnly=false }}
+	</div>
+</div>
 
 {{> footer}}