diff --git a/content/photography/_index.md b/content/photography/_index.md new file mode 100644 index 0000000..4488510 --- /dev/null +++ b/content/photography/_index.md @@ -0,0 +1,7 @@ +--- +title: Photography +extra: + section_embed_mode: photos +--- + +## My photo collections diff --git a/content/photography/quebec-2017.md b/content/photography/quebec-2017.md new file mode 100644 index 0000000..a157e34 --- /dev/null +++ b/content/photography/quebec-2017.md @@ -0,0 +1,41 @@ +--- +title: A trip around Québec +date: 2017-06-22 +description: My favorites from a larger collection of photos taken on a trip around Québec +extra: + cover_image: /photos/quebec-2017/20170622_112655-01.jpeg +--- + +Back in 2017, I took a school-organized trip around Québec. My friends and I brought our cameras, loaded up on SD cards, and went all out with some pretty creative shots. + +While I was mainly focused on shooting video, I did take a few hundred photos along the way, and later edited them all to fit a sort of rough grainy theme I was playing around with at the time. + + + +![](/photos/quebec-2017/20170621_132531-01.jpeg) + +![](/photos/quebec-2017/20170621_131126-01.jpeg) + +![](/photos/quebec-2017/20170621_225558-01.jpeg) + +
+ +I am quite fond of this one, a super wide shot made from stitching a bunch of photos together in [Microsoft ICE](https://en.wikipedia.org/wiki/Image_Composite_Editor). + +![](/photos/quebec-2017/20170621_105853-01.jpeg) + +
+ +![](/photos/quebec-2017/20170621_105921-01.jpeg) + +![](/photos/quebec-2017/20170622_112655-01.jpeg) + +
+ +I also took a bunch of neat waterfall photos: + +![](/photos/quebec-2017/20170622_152959-01.jpeg) + +![](/photos/quebec-2017/20170622_153509-02.jpeg) + +![](/photos/quebec-2017/20170622_153903-01.jpeg) diff --git a/sass/styles/components/photo-collection-card.scss b/sass/styles/components/photo-collection-card.scss new file mode 100644 index 0000000..fbd00ce --- /dev/null +++ b/sass/styles/components/photo-collection-card.scss @@ -0,0 +1,20 @@ +.photo-collection-card { + text-decoration: none !important; + color: unset !important; + + .card { + .cover-image { + min-height: 100%; + min-width: 100%; + overflow: hidden; + } + + .card-title { + margin: 0; + } + + &:hover { + box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1); + } + } +} diff --git a/static/photos/quebec-2017/20170621_105853-01.jpeg b/static/photos/quebec-2017/20170621_105853-01.jpeg new file mode 100644 index 0000000..6c37ad9 Binary files /dev/null and b/static/photos/quebec-2017/20170621_105853-01.jpeg differ diff --git a/static/photos/quebec-2017/20170621_105921-01.jpeg b/static/photos/quebec-2017/20170621_105921-01.jpeg new file mode 100644 index 0000000..bab4d6c Binary files /dev/null and b/static/photos/quebec-2017/20170621_105921-01.jpeg differ diff --git a/static/photos/quebec-2017/20170621_131126-01.jpeg b/static/photos/quebec-2017/20170621_131126-01.jpeg new file mode 100644 index 0000000..8f2405c Binary files /dev/null and b/static/photos/quebec-2017/20170621_131126-01.jpeg differ diff --git a/static/photos/quebec-2017/20170621_132531-01.jpeg b/static/photos/quebec-2017/20170621_132531-01.jpeg new file mode 100644 index 0000000..51c0f7f Binary files /dev/null and b/static/photos/quebec-2017/20170621_132531-01.jpeg differ diff --git a/static/photos/quebec-2017/20170621_225558-01.jpeg b/static/photos/quebec-2017/20170621_225558-01.jpeg new file mode 100644 index 0000000..4b7bdbf Binary files /dev/null and b/static/photos/quebec-2017/20170621_225558-01.jpeg differ diff --git a/static/photos/quebec-2017/20170622_112655-01.jpeg b/static/photos/quebec-2017/20170622_112655-01.jpeg new file mode 100644 index 0000000..2ea7468 Binary files /dev/null and b/static/photos/quebec-2017/20170622_112655-01.jpeg differ diff --git a/static/photos/quebec-2017/20170622_152959-01.jpeg b/static/photos/quebec-2017/20170622_152959-01.jpeg new file mode 100644 index 0000000..9e121bc Binary files /dev/null and b/static/photos/quebec-2017/20170622_152959-01.jpeg differ diff --git a/static/photos/quebec-2017/20170622_153509-02.jpeg b/static/photos/quebec-2017/20170622_153509-02.jpeg new file mode 100644 index 0000000..c6033f8 Binary files /dev/null and b/static/photos/quebec-2017/20170622_153509-02.jpeg differ diff --git a/static/photos/quebec-2017/20170622_153903-01.jpeg b/static/photos/quebec-2017/20170622_153903-01.jpeg new file mode 100644 index 0000000..25105f2 Binary files /dev/null and b/static/photos/quebec-2017/20170622_153903-01.jpeg differ diff --git a/templates/components/navbar.html b/templates/components/navbar.html index 0b493c7..8eeda6b 100644 --- a/templates/components/navbar.html +++ b/templates/components/navbar.html @@ -10,17 +10,18 @@
  • |
  • Blog
  • |
    • - {#
  • +
    • -
  • |
    • #} +
  • |
  • Contact
    • diff --git a/templates/components/photo-collection-card.html b/templates/components/photo-collection-card.html new file mode 100644 index 0000000..4d2a7d2 --- /dev/null +++ b/templates/components/photo-collection-card.html @@ -0,0 +1,24 @@ +{% block component_styles %} +{{ super() }} + +{% endblock component_styles %} + + +
    +
    +
    + Cover image +
    +
    +
    +

    {{collection.title}}

    + {% if collection.description %} +

    {{collection.description}}

    + {% endif %} +

    Published on {{collection.date}}

    +
    +
    +
    +
    +     \ No newline at end of file diff --git a/templates/section.html b/templates/section.html index b2b14f7..d8a4084 100644 --- a/templates/section.html +++ b/templates/section.html @@ -20,7 +20,7 @@ {# Handle various embed modes #} {% if section.extra.section_embed_mode %} - +{# Blog post injection #} {% if section.extra.section_embed_mode == "blog_posts" %} {# {% endif %} + +{# Photo collection injection #} +{% if section.extra.section_embed_mode == "photos" %} +{% for collection in section.pages %} +{% include "components/photo-collection-card.html" %} +{% endfor %} +{% endif %} + + {% endif %} {% endblock content %} \ No newline at end of file