diff options
| -rw-r--r-- | design/sass/_global.scss | 2 | ||||
| -rw-r--r-- | design/sass/_homepage.scss | 22 | ||||
| -rw-r--r-- | design/sass/_mixins.scss | 6 | ||||
| -rw-r--r-- | design/sass/_writing_details.scss | 7 | ||||
| -rw-r--r-- | design/templates/archives/homepage.html | 6 |
5 files changed, 30 insertions, 13 deletions
diff --git a/design/sass/_global.scss b/design/sass/_global.scss index 7b47418..910cc94 100644 --- a/design/sass/_global.scss +++ b/design/sass/_global.scss @@ -120,7 +120,7 @@ h1 { } } -.black #breadcrumbs a { +.black #breadcrumbs a, .dark #breadcrumbs a { color: $body_font_light; } //************* Dark Pages ********************* diff --git a/design/sass/_homepage.scss b/design/sass/_homepage.scss index d153cf6..66d2d54 100644 --- a/design/sass/_homepage.scss +++ b/design/sass/_homepage.scss @@ -1,4 +1,4 @@ -.homepage--bottom-wrapper { +.homepage--section { @include constrain_wide; @extend %clearfix; &:before { @@ -16,7 +16,9 @@ text-align: left; } } -.archive--homepage { +.homepage--archives { + max-width: 100%; + margin-top: 0; @include breakpoint(beta) { article { display: block; @@ -40,9 +42,7 @@ } } } -.dark .archive--homepage { -} .homepage--bright { @include breakpoint(gamma) { float: left; @@ -119,17 +119,21 @@ &:after, &:before { @include faded_line_after; } + &:before { margin-bottom: 50px;} @include breakpoint(gamma) { p { @include fontsize(18); } } } -.black .archive--homepage .post--title a { - color: white; -} -.black .archive--homepage .post--location a { - color: $body_font_light; +.black .homepage--archives { + .post--title a { + color: white; + } + .post--location a { + color: $body_font_light; + } + img { @include img_plain; } } .black .homepage--about { &:after, &:before { diff --git a/design/sass/_mixins.scss b/design/sass/_mixins.scss index 71246bb..0574c97 100644 --- a/design/sass/_mixins.scss +++ b/design/sass/_mixins.scss @@ -20,6 +20,12 @@ $body_font_light: #b3aeae; font-size: ($size / $base) * 1rem; } +@mixin img_plain { + padding: 0; + max-width: 100%; + background: none; +} + %clearfix { *zoom: 1; &:before { diff --git a/design/sass/_writing_details.scss b/design/sass/_writing_details.scss index 4e4df36..56b17a6 100644 --- a/design/sass/_writing_details.scss +++ b/design/sass/_writing_details.scss @@ -65,6 +65,12 @@ } dd { margin-left: 0; margin-bottom: 1.5em;} } + .numeral { + display: block; + font: bold 1.2em sans-serif; + margin-bottom: 0; + margin-top: 2em; + } } //### FOOTNOTES ### @@ -195,6 +201,7 @@ float: left; max-width: 200px; margin-right: 2em; + margin-top: 5px; .post--title, .post--date, .post--location { text-align: right; } diff --git a/design/templates/archives/homepage.html b/design/templates/archives/homepage.html index 4954264..d312592 100644 --- a/design/templates/archives/homepage.html +++ b/design/templates/archives/homepage.html @@ -27,13 +27,13 @@ {%comment%}<section id="currently"> <div class="project-tease"><a href="/projects/5x5/"><h4 id="proj">5<span>x</span>5</h4> Interviews From The Road</a><p>Lorem sit amet, consectetur adipiscing elit. Duis cursus sodales eros <cite>– William Brandon III</cite></p></div> </section>{%endcomment%} - <div class="homepage--about homepage--bottom-wrapper"> + <div class="homepage--about homepage--section"> <h3 class="homepage--arc-header">About Luxagraf</h3> <p>I like to think of luxagraf as the notebook you might have found, something I might have accidentally dropped between the cushions of a jostling, camel-powered taxi winding its way through the narrow, bumpy, dusty streets of Tangier circa 1910.</p> <p>It could just be a website though. Except that I don’t do lists. And I’m not trying to make money.</p><p>Luxagraf is a collection of field notes, a bare recording of some of my time on earth. Enjoy.</p> </div> - <div class="homepage--bottom-wrapper"> - <section class="archive archive--homepage"> + <div class="homepage--section"> + <section class="archive homepage--archives"> <h1 class="homepage--arc-header">Archives</h1> {% for object in object_list %}{%if forloop.counter > 1 %} <article class="h-entry hentry"> |