Add covers to snippets

2022-06-09 12:11:34 +03:00
parent f1fbd5429e
commit cc2bc5adea
79 changed files with 79 additions and 0 deletions
--- a/snippets/border-with-top-triangle.md
+++ b/snippets/border-with-top-triangle.md
@ -2,6 +2,7 @@
 title: Border with top triangle
 tags: visual
 expertise: beginner
+cover: blog_images/greek-coffee.jpg
 firstSeen: 2019-01-18T12:18:43+02:00
 lastUpdated: 2021-01-07T23:52:15+02:00
 ---
--- a/snippets/bouncing-loader.md
+++ b/snippets/bouncing-loader.md
@ -2,6 +2,7 @@
 title: Bouncing loader
 tags: animation
 expertise: intermediate
+cover: blog_images/digital-nomad-12.jpg
 firstSeen: 2018-03-04T06:24:22+02:00
 lastUpdated: 2021-10-11T18:44:51+03:00
 ---
--- a/snippets/box-sizing-reset.md
+++ b/snippets/box-sizing-reset.md
@ -2,6 +2,7 @@
 title: Box-sizing reset
 tags: layout
 expertise: beginner
+cover: blog_images/interior.jpg
 firstSeen: 2018-02-27T18:59:09+02:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/button-border-animation.md
+++ b/snippets/button-border-animation.md
@ -2,6 +2,7 @@
 title: Button border animation
 tags: animation
 expertise: intermediate
+cover: blog_images/highlands.jpg
 firstSeen: 2019-01-21T18:52:46+02:00
 lastUpdated: 2021-05-24T15:28:52+03:00
 ---
--- a/snippets/button-focus-swing-animation.md
+++ b/snippets/button-focus-swing-animation.md
@ -3,6 +3,7 @@ title: Button swing animation
 tags: animation
 expertise: intermediate
 author: chalarangelo
+cover: blog_images/painters-desk.jpg
 firstSeen: 2021-05-24T15:28:52+03:00
 lastUpdated: 2021-05-24T15:28:52+03:00
 ---
--- a/snippets/button-hover-fill-animation.md
+++ b/snippets/button-hover-fill-animation.md
@ -2,6 +2,7 @@
 title: Button fill animation
 tags: animation
 expertise: beginner
+cover: blog_images/beach-pineapple.jpg
 firstSeen: 2020-10-08T20:48:11+03:00
 lastUpdated: 2021-04-02T21:34:43+03:00
 ---
--- a/snippets/button-hover-grow-animation.md
+++ b/snippets/button-hover-grow-animation.md
@ -3,6 +3,7 @@ title: Button grow animation
 tags: animation
 expertise: beginner
 author: chalarangelo
+cover: blog_images/white-laptop.jpg
 firstSeen: 2021-05-24T15:28:52+03:00
 lastUpdated: 2021-05-24T15:28:52+03:00
 ---
--- a/snippets/button-hover-shrink-animation.md
+++ b/snippets/button-hover-shrink-animation.md
@ -3,6 +3,7 @@ title: Button shrink animation
 tags: animation
 expertise: beginner
 author: chalarangelo
+cover: blog_images/clay-pot-horizon.jpg
 firstSeen: 2021-05-24T15:28:52+03:00
 lastUpdated: 2021-05-24T15:28:52+03:00
 ---
--- a/snippets/checkerboard-pattern.md
+++ b/snippets/checkerboard-pattern.md
@ -2,6 +2,7 @@
 title: Checkerboard background pattern
 tags: visual
 expertise: intermediate
+cover: blog_images/digital-nomad-2.jpg
 firstSeen: 2021-01-11T09:51:43+02:00
 lastUpdated: 2021-10-13T19:29:39+02:00
 ---
--- a/snippets/circle.md
+++ b/snippets/circle.md
@ -2,6 +2,7 @@
 title: Circle
 tags: visual
 expertise: beginner
+cover: blog_images/oven-paddle.jpg
 firstSeen: 2018-03-04T08:19:52+02:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/clearfix.md
+++ b/snippets/clearfix.md
@ -2,6 +2,7 @@
 title: Clearfix
 tags: layout
 expertise: beginner
