Style projects on index
This commit is contained in:
parent
027ec96117
commit
6f6bb69384
2 changed files with 18 additions and 5 deletions
|
@ -108,11 +108,21 @@ body.index {
|
|||
}
|
||||
|
||||
#project-thumbnails {
|
||||
margin-top: @container-inset;
|
||||
margin-bottom: @container-inset;
|
||||
background-image: @blueprint-logo;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
& > div > .row {
|
||||
margin-top: @container-inset;
|
||||
margin-bottom: @container-inset;
|
||||
& > h1 {
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.thumbnail {
|
||||
padding: 15px;
|
||||
height: 300px;
|
||||
text-align: center;
|
||||
&.see-more {
|
||||
h1 {
|
||||
position: relative;
|
||||
|
@ -124,7 +134,6 @@ body.index {
|
|||
@media (max-width: @screen-xs-max) {
|
||||
height: 400px;
|
||||
}
|
||||
text-align: center;
|
||||
img {
|
||||
max-width: 100%;
|
||||
@media (min-width: @screen-sm-min) {
|
||||
|
@ -137,6 +146,9 @@ body.index {
|
|||
h3 {
|
||||
margin: 10px 0;
|
||||
}
|
||||
.caption {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
@ -34,8 +34,9 @@
|
|||
</div>
|
||||
<navbar></navbar>
|
||||
<div class="container-fluid" id="project-thumbnails">
|
||||
<div class="row">
|
||||
<div class="container">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<h1>All Projects</h1>
|
||||
{% for key, project in projects.items %}
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<div class="thumbnail">
|
||||
|
|
Reference in a new issue