makyo/makyo.ink
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Images

Browse Source
This commit is contained in:
Madison Scott-Clary
2017-09-06 15:05:58 -06:00
parent ce46d6cde2
commit 4b96aa593e
5 changed files with 161 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
_layouts/post.html
View File

@ -22,6 +22,9 @@ layout: default
{% if forloop.last != true %}|{% endif %} {% if forloop.last != true %}|{% endif %}
{% endfor %} {% endfor %}
{% endif %} {% endif %}
{% if page.pdf %}<br />
<a class="pdf" href="{{site.baseurl}}/assets/pdf/{{page.pdf}}"><i class="fa fa-print" aria-hidden="true"></i> Print version</a>
{% endif %}
</div> </div>
</div> </div>
{{page.content | markdownify}} {{page.content | markdownify}}

2
_posts/2017-09-03-overclassification.md
View File

@ -9,7 +9,7 @@ counts:
words: 13794 words: 13794
description: A chronically neat otter's life is thrown into disarray when she takes description: A chronically neat otter's life is thrown into disarray when she takes
a homeless ringtail in from the cold. a homeless ringtail in from the cold.
img: null img: overclassification.jpg
layout: post layout: post
tags: tags:
- Sawtooth - Sawtooth

283
assets/css/sass/_media.scss
View File

@ -1,156 +1,169 @@
/* Small Devices, Tablets */ /* Small Devices, Tablets */
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.main-header { .main-header {
.logo { .logo {
a { a {
font-size: 24px; font-size: 24px;
} }
}
} }
}
.post-card-box { .post-card-box {
li { li {
width: 100%; width: 100%;
margin-bottom: 20px; margin-bottom: 20px;
&:last-child { &:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
}
} }
}
.recent-box { .recent-box {
.recent-list { .recent-list {
.recent-item { .recent-item {
position: relative; position: relative;
display: inline-block; display: inline-block;
width: 49%; width: 49%;
height: 150px; height: 150px;
margin-left: 0.5%; margin-left: 0.5%;
margin-bottom: 0.5%; margin-bottom: 0.5%;
span { span {
position: absolute; position: absolute;
font-size: 12px; font-size: 12px;
left: 2.5%; left: 2.5%;
bottom: 10%; bottom: 10%;
color: $white; color: $white;
} }
}
}
} }
}
}
} }
@media only screen and (max-width: 480px) { @media only screen and (max-width: 480px) {
.wrapper { .wrapper {
max-width: 95%; max-width: 95%;
}
.page-content {
margin-top: -50px;
padding: 15px;
}
.header-page {
margin-bottom: 20px;
h1 {
font-size: 27px;
margin: 0 0 10px;
} }
.page-date {
font-size: 14px; .page-content {
margin-top: -50px;
padding: 15px;
} }
}
.main-header { .header-page {
.logo { margin-bottom: 20px;
a { h1 {
font-size: 21px; font-size: 27px;
} margin: 0 0 10px;
} }
} .page-date {
.menu-icon, font-size: 14px;
.menu-icon-close, }
.search-icon, }
.search-icon-close {
font-size: 16px; .main-header {
} .logo {
a {
.page-image { font-size: 21px;
height: 380px; }
} }
}
.recent-box { .menu-icon,
.recent-list { .menu-icon-close,
.recent-item { .search-icon,
position: relative; .search-icon-close {
display: inline-block; font-size: 16px;
width: 99%; }
height: 150px;
margin-left: 0.5%; .page-image {
margin-bottom: 0.5%; height: 380px;
span { }
position: absolute;
font-size: 12px; .recent-box {
left: 2.5%; .recent-list {
bottom: 10%; .recent-item {
color: $white; position: relative;
} display: inline-block;
} width: 99%;
} height: 150px;
} margin-left: 0.5%;
margin-bottom: 0.5%;
.newsletter { span {
.newsletter-box { position: absolute;
.subscribe-btn { font-size: 12px;
width: 80px; left: 2.5%;
height: 40px; bottom: 10%;
font-size: 12px; color: $white;
} }
} }
} }
}
.about-body {
.contact-list { .newsletter {
li { .newsletter-box {
display: inline-block; .subscribe-btn {
margin-left: 5px; width: 80px;
&:first-child { height: 40px;
margin-left: 0; font-size: 12px;
} }
a { }
display: block; }
color: $light-gray;
font-size: 16px; .about-body {
text-decoration: none; .contact-list {
padding: 5px; li {
transition: all 350ms cubic-bezier(0.13, 0.43, 0.54, 1.82); display: inline-block;
&:hover { margin-left: 5px;
color: $dark-pink; &:first-child {
transform: scale(1.3); margin-left: 0;
}
a {
display: block;
color: $light-gray;
font-size: 16px;
text-decoration: none;
padding: 5px;
transition: all 350ms cubic-bezier(0.13, 0.43, 0.54, 1.82);
&:hover {
color: $dark-pink;
transform: scale(1.3);
}
}
}
}
}
.author-box {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
.author-img {
height: 100px;
width: 100px;
margin: 0 0 10px;
}
.author-desc {
h2 {
margin: 0 0 10px;
}
p {
margin: 0 0 15px;
}
} }
}
} }
}
} }
.author-box { @media print {
display: flex; .main-nav {
flex-direction: column; display: none;
align-items: center;
text-align: center;
.author-img {
height: 100px;
width: 100px;
margin: 0 0 10px;
}
.author-desc {
h2 {
margin: 0 0 10px;
} }
p {
margin: 0 0 15px;
}
}
}
html, body {
height: auto;
}
.page-content {
box-shadow: none;
}
} }

13
assets/css/sass/parts/post-page.scss
View File

@ -29,7 +29,7 @@
color: $white; color: $white;
} }
&.with-image { .with-image & {
margin-top: -80px; margin-top: -80px;
border-top-left-radius: 20px; border-top-left-radius: 20px;
border-top-right-radius: 20px; border-top-right-radius: 20px;
@ -37,9 +37,10 @@
& > p { & > p {
margin: 0; margin: 0;
&:not(first-of-type) { text-indent: 2em;
text-indent: 2em; }
} p:first-of-type, hr + p {
text-indent: 0em;
} }
} }
@ -63,6 +64,10 @@
font-size: 14px; font-size: 14px;
text-transform: uppercase; text-transform: uppercase;
font-weight: 300; font-weight: 300;
.pdf {
text-decoration: none;
}
} }
} }

BIN
assets/img/overclassification.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 101 KiB