+cover: blog_images/memories-of-pineapple-3.jpg
 firstSeen: 2018-02-25T15:14:39+02:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/constant-width-to-height-ratio.md
+++ b/snippets/constant-width-to-height-ratio.md
@ -2,6 +2,7 @@
 title: Constant width to height ratio
 tags: layout
 expertise: beginner
+cover: blog_images/clutter.jpg
 firstSeen: 2018-02-27T10:45:26+02:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/counter.md
+++ b/snippets/counter.md
@ -2,6 +2,7 @@
 title: Counter
 tags: visual
 expertise: advanced
+cover: blog_images/laptop-plants.jpg
 firstSeen: 2018-03-07T22:12:42+02:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/custom-checkbox.md
+++ b/snippets/custom-checkbox.md
@ -3,6 +3,7 @@ title: Custom checkbox
 tags: visual,animation
 expertise: advanced
 author: chalarangelo
+cover: blog_images/interior-8.jpg
 firstSeen: 2021-05-16T13:09:15+03:00
 lastUpdated: 2021-10-11T18:44:51+03:00
 ---
--- a/snippets/custom-scrollbar.md
+++ b/snippets/custom-scrollbar.md
@ -2,6 +2,7 @@
 title: Custom scrollbar
 tags: visual
 expertise: advanced
+cover: blog_images/sea-view.jpg
 firstSeen: 2018-03-01T10:34:55+02:00
 lastUpdated: 2021-05-16T13:09:15+03:00
 ---
--- a/snippets/custom-text-selection.md
+++ b/snippets/custom-text-selection.md
@ -2,6 +2,7 @@
 title: Custom text selection
 tags: visual
 expertise: beginner
+cover: blog_images/digital-nomad.jpg
 firstSeen: 2018-02-25T15:14:39+02:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/disable-selection.md
+++ b/snippets/disable-selection.md
@ -2,6 +2,7 @@
 title: Disable selection
 tags: interactivity
 expertise: beginner
+cover: blog_images/interior-9.jpg
 firstSeen: 2018-02-26T19:09:58+02:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/display-table-centering.md
+++ b/snippets/display-table-centering.md
@ -2,6 +2,7 @@
 title: Display table centering
 tags: layout
 expertise: intermediate
+cover: blog_images/malibu.jpg
 firstSeen: 2018-03-30T01:15:54+03:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/donut-spinner.md
+++ b/snippets/donut-spinner.md
@ -2,6 +2,7 @@
 title: Donut spinner
 tags: animation
 expertise: intermediate
+cover: blog_images/digital-nomad-3.jpg
 firstSeen: 2018-02-27T17:32:35+02:00
 lastUpdated: 2021-10-13T19:29:39+02:00
 ---
--- a/snippets/drop-cap.md
+++ b/snippets/drop-cap.md
@ -2,6 +2,7 @@
 title: Drop cap
 tags: visual
 expertise: beginner
+cover: blog_images/bamboo-lamp.jpg
 firstSeen: 2018-10-13T07:47:30+03:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/dynamic-shadow.md
+++ b/snippets/dynamic-shadow.md
@ -2,6 +2,7 @@
 title: Dynamic shadow
 tags: visual
 expertise: intermediate
+cover: blog_images/couch-laptop.jpg
 firstSeen: 2018-03-05T13:51:36+02:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/etched-text.md
+++ b/snippets/etched-text.md
@ -2,6 +2,7 @@
 title: Etched text
 tags: visual
 expertise: intermediate
+cover: blog_images/memories-of-pineapple-2.jpg
 firstSeen: 2018-02-25T15:14:39+02:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/evenly-distributed-children.md
+++ b/snippets/evenly-distributed-children.md
@ -2,6 +2,7 @@
 title: Evenly distributed children
 tags: layout
 expertise: intermediate
+cover: blog_images/little-bird.jpg
 firstSeen: 2018-02-28T13:47:02+02:00
 lastUpdated: 2021-10-13T19:29:39+02:00
 ---
