diff --git a/CHANGELOG.md b/CHANGELOG.md index d0f273fe..572811ce 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,7 @@ - Improve `page` and `archive` layouts to visually center main content and harmonize sidebar widths and placement. [#1166](https://github.com/mmistakes/minimal-mistakes/pull/1166) - Increase font-size of code blocks. - Reduce indent of nested "table of contents" links. +- Extend [archive grid view](https://mmistakes.github.io/minimal-mistakes/docs/layouts/) to the right to better fill the page. ## Bug Fixes @@ -18,6 +19,7 @@ - Fix typo `words_per_minute` typo in documentation. [#1164](https://github.com/mmistakes/minimal-mistakes/pull/1164) - Remove outside and right borders in `table`s. - Adjust width of `.sidebar` to match `.sidebar__right`. +- Add sample documents to ["portfolio" collection](https://mmistakes.github.io/minimal-mistakes/portfolio/) for testing grid view. ## [4.5.0](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.5.0) diff --git a/_sass/minimal-mistakes/_archive.scss b/_sass/minimal-mistakes/_archive.scss index 301b2606..27f2871f 100644 --- a/_sass/minimal-mistakes/_archive.scss +++ b/_sass/minimal-mistakes/_archive.scss @@ -96,6 +96,21 @@ Grid view ========================================================================== */ +.archive { + + .grid__wrapper { + /* extend grid elements to the right */ + + @include breakpoint($large) { + margin-right: -1 * $right-sidebar-width-narrow; + } + + @include breakpoint($x-large) { + margin-right: -1 * $right-sidebar-width; + } + } +} + .grid__item { margin-bottom: 2em; diff --git a/docs/_docs/18-history.md b/docs/_docs/18-history.md index 84510d38..181cfcfb 100644 --- a/docs/_docs/18-history.md +++ b/docs/_docs/18-history.md @@ -4,7 +4,7 @@ permalink: /docs/history/ excerpt: "Change log of enhancements and bug fixes made to the theme." sidebar: nav: docs -last_modified_at: 2017-08-09T09:02:47-04:00 +last_modified_at: 2017-08-09T12:59:12-04:00 --- ## Unreleased @@ -16,6 +16,7 @@ last_modified_at: 2017-08-09T09:02:47-04:00 - Improve `page` and `archive` layouts to visually center main content and harmonize sidebar widths and placement. [#1166](https://github.com/mmistakes/minimal-mistakes/pull/1166) - Increase font-size of code blocks. - Reduce indent of nested "table of contents" links. +- Extend [archive grid view](https://mmistakes.github.io/minimal-mistakes/docs/layouts/) to the right to better fill the page. ## Bug Fixes @@ -27,6 +28,7 @@ last_modified_at: 2017-08-09T09:02:47-04:00 - Fix typo `words_per_minute` typo in documentation. [#1164](https://github.com/mmistakes/minimal-mistakes/pull/1164) - Remove outside and right borders in `table`s. - Adjust width of `.sidebar` to match `.sidebar__right`. +- Add sample documents to ["portfolio" collection](https://mmistakes.github.io/minimal-mistakes/portfolio/) for testing grid view. ## [4.5.0](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.5.0) diff --git a/docs/_portfolio/baz-boom-identity.md b/docs/_portfolio/baz-boom-identity.md new file mode 100644 index 00000000..98edd8f4 --- /dev/null +++ b/docs/_portfolio/baz-boom-identity.md @@ -0,0 +1,30 @@ +--- +title: "Baz Boom Identity" +excerpt: "Baz Boom design system including logo mark, website design, and branding applications." +header: + image: /assets/images/unsplash-gallery-image-1.jpg + teaser: assets/images/unsplash-gallery-image-1-th.jpg +sidebar: + - title: "Role" + image: http://placehold.it/350x250 + image_alt: "logo" + text: "Designer, Front-End Developer" + - title: "Responsibilities" + text: "Reuters try PR stupid commenters should isn't a business model" +gallery: + - url: /assets/images/unsplash-gallery-image-1.jpg + image_path: assets/images/unsplash-gallery-image-1-th.jpg + alt: "placeholder image 1" + - url: /assets/images/unsplash-gallery-image-2.jpg + image_path: assets/images/unsplash-gallery-image-2-th.jpg + alt: "placeholder image 2" + - url: /assets/images/unsplash-gallery-image-3.jpg + image_path: assets/images/unsplash-gallery-image-3-th.jpg + alt: "placeholder image 3" +--- + +Pictures of Goats section West Seattle Blog dingbat newspaper rubber cement Google+ newsroom cafe news.me rubber cement, Ushahidi Kindle Single syndicated Instagram HuffPo community mthomps, Mozilla iPhone app should isn't a business model curmudgeon Snarkmarket Tim Carmody production of innocence. Fuego tweets community DocumentCloud metered model Gardening & War section YouTube social media SEO information overload analytics Aron Pilhofer Journal Register data visualization WikiLeaks Groupon, collaboration Steve Jobs we need a Nate Silver AP What Would Google Do the power of the press belongs to the person who owns one Clay Shirky curmudgeon Voice of San Diego free as in beer dead trees the notion of the public Lucius Nieman. + +{% include gallery caption="This is a sample gallery to go along with this case study." %} + +hackgate copyright Lucius Nieman CNN leaves it there right-sizing a giant stack of newspapers that you'll never read net neutrality algorithms RT algorithms TechCrunch 5% corruption, horse-race coverage Gardening & War section CTR try PR CPC David Cohn shoot a photo algorithms content is king Android Snarkmarket crowdfunding, Fuego Twitter topples dictators YouTube abundance WordPress Reuters try PR stupid commenters should isn't a business model bringing a tote bag to a knife fight. \ No newline at end of file diff --git a/docs/_portfolio/fizz-bang-identity.md b/docs/_portfolio/fizz-bang-identity.md new file mode 100644 index 00000000..b0488198 --- /dev/null +++ b/docs/_portfolio/fizz-bang-identity.md @@ -0,0 +1,30 @@ +--- +title: "Fizz Bang Identity" +excerpt: "Fizz Bang design system including logo mark, website design, and branding applications." +header: + image: /assets/images/unsplash-gallery-image-2.jpg + teaser: assets/images/unsplash-gallery-image-2-th.jpg +sidebar: + - title: "Role" + image: http://placehold.it/350x250 + image_alt: "logo" + text: "Designer, Front-End Developer" + - title: "Responsibilities" + text: "Reuters try PR stupid commenters should isn't a business model" +gallery: + - url: /assets/images/unsplash-gallery-image-1.jpg + image_path: assets/images/unsplash-gallery-image-1-th.jpg + alt: "placeholder image 1" + - url: /assets/images/unsplash-gallery-image-2.jpg + image_path: assets/images/unsplash-gallery-image-2-th.jpg + alt: "placeholder image 2" + - url: /assets/images/unsplash-gallery-image-3.jpg + image_path: assets/images/unsplash-gallery-image-3-th.jpg + alt: "placeholder image 3" +--- + +Pictures of Goats section West Seattle Blog dingbat newspaper rubber cement Google+ newsroom cafe news.me rubber cement, Ushahidi Kindle Single syndicated Instagram HuffPo community mthomps, Mozilla iPhone app should isn't a business model curmudgeon Snarkmarket Tim Carmody production of innocence. Fuego tweets community DocumentCloud metered model Gardening & War section YouTube social media SEO information overload analytics Aron Pilhofer Journal Register data visualization WikiLeaks Groupon, collaboration Steve Jobs we need a Nate Silver AP What Would Google Do the power of the press belongs to the person who owns one Clay Shirky curmudgeon Voice of San Diego free as in beer dead trees the notion of the public Lucius Nieman. + +{% include gallery caption="This is a sample gallery to go along with this case study." %} + +hackgate copyright Lucius Nieman CNN leaves it there right-sizing a giant stack of newspapers that you'll never read net neutrality algorithms RT algorithms TechCrunch 5% corruption, horse-race coverage Gardening & War section CTR try PR CPC David Cohn shoot a photo algorithms content is king Android Snarkmarket crowdfunding, Fuego Twitter topples dictators YouTube abundance WordPress Reuters try PR stupid commenters should isn't a business model bringing a tote bag to a knife fight. \ No newline at end of file diff --git a/docs/_portfolio/ginger-gulp-identity.md b/docs/_portfolio/ginger-gulp-identity.md new file mode 100644 index 00000000..4a9d75cd --- /dev/null +++ b/docs/_portfolio/ginger-gulp-identity.md @@ -0,0 +1,30 @@ +--- +title: "Ginger Gulp Identity" +excerpt: "Ginger Gulp design system including logo mark, website design, and branding applications." +header: + image: /assets/images/unsplash-gallery-image-3.jpg + teaser: assets/images/unsplash-gallery-image-3-th.jpg +sidebar: + - title: "Role" + image: http://placehold.it/350x250 + image_alt: "logo" + text: "Designer, Front-End Developer" + - title: "Responsibilities" + text: "Reuters try PR stupid commenters should isn't a business model" +gallery: + - url: /assets/images/unsplash-gallery-image-1.jpg + image_path: assets/images/unsplash-gallery-image-1-th.jpg + alt: "placeholder image 1" + - url: /assets/images/unsplash-gallery-image-2.jpg + image_path: assets/images/unsplash-gallery-image-2-th.jpg + alt: "placeholder image 2" + - url: /assets/images/unsplash-gallery-image-3.jpg + image_path: assets/images/unsplash-gallery-image-3-th.jpg + alt: "placeholder image 3" +--- + +Pictures of Goats section West Seattle Blog dingbat newspaper rubber cement Google+ newsroom cafe news.me rubber cement, Ushahidi Kindle Single syndicated Instagram HuffPo community mthomps, Mozilla iPhone app should isn't a business model curmudgeon Snarkmarket Tim Carmody production of innocence. Fuego tweets community DocumentCloud metered model Gardening & War section YouTube social media SEO information overload analytics Aron Pilhofer Journal Register data visualization WikiLeaks Groupon, collaboration Steve Jobs we need a Nate Silver AP What Would Google Do the power of the press belongs to the person who owns one Clay Shirky curmudgeon Voice of San Diego free as in beer dead trees the notion of the public Lucius Nieman. + +{% include gallery caption="This is a sample gallery to go along with this case study." %} + +hackgate copyright Lucius Nieman CNN leaves it there right-sizing a giant stack of newspapers that you'll never read net neutrality algorithms RT algorithms TechCrunch 5% corruption, horse-race coverage Gardening & War section CTR try PR CPC David Cohn shoot a photo algorithms content is king Android Snarkmarket crowdfunding, Fuego Twitter topples dictators YouTube abundance WordPress Reuters try PR stupid commenters should isn't a business model bringing a tote bag to a knife fight. \ No newline at end of file diff --git a/docs/_sass/minimal-mistakes/_archive.scss b/docs/_sass/minimal-mistakes/_archive.scss index 301b2606..27f2871f 100644 --- a/docs/_sass/minimal-mistakes/_archive.scss +++ b/docs/_sass/minimal-mistakes/_archive.scss @@ -96,6 +96,21 @@ Grid view ========================================================================== */ +.archive { + + .grid__wrapper { + /* extend grid elements to the right */ + + @include breakpoint($large) { + margin-right: -1 * $right-sidebar-width-narrow; + } + + @include breakpoint($x-large) { + margin-right: -1 * $right-sidebar-width; + } + } +} + .grid__item { margin-bottom: 2em; diff --git a/test/_portfolio/baz-boom-identity.md b/test/_portfolio/baz-boom-identity.md new file mode 100644 index 00000000..98edd8f4 --- /dev/null +++ b/test/_portfolio/baz-boom-identity.md @@ -0,0 +1,30 @@ +--- +title: "Baz Boom Identity" +excerpt: "Baz Boom design system including logo mark, website design, and branding applications." +header: + image: /assets/images/unsplash-gallery-image-1.jpg + teaser: assets/images/unsplash-gallery-image-1-th.jpg +sidebar: + - title: "Role" + image: http://placehold.it/350x250 + image_alt: "logo" + text: "Designer, Front-End Developer" + - title: "Responsibilities" + text: "Reuters try PR stupid commenters should isn't a business model" +gallery: + - url: /assets/images/unsplash-gallery-image-1.jpg + image_path: assets/images/unsplash-gallery-image-1-th.jpg + alt: "placeholder image 1" + - url: /assets/images/unsplash-gallery-image-2.jpg + image_path: assets/images/unsplash-gallery-image-2-th.jpg + alt: "placeholder image 2" + - url: /assets/images/unsplash-gallery-image-3.jpg + image_path: assets/images/unsplash-gallery-image-3-th.jpg + alt: "placeholder image 3" +--- + +Pictures of Goats section West Seattle Blog dingbat newspaper rubber cement Google+ newsroom cafe news.me rubber cement, Ushahidi Kindle Single syndicated Instagram HuffPo community mthomps, Mozilla iPhone app should isn't a business model curmudgeon Snarkmarket Tim Carmody production of innocence. Fuego tweets community DocumentCloud metered model Gardening & War section YouTube social media SEO information overload analytics Aron Pilhofer Journal Register data visualization WikiLeaks Groupon, collaboration Steve Jobs we need a Nate Silver AP What Would Google Do the power of the press belongs to the person who owns one Clay Shirky curmudgeon Voice of San Diego free as in beer dead trees the notion of the public Lucius Nieman. + +{% include gallery caption="This is a sample gallery to go along with this case study." %} + +hackgate copyright Lucius Nieman CNN leaves it there right-sizing a giant stack of newspapers that you'll never read net neutrality algorithms RT algorithms TechCrunch 5% corruption, horse-race coverage Gardening & War section CTR try PR CPC David Cohn shoot a photo algorithms content is king Android Snarkmarket crowdfunding, Fuego Twitter topples dictators YouTube abundance WordPress Reuters try PR stupid commenters should isn't a business model bringing a tote bag to a knife fight. \ No newline at end of file diff --git a/test/_portfolio/fizz-bang-identity.md b/test/_portfolio/fizz-bang-identity.md new file mode 100644 index 00000000..b0488198 --- /dev/null +++ b/test/_portfolio/fizz-bang-identity.md @@ -0,0 +1,30 @@ +--- +title: "Fizz Bang Identity" +excerpt: "Fizz Bang design system including logo mark, website design, and branding applications." +header: + image: /assets/images/unsplash-gallery-image-2.jpg + teaser: assets/images/unsplash-gallery-image-2-th.jpg +sidebar: + - title: "Role" + image: http://placehold.it/350x250 + image_alt: "logo" + text: "Designer, Front-End Developer" + - title: "Responsibilities" + text: "Reuters try PR stupid commenters should isn't a business model" +gallery: + - url: /assets/images/unsplash-gallery-image-1.jpg + image_path: assets/images/unsplash-gallery-image-1-th.jpg + alt: "placeholder image 1" + - url: /assets/images/unsplash-gallery-image-2.jpg + image_path: assets/images/unsplash-gallery-image-2-th.jpg + alt: "placeholder image 2" + - url: /assets/images/unsplash-gallery-image-3.jpg + image_path: assets/images/unsplash-gallery-image-3-th.jpg + alt: "placeholder image 3" +--- + +Pictures of Goats section West Seattle Blog dingbat newspaper rubber cement Google+ newsroom cafe news.me rubber cement, Ushahidi Kindle Single syndicated Instagram HuffPo community mthomps, Mozilla iPhone app should isn't a business model curmudgeon Snarkmarket Tim Carmody production of innocence. Fuego tweets community DocumentCloud metered model Gardening & War section YouTube social media SEO information overload analytics Aron Pilhofer Journal Register data visualization WikiLeaks Groupon, collaboration Steve Jobs we need a Nate Silver AP What Would Google Do the power of the press belongs to the person who owns one Clay Shirky curmudgeon Voice of San Diego free as in beer dead trees the notion of the public Lucius Nieman. + +{% include gallery caption="This is a sample gallery to go along with this case study." %} + +hackgate copyright Lucius Nieman CNN leaves it there right-sizing a giant stack of newspapers that you'll never read net neutrality algorithms RT algorithms TechCrunch 5% corruption, horse-race coverage Gardening & War section CTR try PR CPC David Cohn shoot a photo algorithms content is king Android Snarkmarket crowdfunding, Fuego Twitter topples dictators YouTube abundance WordPress Reuters try PR stupid commenters should isn't a business model bringing a tote bag to a knife fight. \ No newline at end of file diff --git a/test/_portfolio/ginger-gulp-identity.md b/test/_portfolio/ginger-gulp-identity.md new file mode 100644 index 00000000..4a9d75cd --- /dev/null +++ b/test/_portfolio/ginger-gulp-identity.md @@ -0,0 +1,30 @@ +--- +title: "Ginger Gulp Identity" +excerpt: "Ginger Gulp design system including logo mark, website design, and branding applications." +header: + image: /assets/images/unsplash-gallery-image-3.jpg + teaser: assets/images/unsplash-gallery-image-3-th.jpg +sidebar: + - title: "Role" + image: http://placehold.it/350x250 + image_alt: "logo" + text: "Designer, Front-End Developer" + - title: "Responsibilities" + text: "Reuters try PR stupid commenters should isn't a business model" +gallery: + - url: /assets/images/unsplash-gallery-image-1.jpg + image_path: assets/images/unsplash-gallery-image-1-th.jpg + alt: "placeholder image 1" + - url: /assets/images/unsplash-gallery-image-2.jpg + image_path: assets/images/unsplash-gallery-image-2-th.jpg + alt: "placeholder image 2" + - url: /assets/images/unsplash-gallery-image-3.jpg + image_path: assets/images/unsplash-gallery-image-3-th.jpg + alt: "placeholder image 3" +--- + +Pictures of Goats section West Seattle Blog dingbat newspaper rubber cement Google+ newsroom cafe news.me rubber cement, Ushahidi Kindle Single syndicated Instagram HuffPo community mthomps, Mozilla iPhone app should isn't a business model curmudgeon Snarkmarket Tim Carmody production of innocence. Fuego tweets community DocumentCloud metered model Gardening & War section YouTube social media SEO information overload analytics Aron Pilhofer Journal Register data visualization WikiLeaks Groupon, collaboration Steve Jobs we need a Nate Silver AP What Would Google Do the power of the press belongs to the person who owns one Clay Shirky curmudgeon Voice of San Diego free as in beer dead trees the notion of the public Lucius Nieman. + +{% include gallery caption="This is a sample gallery to go along with this case study." %} + +hackgate copyright Lucius Nieman CNN leaves it there right-sizing a giant stack of newspapers that you'll never read net neutrality algorithms RT algorithms TechCrunch 5% corruption, horse-race coverage Gardening & War section CTR try PR CPC David Cohn shoot a photo algorithms content is king Android Snarkmarket crowdfunding, Fuego Twitter topples dictators YouTube abundance WordPress Reuters try PR stupid commenters should isn't a business model bringing a tote bag to a knife fight. \ No newline at end of file