lrullo/industriapaisaia-frontend
1
0
Fork 0
Code Issues 2 Pull Requests Releases Wiki Activity

Add routerLink to Homepage Sections

Browse Source 
Add alignleft style
This commit is contained in:
Siroco 2018-10-05 09:40:09 +02:00
parent 01b0d94269
commit 4e31ec22f3
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/section/section.component.html
View File

@ -1,7 +1,7 @@
<!-- {{diagnostic}} --> <!-- {{diagnostic}} -->
<div *ngFor="let page of pages" class="ia-section bg1" id="{{page.slug}}"> <div *ngFor="let page of pages" class="ia-section bg1" id="{{page.slug}}">
<section class="ia-section"> <section class="ia-section">
<a href="/{{page.slug}}"> <a routerLink="/{{page.slug}}">
<div class="row section-content" > <div class="row section-content" >
<div class="col-md-1 ia-select"></div> <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> <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>

8
src/styles.css
View File

@ -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 p {font-size:1.2rem;line-height:2;}
article h2 span {background:#d2e8eb;padding:10px;} article h2 span {background:#d2e8eb;padding:10px;}
article h2 {margin-bottom:20px;} 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 { margin:0 20px;}
article div.article-content ul { list-style:circle; } 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 div.alignright { float: right;max-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 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 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;} article div.article-content blockquote {font-family:"Indie Flower", serif; margin: 0 0 1rem 10rem; padding:2rem; background-color:#d2e8eb;}