--- a/snippets/fit-image-in-container.md
+++ b/snippets/fit-image-in-container.md
@ -2,6 +2,7 @@
 title: Fit image in container
 tags: layout,visual
 expertise: intermediate
+cover: blog_images/succulent-3.jpg
 firstSeen: 2018-10-31T08:34:49+02:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/flexbox-centering.md
+++ b/snippets/flexbox-centering.md
@ -2,6 +2,7 @@
 title: Flexbox centering
 tags: layout
 expertise: beginner
+cover: blog_images/basket-paper.jpg
 firstSeen: 2018-03-03T11:57:27+02:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/floating-list-titles.md
+++ b/snippets/floating-list-titles.md
@ -3,6 +3,7 @@ title: List with floating section headings
 tags: visual
 expertise: advanced
 author: chalarangelo
+cover: blog_images/pop-of-green.jpg
 firstSeen: 2020-08-18T15:44:01+03:00
 lastUpdated: 2021-10-11T18:44:51+03:00
 ---
--- a/snippets/fluid-typography.md
+++ b/snippets/fluid-typography.md
@ -3,6 +3,7 @@ title: Fluid typography
 tags: visual
 expertise: intermediate
 author: chalarangelo
+cover: blog_images/shell-focus.jpg
 firstSeen: 2021-05-16T11:23:05+03:00
 lastUpdated: 2021-05-16T11:23:05+03:00
 ---
--- a/snippets/focus-within.md
+++ b/snippets/focus-within.md
@ -2,6 +2,7 @@
 title: Focus Within
 tags: visual,interactivity
 expertise: intermediate
+cover: blog_images/boats.jpg
 firstSeen: 2018-10-23T03:58:13+03:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/full-width.md
+++ b/snippets/full-width.md
@ -3,6 +3,7 @@ title: Full-width image
 tags: layout
 expertise: intermediate
 author: chalarangelo
+cover: blog_images/yellow-white-mug-2.jpg
 firstSeen: 2021-01-07T10:14:46+02:00
 lastUpdated: 2021-01-07T10:14:46+02:00
 ---
--- a/snippets/fullscreen.md
+++ b/snippets/fullscreen.md
@ -2,6 +2,7 @@
 title: Fullscreen
 tags: visual
 expertise: advanced
+cover: blog_images/flower-portrait-3.jpg
 firstSeen: 2019-01-12T13:08:40+02:00
 lastUpdated: 2021-10-13T19:29:39+02:00
 ---
--- a/snippets/gradient-text.md
+++ b/snippets/gradient-text.md
@ -2,6 +2,7 @@
 title: Gradient text
 tags: visual
 expertise: intermediate
+cover: blog_images/red-berries.jpg
 firstSeen: 2018-02-25T15:14:39+02:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/grid-centering.md
+++ b/snippets/grid-centering.md
@ -2,6 +2,7 @@
 title: Grid centering
 tags: layout
 expertise: beginner
+cover: blog_images/work-hard-computer.jpg
 firstSeen: 2018-03-03T12:13:59+02:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/hamburger-button.md
+++ b/snippets/hamburger-button.md
@ -2,6 +2,7 @@
 title: Hamburger Button
 tags: interactivity
 expertise: intermediate
+cover: blog_images/volcano-sunset.jpg
 firstSeen: 2019-10-10T03:49:38+03:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/height-transition.md
+++ b/snippets/height-transition.md
@ -2,6 +2,7 @@
 title: Height transition
 tags: animation
 expertise: intermediate
+cover: blog_images/washed-ashore.jpg
 firstSeen: 2018-03-17T10:53:02+02:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/hide-scrollbars.md
+++ b/snippets/hide-scrollbars.md
@ -3,6 +3,7 @@ title: Hide scroll bars
 tags: visual
 expertise: intermediate
 author: chalarangelo
+cover: blog_images/by-the-lighthouse.jpg
 firstSeen: 2022-05-13T05:00:00-04:00
 ---

--- a/snippets/horizontal-gallery.md
+++ b/snippets/horizontal-gallery.md
@ -2,6 +2,7 @@
 title: Image gallery with horizontal scroll
 tags: visual,interactivity
 expertise: advanced
