yttt/yamatotoma.to
2
0
Fork 0
Code Pull requests Activity Actions

Allow dynamic images on each blog post (#143)

Browse source 
* Allow dynamic images on each blog post

* Adding responsive CSS for blog post images

* Adding image parameter to YAML front matter
This commit is contained in:
Bryan Britten 2016-12-24 17:48:55 -05:00 • committed by Dean Attali
parent 33c5ffadff
commit 66bd2ada99
7 changed files with 67 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

35
css/main.css
View file

@ -340,6 +340,28 @@ footer .theme-by {
.post-preview .post-entry {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.post-entry-container {
display: inline-block;
width: 100%;
}
.post-entry {
width: 100%;
}
.post-image {
float: right;
height: 192px;
width: 192px;
margin-top: -35px;
filter: grayscale(90%);
}
.post-image:hover {
filter: grayscale(0%);
}
.post-image img {
border-radius: 100px;
height: 192px;
width: 192px;
}
.post-preview .post-read-more {
font-weight: 800;
}
@ -382,6 +404,19 @@ footer .theme-by {
}
}
@media only screen and (max-width: 500px) {
.post-image, .post-image img {
height: 100px;
width: 100px;
}
.post-image {
width: 100%;
text-align: center;
margin-top: 0;
float: left;
}
}
/* --- Post and page headers --- */
.intro-header {