diff options
Diffstat (limited to 'design')
| -rw-r--r-- | design/sass/_global.scss | 2 | ||||
| -rw-r--r-- | design/sass/_notes.scss | 160 | ||||
| -rw-r--r-- | design/sass/_photos.scss | 6 | ||||
| -rw-r--r-- | design/sass/screenv9.scss | 1 | ||||
| -rw-r--r-- | design/templates/admin/buttons.html | 2 | ||||
| -rw-r--r-- | design/templates/archives/photo_daily_list.html | 5 |
6 files changed, 173 insertions, 3 deletions
diff --git a/design/sass/_global.scss b/design/sass/_global.scss index 603339c..6807fa4 100644 --- a/design/sass/_global.scss +++ b/design/sass/_global.scss @@ -93,7 +93,7 @@ blockquote:before { @include fontsize(68); content: '\201C'; position: absolute; - top: -1rem; + top: -1.35rem; left: 50%; transform: translate(-50%, -50%); width: 3rem; diff --git a/design/sass/_notes.scss b/design/sass/_notes.scss new file mode 100644 index 0000000..1386751 --- /dev/null +++ b/design/sass/_notes.scss @@ -0,0 +1,160 @@ +//**************** Notes Structure ************************ + +.notes main, .notes--permalink main { + @include constrain_narrow(); + margin-top: 1em; + h1 { + margin-bottom: 0; + @include fontsize(28); + @include breakpoint(beta) { + @include fontsize(28); + text-align: left; + } + } +} +.notes .h-entry, .notes--permalink .h-entry { + @extend %clearfix; + border: none; + padding: 0; + margin-top: 3em; + @include breakpoint(beta) { + margin-top: 2em; + } + &:first-of-type { + margin-top: 1em; + } + &:after { + @include faded_line_after; + @include breakpoint(beta) { + margin-top: 8.5em; + } + } +} +.note--title { + @include constrain_narrow; + text-align: left; + font-weight: 400; + font-size: 1.5em; + letter-spacing: 0px; + margin-bottom: .5rem !important; + a { + text-decoration: none; + color: $body_font_color !important; + } +} + +.note--date { + @include smcaps; + @include fontsize(11); + text-align: center; + margin-bottom: 4px; + @include breakpoint(beta) { + float: right; + margin-top: 0; + } + a { + color: $brown; + text-decoration: none; + } +} +.note--date-container{ + @extend %clearfix; + +} +.e-content { + @extend %clearfix; +} +.note--location { + text-align: center; + margin-top: 0; + @include breakpoint(beta) { + float: left; + } +} +.note--footer { + margin-top: 1.7em; + @include breakpoint(beta) { + margin-top: 0; + } +} +.month--divider { + margin-top: 2em; +} +.month--header { + @include constrain_narrow(); + @include smcaps; + @include fontsize(12); + font-weight: normal; + font-family: sans-serif; + text-align: left; + margin-bottom: 3em; + border-bottom: 1px dotted rgba(0, 0, 0, 0.2); +} +.notes--permalink { + .h-entry { + margin-top: 3em; + @include breakpoint(gamma) { + margin-top: 5em; + } + } + .e-content figure.picwide { margin-left: -300px !important} + &:after { + background: none; + } + .note--title { + // @include fontsize(24); + } + .note--footer { + margin-top: 2em; + @include constrain_narrow(); + @include breakpoint(beta) { + margin-top: 1em; + } + } + #page-navigation { + clear: both; + margin-top: 10em; + } +} +/* +@include breakpoint(beta) { + .notes { + main h1 { + float: none; + margin-bottom: 1em; + width: 100%; + } + main { + @include constrain(680px); + margin-bottom: 5em; + } + article footer { + margin-top: 1em; + } + article p { + float: none; + } + .note--location { + float: left; + } + .note--date { + float: right; + } + .note--twitter { + clear: both; + float: right; + padding-top: 1em; + } + time { + display: inline; + float: right; + } + } + + .permalink { + main { + margin-top: 5em; + } + } +} +*/ diff --git a/design/sass/_photos.scss b/design/sass/_photos.scss index d152bf4..c8fbb95 100644 --- a/design/sass/_photos.scss +++ b/design/sass/_photos.scss @@ -201,6 +201,12 @@ margin: 0px 0 0 44px; } +.daily-figure { + figcaption { + max-width: 1432px; + } +} + //.figcaption { // clear: both; // background: #1a1713; diff --git a/design/sass/screenv9.scss b/design/sass/screenv9.scss index 7144000..30f7190 100644 --- a/design/sass/screenv9.scss +++ b/design/sass/screenv9.scss @@ -14,3 +14,4 @@ @import "_src.scss"; @import "_resume.scss"; @import "_photos.scss"; +@import "_notes.scss"; diff --git a/design/templates/admin/buttons.html b/design/templates/admin/buttons.html index d9d8e0b..3e8980d 100644 --- a/design/templates/admin/buttons.html +++ b/design/templates/admin/buttons.html @@ -47,7 +47,7 @@ <li class="item"><a href="/admin/build/build?id=buildrss">Build RSS</a></li> <li class="item"><a href="/admin/build/build?id=pages">Build All Pages</a></li> <li class="item"><a href="/admin/build/build?id=sketches">Build Sketches</a></li> - <li class="item"><a href="/admin/build/build?id=notes">Build Notes</a></li> + <li class="item"><a href="/admin/build/build?id=dailyphotos">Build Daily Photo</a></li> <li class="item"><a href="/admin/build/build?id=photo_galleries">Build Photo Galleries</a></li> <li class="item"><a href="/admin/build/build?id=projects">Build Project Pages</a></li> <li class="item"><a href="/admin/build/build?id=buildbooks">Build Books</a></li> diff --git a/design/templates/archives/photo_daily_list.html b/design/templates/archives/photo_daily_list.html index 59612ac..2828afb 100644 --- a/design/templates/archives/photo_daily_list.html +++ b/design/templates/archives/photo_daily_list.html @@ -15,7 +15,10 @@ <main role="main"> {% autopaginate object_list 8 %}{% for object in object_list %} <article class="h-entry hentry " itemscope="" itemtype="http://schema.org/Article"> - {% include 'lib/img_picwide.html' with image=object caption=False exif=False is_cluster=False cluster_class='' extra='' %} + <figure class="daily-figure"> + {% include 'lib/img_picwide.html' with image=object caption=False exif=False is_cluster=False cluster_class='' extra='' %} + <figcaption class="picwide">{{object.location}}, {{object.location.state.country}}</figcaption> + </figure> </article> {% endfor %} </main> |