+cover: blog_images/flower-portrait-5.jpg
 firstSeen: 2022-05-01T05:00:00-04:00
 ---

--- a/snippets/horizontal-scroll-snap.md
+++ b/snippets/horizontal-scroll-snap.md
@ -2,6 +2,7 @@
 title: Horizontal scroll snap
 tags: interactivity
 expertise: intermediate
+cover: blog_images/waves-from-above.jpg
 firstSeen: 2020-08-18T14:25:46+03:00
 lastUpdated: 2021-10-11T18:44:51+03:00
 ---
--- a/snippets/hover-additional-content.md
+++ b/snippets/hover-additional-content.md
@ -2,6 +2,7 @@
 title: Show additional content on hover
 tags: visual
 expertise: intermediate
+cover: blog_images/dark-leaves-5.jpg
 firstSeen: 2020-08-18T16:40:23+03:00
 lastUpdated: 2021-10-11T18:44:51+03:00
 ---
--- a/snippets/hover-pespective.md
+++ b/snippets/hover-pespective.md
@ -3,6 +3,7 @@ title: Perspective transform on hover
 tags: animation
 expertise: intermediate
 author: chalarangelo
+cover: blog_images/tropical-bike.jpg
 firstSeen: 2021-05-17T13:58:04+03:00
 lastUpdated: 2021-05-17T13:58:04+03:00
 ---
--- a/snippets/hover-underline-animation.md
+++ b/snippets/hover-underline-animation.md
@ -2,6 +2,7 @@
 title: Hover underline animation
 tags: animation
 expertise: advanced
+cover: blog_images/coffee-phone-tray-2.jpg
 firstSeen: 2018-02-28T13:19:22+02:00
 lastUpdated: 2021-10-11T18:44:51+03:00
 ---
--- a/snippets/image-hover-menu.md
+++ b/snippets/image-hover-menu.md
@ -2,6 +2,7 @@
 title: Menu on image hover
 tags: layout,animation
 expertise: intermediate
+cover: blog_images/compass.jpg
 firstSeen: 2020-04-20T19:15:11+03:00
 lastUpdated: 2021-10-11T18:44:51+03:00
 ---
--- a/snippets/image-hover-rotate.md
+++ b/snippets/image-hover-rotate.md
@ -2,6 +2,7 @@
 title: Image rotate on hover
 tags: animation,visual
 expertise: intermediate
+cover: blog_images/succulent-1.jpg
 firstSeen: 2020-04-20T18:36:11+03:00
 lastUpdated: 2021-10-11T18:44:51+03:00
 ---
--- a/snippets/image-mosaic.md
+++ b/snippets/image-mosaic.md
@ -3,6 +3,7 @@ title: Responsive image mosaic
 tags: layout
 expertise: intermediate
 author: chalarangelo
+cover: blog_images/beach-riders.jpg
 firstSeen: 2020-08-18T17:18:03+03:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/image-overlay-hover.md
+++ b/snippets/image-overlay-hover.md
@ -2,6 +2,7 @@
 title: Image overlay on hover
 tags: visual,animation
 expertise: advanced
+cover: blog_images/architectural.jpg
 firstSeen: 2020-04-20T14:12:33+03:00
 lastUpdated: 2021-10-11T18:44:51+03:00
 ---
--- a/snippets/input-with-prefix.md
+++ b/snippets/input-with-prefix.md
@ -2,6 +2,7 @@
 title: Input with prefix
 tags: interactivity,visual
 expertise: intermediate
+cover: blog_images/flower-portrait-4.jpg
 firstSeen: 2020-10-14T14:16:57+03:00
 lastUpdated: 2021-10-13T19:29:39+02:00
 ---
--- a/snippets/isometric-card.md
+++ b/snippets/isometric-card.md
@ -3,6 +3,7 @@ title: Isometric card
 tags: visual
 expertise: intermediate
 author: chalarangelo
+cover: blog_images/guitar-living-room.jpg
 firstSeen: 2021-05-17T14:04:52+03:00
 lastUpdated: 2021-05-17T14:04:52+03:00
 ---
