archive/theorangeone.net-legacy
Archived
1
Fork 0
Code Releases Packages Activity

Style projects on index

Browse source
This commit is contained in:
Jake Howard 2016-03-19 21:59:23 +00:00
parent 027ec96117
commit 6f6bb69384
2 changed files with 18 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
static/src/less/homepage.less
View file

@ -108,11 +108,21 @@ body.index {
} }
#project-thumbnails { #project-thumbnails {
margin-top: @container-inset; background-image: @blueprint-logo;
margin-bottom: @container-inset; background-size: cover;
background-attachment: fixed;
& > div > .row {
margin-top: @container-inset;
margin-bottom: @container-inset;
& > h1 {
color: white;
text-align: center;
}
}
.thumbnail { .thumbnail {
padding: 15px; padding: 15px;
height: 300px; height: 300px;
text-align: center;
&.see-more { &.see-more {
h1 { h1 {
position: relative; position: relative;
@ -124,7 +134,6 @@ body.index {
@media (max-width: @screen-xs-max) { @media (max-width: @screen-xs-max) {
height: 400px; height: 400px;
} }
text-align: center;
img { img {
max-width: 100%; max-width: 100%;
@media (min-width: @screen-sm-min) { @media (min-width: @screen-sm-min) {
@ -137,6 +146,9 @@ body.index {
h3 { h3 {
margin: 10px 0; margin: 10px 0;
} }
.caption {
padding: 0;
}
} }
} }

5
templates/index.html
View file

@ -34,8 +34,9 @@
</div> </div>
<navbar></navbar> <navbar></navbar>
<div class="container-fluid" id="project-thumbnails"> <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 %} {% for key, project in projects.items %}
<div class="col-sm-6 col-md-4"> <div class="col-sm-6 col-md-4">
<div class="thumbnail"> <div class="thumbnail">