From 4e31ec22f3e85f7a3fa8dbabdbd0d2ba1fbcf6b1 Mon Sep 17 00:00:00 2001
From: Siroco <siroco@piperrak.cc>
Date: Fri, 5 Oct 2018 09:40:09 +0200
Subject: [PATCH] Add routerLink to Homepage Sections Add alignleft style

---
 src/app/section/section.component.html | 2 +-
 src/styles.css                         | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/section/section.component.html b/src/app/section/section.component.html
index 8952a4a..5453bd7 100644
--- a/src/app/section/section.component.html
+++ b/src/app/section/section.component.html
@@ -1,7 +1,7 @@
 <!-- {{diagnostic}} -->
 <div *ngFor="let page of pages" class="ia-section bg1" id="{{page.slug}}">
 	<section class="ia-section">
-	<a href="/{{page.slug}}">
+	<a routerLink="/{{page.slug}}">
 	<div class="row section-content" >
 		<div class="col-md-1 ia-select"></div>
 		<div class="col-md-5" [ngStyle]="{'background-size':'cover', 'background-repeat':'no-repeat','background-image':'url(\''+page.background_image+'\')'}"><h1><span>{{page.title}}</span></h1></div>
diff --git a/src/styles.css b/src/styles.css
index ec60ae9..96b0419 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -70,11 +70,13 @@ article img:hover {filter:none; box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.7);}
 article p {font-size:1.2rem;line-height:2;}
 article h2 span {background:#d2e8eb;padding:10px;}
 article h2 {margin-bottom:20px;}
-article video {max-width:100%;}
+article video {max-width:100%; height:auto;}
 article div.article-content { margin:0 20px;}
 article div.article-content ul { list-style:circle; }
-article div.article-content div.alignright { float: right;width: 50%;margin: 0 0 20px 20px;}
-article div.article-content img.alignright { float: right;width: 50%;margin: 0 0 20px 20px;}
+article div.article-content div.alignright { float: right;max-width: 50%;margin: 0 0 20px 20px;}
+article div.article-content img.alignright { float: right;max-width: 50%;margin: 0 0 20px 20px;}
+article div.article-content div.alignleft { float: left;max-width: 50%;margin: 0 0 20px 20px;}
+article div.article-content img.alignleft { float: left;max-width: 50%;margin: 0 0 20px 20px;}
 article div.article-content div.alignright img {width:100%;}
 article div.article-content blockquote {font-family:"Indie Flower", serif; margin: 0 0 1rem 10rem; padding:2rem; background-color:#d2e8eb;}