--- a/snippets/line-clamp.md
+++ b/snippets/line-clamp.md
@ -3,6 +3,7 @@ title: Trim multiline text
 tags: layout,visual
 expertise: intermediate
 author: chalarangelo
+cover: blog_images/pink-flower-tree.jpg
 firstSeen: 2021-05-16T20:19:13+03:00
 lastUpdated: 2021-05-16T20:19:13+03:00
 ---
--- a/snippets/masonry-layout.md
+++ b/snippets/masonry-layout.md
@ -2,6 +2,7 @@
 title: Masonry Layout
 tags: layout
 expertise: advanced
+cover: blog_images/interior-2.jpg
 firstSeen: 2019-12-11T02:19:05+02:00
 lastUpdated: 2021-10-13T19:29:39+02:00
 ---
--- a/snippets/mouse-cursor-gradient-tracking.md
+++ b/snippets/mouse-cursor-gradient-tracking.md
@ -2,6 +2,7 @@
 title: Mouse cursor gradient tracking
 tags: visual,interactivity
 expertise: advanced
+cover: blog_images/tram-car.jpg
 firstSeen: 2018-02-25T15:14:39+02:00
 lastUpdated: 2021-01-07T23:52:15+02:00
 ---
--- a/snippets/navigation-list-item-hover-and-focus-effect.md
+++ b/snippets/navigation-list-item-hover-and-focus-effect.md
@ -2,6 +2,7 @@
 title: Navigation list item hover and focus effect
 tags: visual
 expertise: beginner
+cover: blog_images/cloudy-rock-formation.jpg
 firstSeen: 2019-09-19T22:48:57+03:00
 lastUpdated: 2021-10-11T18:44:51+03:00
 ---
--- a/snippets/offscreen.md
+++ b/snippets/offscreen.md
@ -2,6 +2,7 @@
 title: Offscreen
 tags: layout,visual
 expertise: intermediate
+cover: blog_images/succulent-2.jpg
 firstSeen: 2018-03-30T18:50:31+03:00
 lastUpdated: 2021-10-11T18:44:51+03:00
 ---
--- a/snippets/overflow-scroll-gradient.md
+++ b/snippets/overflow-scroll-gradient.md
@ -2,6 +2,7 @@
 title: Overflow scroll gradient
 tags: visual
 expertise: intermediate
+cover: blog_images/memories-of-pineapple-1.jpg
 firstSeen: 2018-02-25T15:14:39+02:00
 lastUpdated: 2021-10-13T19:29:39+02:00
 ---
--- a/snippets/polka-dot-pattern.md
+++ b/snippets/polka-dot-pattern.md
@ -2,6 +2,7 @@
 title: Polka dot background pattern
 tags: visual
 expertise: intermediate
+cover: blog_images/bag-waiting.jpg
 firstSeen: 2021-01-11T09:51:43+02:00
 lastUpdated: 2021-10-13T19:29:39+02:00
 ---
--- a/snippets/popout-menu.md
+++ b/snippets/popout-menu.md
@ -2,6 +2,7 @@
 title: Popout menu
 tags: interactivity
 expertise: intermediate
+cover: blog_images/city-view.jpg
 firstSeen: 2018-02-25T15:14:39+02:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/pretty-text-underline.md
+++ b/snippets/pretty-text-underline.md
@ -2,6 +2,7 @@
 title: Pretty text underline
 tags: visual
 expertise: intermediate
+cover: blog_images/flower-portrait-6.jpg
 firstSeen: 2018-02-25T15:14:39+02:00
 lastUpdated: 2021-10-13T19:29:39+02:00
 ---
--- a/snippets/pulse-loader.md
+++ b/snippets/pulse-loader.md
@ -2,6 +2,7 @@
 title: Pulse loader
 tags: animation
 expertise: beginner
+cover: blog_images/digital-nomad-8.jpg
 firstSeen: 2019-10-05T14:29:36+03:00
 lastUpdated: 2021-10-13T19:29:39+02:00
 ---
--- a/snippets/reset-all-styles.md
+++ b/snippets/reset-all-styles.md
@ -2,6 +2,7 @@
 title: Reset all styles
 tags: visual
 expertise: beginner
