TTMK/web2.0-backend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Scale Sössö titles with viewport size

Browse Source 
References #2.
This commit is contained in:
Jan Tuomi
2017-01-04 13:16:46 +02:00
parent 10b731961a
commit d4de01289a
2 changed files with 19 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
infoscreen/static/css/sosso.css
+7 -2
View File
@@ -17,12 +17,13 @@
margin: 10px 10px 10px 10px;
}
.article-col {
.article-thumb-col {
max-height: 200px;
text-align: right;
}
.article-title-col {
font-size: 60px;
font-size: 3vw;
}
.thumbnail {
@@ -46,3 +47,7 @@
height: 540px;
border:2px solid black;
}
#container {
max-height: 70%;
}
infoscreen/static/html/sosso.html
+12 -12
View File
@@ -3,18 +3,18 @@
<div id="header">
<img id="header-image" src="/static/img/sossoheader.png" >
</div>
<div id="container" ng-repeat="post in data.posts">
<div class="article-row row">
<div class="article-col col-md-6">
<img class="thumbnail" ng-src="{{ post.thumbnail_images.medium.url }}">
</div>
<div>
<h1 class="col-md-6">
<div class="article-title-col">
{{ post.title }}
</div>
</h1>
<div id="container">
<div class="article-row row" ng-repeat="post in data.posts">
<div class="article-thumb-col col-md-6">
<img class="thumbnail" ng-src="{{ post.thumbnail_images.medium.url }}">
</div>
<div>
<h1 class="col-md-6">
<div class="article-title-col">
{{ post.title }}
</div>
</h1>
</div>
</div>
</div>
</div>
</div>