diff --git a/_blog/example-gallery.md b/_blog/example-gallery.md new file mode 100644 index 0000000..038a8ea --- /dev/null +++ b/_blog/example-gallery.md @@ -0,0 +1,10 @@ +--- +title: Photo gallery example +layout: gallery +date: 2019-07-24 +tags: example gallery deleteme +--- + +PATH: {{ page.path }} + +PATH: {{ page.id }} diff --git a/_includes/gallery.html b/_includes/gallery.html new file mode 100644 index 0000000..ccbb67c --- /dev/null +++ b/_includes/gallery.html @@ -0,0 +1,8 @@ +{% assign images = (include.images | split: "|") %} +{% assign thumbnails = (include.thumbnails | split: "|") %} + +
+ {% for image in images %} + + {% endfor %} +
\ No newline at end of file diff --git a/_includes/image.html b/_includes/image.html index 32fd161..7c0779e 100644 --- a/_includes/image.html +++ b/_includes/image.html @@ -11,9 +11,16 @@ {% capture alt %}alt="{{ alt }}" title="{{ alt }}"{% endcapture %} {% endif %} -{% assign frame=include.frame | default: true %} +{% assign frame=include.frame %} +{% if frame == blank %} + {% assign frame=true %} +{% endif %} -
- +{% if include.width != blank %} + {% capture width %}style="width:{{ include.width }}"{% endcapture %} +{% endif %} + +
+ {% if caption != blank %}
{{ caption }}
{% endif %}
\ No newline at end of file diff --git a/_layouts/gallery.html b/_layouts/gallery.html new file mode 100644 index 0000000..86195fb --- /dev/null +++ b/_layouts/gallery.html @@ -0,0 +1,10 @@ +--- +layout: base +--- + + +
+
+ {{ content }} +
+
\ No newline at end of file diff --git a/_sass/_isabelline.scss b/_sass/_isabelline.scss index 5c7bbd7..663133b 100644 --- a/_sass/_isabelline.scss +++ b/_sass/_isabelline.scss @@ -129,12 +129,15 @@ header { font-size: 80%; font-weight: normal; margin: .5em 0; - float: right; + float: left; // site menu shows posts in "global" category ul { padding: 0; margin: 0; + li:first-child { + padding-left: 0; + } li { color: $header-link-color; list-style: none; @@ -190,7 +193,8 @@ main { // figure is a composition of the image and caption figure { - margin: 1em 0; + margin: 1em auto; + width: 80%; figcaption { //font-size: .8em; text-align: center; @@ -205,6 +209,24 @@ main { } } + p img { + border-radius: 4px; + width: 100%; + } + + p img + em { + font-family: $image-caption-serif; + color: $image-caption-color; + font-style: normal; + text-align: center; + display: block; + width: 100%; + } + + figure.frame img { + border: 1px solid $header-color; + } + // for slideshows show the first figure, hide rest div.slideshow figure { display: none; @@ -213,6 +235,23 @@ main { } } + div.gallery { + width: 100%; + float: left; + margin-bottom: 1em; + + img { + // width: 45%; + + height: 200px; + float: left; + } + } + + div.gallery + p { + clear: both; + } + // drop caps // TODO: this needs work @if $drop-caps { @@ -263,14 +302,14 @@ main { padding-left: 0; li { list-style: none; - padding-left: 1em; - padding-bottom: .2em; + padding-left: 1.2em; + padding-bottom: .3em; margin-left: 0; // mdash for unordered list items &::before { content: "\2014"; - margin-left: -1em; + margin-left: -1.2em; margin-right: .2em; } diff --git a/assets/blog/example1/Quarter_Horse_Buckskin.jpg b/assets/blog/example/Quarter_Horse_Buckskin.jpg similarity index 100% rename from assets/blog/example1/Quarter_Horse_Buckskin.jpg rename to assets/blog/example/Quarter_Horse_Buckskin.jpg diff --git a/assets/blog/example/gallery/Lanius_isabellinus1.jpg b/assets/blog/example/gallery/Lanius_isabellinus1.jpg new file mode 100644 index 0000000..48a9bde Binary files /dev/null and b/assets/blog/example/gallery/Lanius_isabellinus1.jpg differ diff --git a/assets/blog/example/gallery/dusan-smetana-ah7KHxYg6Ow-unsplash.jpg b/assets/blog/example/gallery/dusan-smetana-ah7KHxYg6Ow-unsplash.jpg new file mode 100644 index 0000000..88e8fc6 Binary files /dev/null and b/assets/blog/example/gallery/dusan-smetana-ah7KHxYg6Ow-unsplash.jpg differ diff --git a/assets/blog/example/gallery/jay-ruzesky-h13Y8vyIXNU-unsplash.jpg b/assets/blog/example/gallery/jay-ruzesky-h13Y8vyIXNU-unsplash.jpg new file mode 100644 index 0000000..452a285 Binary files /dev/null and b/assets/blog/example/gallery/jay-ruzesky-h13Y8vyIXNU-unsplash.jpg differ diff --git a/assets/blog/example/gallery/maurits-bausenhart-OkYjLpB2gzA-unsplash.jpg b/assets/blog/example/gallery/maurits-bausenhart-OkYjLpB2gzA-unsplash.jpg new file mode 100644 index 0000000..d020ac0 Binary files /dev/null and b/assets/blog/example/gallery/maurits-bausenhart-OkYjLpB2gzA-unsplash.jpg differ diff --git a/assets/blog/example/gallery/sneaky-elbow-h00rqvO5A-M-unsplash.jpg b/assets/blog/example/gallery/sneaky-elbow-h00rqvO5A-M-unsplash.jpg new file mode 100644 index 0000000..49996c5 Binary files /dev/null and b/assets/blog/example/gallery/sneaky-elbow-h00rqvO5A-M-unsplash.jpg differ diff --git a/assets/blog/getting-started/undraw_browsing_online_sr8c.svg b/assets/blog/getting-started/undraw_browsing_online_sr8c.svg new file mode 100644 index 0000000..a46bf6f --- /dev/null +++ b/assets/blog/getting-started/undraw_browsing_online_sr8c.svg @@ -0,0 +1 @@ + \ No newline at end of file