+cover: blog_images/rocky-beach-2.jpg
 firstSeen: 2018-02-28T21:51:36+02:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/responsive-layout-sidebar.md
+++ b/snippets/responsive-layout-sidebar.md
@ -3,6 +3,7 @@ title: Responsive layout with sidebar
 tags: layout
 expertise: intermediate
 author: chalarangelo
+cover: blog_images/red-petals.jpg
 firstSeen: 2020-09-16T18:54:56+03:00
 lastUpdated: 2020-09-16T18:54:56+03:00
 ---
--- a/snippets/rotating-card.md
+++ b/snippets/rotating-card.md
@ -2,6 +2,7 @@
 title: Rotating Card
 tags: animation
 expertise: advanced
+cover: blog_images/digital-nomad-11.jpg
 firstSeen: 2020-10-04T14:10:24+03:00
 lastUpdated: 2021-03-30T15:24:01+03:00
 ---
--- a/snippets/scroll-progress-bar.md
+++ b/snippets/scroll-progress-bar.md
@ -3,6 +3,7 @@ title: Scroll progress bar
 tags: animation,visual
 expertise: intermediate
 author: chalarangelo
+cover: blog_images/coworking-space.jpg
 firstSeen: 2021-05-24T09:42:03+03:00
 lastUpdated: 2021-10-13T19:29:39+02:00
 ---
--- a/snippets/sibling-fade.md
+++ b/snippets/sibling-fade.md
@ -2,6 +2,7 @@
 title: Sibling fade
 tags: interactivity
 expertise: intermediate
+cover: blog_images/messy-papers.jpg
 firstSeen: 2018-03-05T10:17:23+02:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/staggered-animation.md
+++ b/snippets/staggered-animation.md
@ -2,6 +2,7 @@
 title: Staggered animation
 tags: animation
 expertise: advanced
+cover: blog_images/aerial-view-port.jpg
 firstSeen: 2020-03-16T12:19:05+02:00
 lastUpdated: 2021-10-11T18:44:51+03:00
 ---
--- a/snippets/sticky-list-titles.md
+++ b/snippets/sticky-list-titles.md
@ -3,6 +3,7 @@ title: List with sticky section headings
 tags: visual
 expertise: intermediate
 author: chalarangelo
+cover: blog_images/interior-7.jpg
 firstSeen: 2020-08-18T15:44:01+03:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/stripes-pattern.md
+++ b/snippets/stripes-pattern.md
@ -2,6 +2,7 @@
 title: Stripes background pattern
 tags: visual
 expertise: beginner
+cover: blog_images/jars-on-shelf.jpg
 firstSeen: 2021-01-11T09:51:43+02:00
 lastUpdated: 2021-01-11T09:51:43+02:00
 ---
--- a/snippets/stylized-quotation-marks.md
+++ b/snippets/stylized-quotation-marks.md
@ -3,6 +3,7 @@ title: Stylized quotation marks
 tags: visual
 expertise: beginner
 author: chalarangelo
+cover: blog_images/coffee-phone-tray.jpg
 firstSeen: 2021-05-16T19:53:02+03:00
 lastUpdated: 2021-05-16T19:53:02+03:00
 ---
--- a/snippets/system-font-stack.md
+++ b/snippets/system-font-stack.md
@ -2,6 +2,7 @@
 title: System font stack
 tags: visual
 expertise: beginner
+cover: blog_images/lavender-shelf.jpg
 firstSeen: 2018-02-25T15:14:39+02:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/text-backdrop-overlay.md
+++ b/snippets/text-backdrop-overlay.md
@ -3,6 +3,7 @@ title: Image text overlay
 tags: visual
 expertise: beginner
 author: chalarangelo
+cover: blog_images/mountain-lake-cottage.jpg
 firstSeen: 2020-08-18T15:07:32+03:00
 lastUpdated: 2021-10-13T19:29:39+02:00
 ---
--- a/snippets/tile-layout-using-inline-block.md
+++ b/snippets/tile-layout-using-inline-block.md
@ -2,6 +2,7 @@
 title: 3-tile layout
 tags: layout
 expertise: beginner
+cover: blog_images/godray-computer-mug.jpg
 firstSeen: 2019-10-02T09:51:59+03:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/toggle-switch.md
+++ b/snippets/toggle-switch.md
@ -2,6 +2,7 @@
 title: Toggle switch
 tags: visual,interactivity
 expertise: beginner
+cover: blog_images/interior-5.jpg
 firstSeen: 2018-10-03T08:55:20+03:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/transform-centering.md
+++ b/snippets/transform-centering.md
@ -2,6 +2,7 @@
 title: Transform centering
 tags: layout
 expertise: beginner
+cover: blog_images/flower-camera.jpg
 firstSeen: 2018-03-30T17:59:28+03:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/triangle.md
+++ b/snippets/triangle.md
@ -2,6 +2,7 @@
 title: Triangle
 tags: visual
 expertise: beginner
+cover: blog_images/yellow-white-mug-1.jpg
 firstSeen: 2018-02-25T15:14:39+02:00
 lastUpdated: 2021-10-13T19:29:39+02:00
 ---
--- a/snippets/truncate-text-multiline.md
+++ b/snippets/truncate-text-multiline.md
@ -2,6 +2,7 @@
 title: Truncate multiline text
 tags: layout
 expertise: intermediate
+cover: blog_images/blue-computer.jpg
 firstSeen: 2019-01-17T07:42:44+02:00
 lastUpdated: 2021-01-07T23:52:15+02:00
 ---
--- a/snippets/truncate-text.md
+++ b/snippets/truncate-text.md
@ -2,6 +2,7 @@
 title: Truncate text
 tags: layout
 expertise: beginner
+cover: blog_images/houses-rock-sea.jpg
 firstSeen: 2018-02-25T15:14:39+02:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/typewriter-effect.md
+++ b/snippets/typewriter-effect.md
@ -3,6 +3,7 @@ title: Typewriter effect
 tags: animation
 expertise: advanced
 author: chalarangelo
+cover: blog_images/italian-horizon.jpg
 firstSeen: 2021-05-24T16:03:40+03:00
 lastUpdated: 2021-05-24T16:03:40+03:00
 ---
--- a/snippets/vertical-gallery.md
+++ b/snippets/vertical-gallery.md
@ -2,6 +2,7 @@
 title: Image gallery with vertical scroll
 tags: visual,interactivity
 expertise: advanced
+cover: blog_images/lake-loop.jpg
 firstSeen: 2022-05-05T05:00:00-04:00
 ---

--- a/snippets/vertical-scroll-snap.md
+++ b/snippets/vertical-scroll-snap.md
@ -2,6 +2,7 @@
 title: Vertical scroll snap
 tags: interactivity
 expertise: intermediate
+cover: blog_images/baloons-field.jpg
 firstSeen: 2020-08-18T14:25:46+03:00
 lastUpdated: 2020-08-18T14:25:46+03:00
 ---
--- a/snippets/zebra-striped-list.md
+++ b/snippets/zebra-striped-list.md
@ -2,6 +2,7 @@
 title: Zebra striped list
 tags: visual
 expertise: beginner
+cover: blog_images/forest-balcony.jpg
 firstSeen: 2018-10-31T08:19:06+02:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/zig-zag-pattern.md
+++ b/snippets/zig-zag-pattern.md
@ -2,6 +2,7 @@
 title: Zig zag background pattern
 tags: visual
 expertise: advanced
+cover: blog_images/blue-lake.jpg
 firstSeen: 2021-01-11T09:51:43+02:00
 lastUpdated: 2021-10-13T19:29:39+02:00
 ---
--- a/snippets/zoomin-zoomout-animation.md
+++ b/snippets/zoomin-zoomout-animation.md
@ -2,6 +2,7 @@
 title: Zoom in zoom out animation
 tags: animation
 expertise: beginner
+cover: blog_images/travel-mug-2.jpg
 firstSeen: 2020-10-05T21:42:14+03:00
 lastUpdated: 2021-10-13T19:29:39+02:00
 ---