From cc2bc5adea7244a418e1a95a5a70f09652e6a4d8 Mon Sep 17 00:00:00 2001 From: Chalarangelo Date: Thu, 9 Jun 2022 12:11:34 +0300 Subject: [PATCH] Add covers to snippets --- snippets/border-with-top-triangle.md | 1 + snippets/bouncing-loader.md | 1 + snippets/box-sizing-reset.md | 1 + snippets/button-border-animation.md | 1 + snippets/button-focus-swing-animation.md | 1 + snippets/button-hover-fill-animation.md | 1 + snippets/button-hover-grow-animation.md | 1 + snippets/button-hover-shrink-animation.md | 1 + snippets/checkerboard-pattern.md | 1 + snippets/circle.md | 1 + snippets/clearfix.md | 1 + snippets/constant-width-to-height-ratio.md | 1 + snippets/counter.md | 1 + snippets/custom-checkbox.md | 1 + snippets/custom-scrollbar.md | 1 + snippets/custom-text-selection.md | 1 + snippets/disable-selection.md | 1 + snippets/display-table-centering.md | 1 + snippets/donut-spinner.md | 1 + snippets/drop-cap.md | 1 + snippets/dynamic-shadow.md | 1 + snippets/etched-text.md | 1 + snippets/evenly-distributed-children.md | 1 + snippets/fit-image-in-container.md | 1 + snippets/flexbox-centering.md | 1 + snippets/floating-list-titles.md | 1 + snippets/fluid-typography.md | 1 + snippets/focus-within.md | 1 + snippets/full-width.md | 1 + snippets/fullscreen.md | 1 + snippets/gradient-text.md | 1 + snippets/grid-centering.md | 1 + snippets/hamburger-button.md | 1 + snippets/height-transition.md | 1 + snippets/hide-scrollbars.md | 1 + snippets/horizontal-gallery.md | 1 + snippets/horizontal-scroll-snap.md | 1 + snippets/hover-additional-content.md | 1 + snippets/hover-pespective.md | 1 + snippets/hover-underline-animation.md | 1 + snippets/image-hover-menu.md | 1 + snippets/image-hover-rotate.md | 1 + snippets/image-mosaic.md | 1 + snippets/image-overlay-hover.md | 1 + snippets/input-with-prefix.md | 1 + snippets/isometric-card.md | 1 + snippets/line-clamp.md | 1 + snippets/masonry-layout.md | 1 + snippets/mouse-cursor-gradient-tracking.md | 1 + snippets/navigation-list-item-hover-and-focus-effect.md | 1 + snippets/offscreen.md | 1 + snippets/overflow-scroll-gradient.md | 1 + snippets/polka-dot-pattern.md | 1 + snippets/popout-menu.md | 1 + snippets/pretty-text-underline.md | 1 + snippets/pulse-loader.md | 1 + snippets/reset-all-styles.md | 1 + snippets/responsive-layout-sidebar.md | 1 + snippets/rotating-card.md | 1 + snippets/scroll-progress-bar.md | 1 + snippets/sibling-fade.md | 1 + snippets/staggered-animation.md | 1 + snippets/sticky-list-titles.md | 1 + snippets/stripes-pattern.md | 1 + snippets/stylized-quotation-marks.md | 1 + snippets/system-font-stack.md | 1 + snippets/text-backdrop-overlay.md | 1 + snippets/tile-layout-using-inline-block.md | 1 + snippets/toggle-switch.md | 1 + snippets/transform-centering.md | 1 + snippets/triangle.md | 1 + snippets/truncate-text-multiline.md | 1 + snippets/truncate-text.md | 1 + snippets/typewriter-effect.md | 1 + snippets/vertical-gallery.md | 1 + snippets/vertical-scroll-snap.md | 1 + snippets/zebra-striped-list.md | 1 + snippets/zig-zag-pattern.md | 1 + snippets/zoomin-zoomout-animation.md | 1 + 79 files changed, 79 insertions(+) diff --git a/snippets/border-with-top-triangle.md b/snippets/border-with-top-triangle.md index 0b6ba6600..4957b723e 100644 --- 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 --- diff --git a/snippets/bouncing-loader.md b/snippets/bouncing-loader.md index 35fc36d82..f642c537f 100644 --- 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 --- diff --git a/snippets/box-sizing-reset.md b/snippets/box-sizing-reset.md index 001e9e9ec..c39119615 100644 --- 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 --- diff --git a/snippets/button-border-animation.md b/snippets/button-border-animation.md index a4520c658..66f45fc42 100644 --- 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 --- diff --git a/snippets/button-focus-swing-animation.md b/snippets/button-focus-swing-animation.md index 80230ef56..9ac3305dd 100644 --- 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 --- diff --git a/snippets/button-hover-fill-animation.md b/snippets/button-hover-fill-animation.md index d88657d43..96e2c22c1 100644 --- 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 --- diff --git a/snippets/button-hover-grow-animation.md b/snippets/button-hover-grow-animation.md index 9d0071bd8..86a83cadf 100644 --- 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 --- diff --git a/snippets/button-hover-shrink-animation.md b/snippets/button-hover-shrink-animation.md index 209ebd501..61b88ba1f 100644 --- 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 --- diff --git a/snippets/checkerboard-pattern.md b/snippets/checkerboard-pattern.md index e4d2a547e..3de683558 100644 --- 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 --- diff --git a/snippets/circle.md b/snippets/circle.md index 26884a2fe..0490c05ec 100644 --- 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 --- diff --git a/snippets/clearfix.md b/snippets/clearfix.md index 8a93df795..684de1e8e 100644 --- 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 --- diff --git a/snippets/constant-width-to-height-ratio.md b/snippets/constant-width-to-height-ratio.md index 7a5125302..fac07116f 100644 --- 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 --- diff --git a/snippets/counter.md b/snippets/counter.md index 7b464b23a..12f50e230 100644 --- 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 --- diff --git a/snippets/custom-checkbox.md b/snippets/custom-checkbox.md index ab5e257e0..508f3fbdc 100644 --- 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 --- diff --git a/snippets/custom-scrollbar.md b/snippets/custom-scrollbar.md index de5ae97f4..7c837dd39 100644 --- 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 --- diff --git a/snippets/custom-text-selection.md b/snippets/custom-text-selection.md index a7812cf20..7220558a0 100644 --- 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 --- diff --git a/snippets/disable-selection.md b/snippets/disable-selection.md index c5293c2d8..9eb3257db 100644 --- 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 --- diff --git a/snippets/display-table-centering.md b/snippets/display-table-centering.md index d82096170..ce39748a3 100644 --- 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 --- diff --git a/snippets/donut-spinner.md b/snippets/donut-spinner.md index 64557f994..d51886d2b 100644 --- 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 --- diff --git a/snippets/drop-cap.md b/snippets/drop-cap.md index ed7fefe04..0188b8a47 100644 --- 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 --- diff --git a/snippets/dynamic-shadow.md b/snippets/dynamic-shadow.md index 3fc93103e..109553054 100644 --- 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 --- diff --git a/snippets/etched-text.md b/snippets/etched-text.md index 32df2a937..ab051fce6 100644 --- 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 --- diff --git a/snippets/evenly-distributed-children.md b/snippets/evenly-distributed-children.md index edefc0161..c57c088da 100644 --- 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 --- diff --git a/snippets/fit-image-in-container.md b/snippets/fit-image-in-container.md index 9b414d241..316469401 100644 --- 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 --- diff --git a/snippets/flexbox-centering.md b/snippets/flexbox-centering.md index 8914849d9..135cb5b1e 100644 --- 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 --- diff --git a/snippets/floating-list-titles.md b/snippets/floating-list-titles.md index 6e1a30e49..3c1f9cb5b 100644 --- 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 --- diff --git a/snippets/fluid-typography.md b/snippets/fluid-typography.md index 67d6b5358..97dcbcde5 100644 --- 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 --- diff --git a/snippets/focus-within.md b/snippets/focus-within.md index 3a605fdbc..6c3a80621 100644 --- 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 --- diff --git a/snippets/full-width.md b/snippets/full-width.md index 537c2c447..15060066a 100644 --- 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 --- diff --git a/snippets/fullscreen.md b/snippets/fullscreen.md index e5fff7393..00e6ecb3a 100644 --- 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 --- diff --git a/snippets/gradient-text.md b/snippets/gradient-text.md index 00731cc92..a5b4fbccf 100644 --- 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 --- diff --git a/snippets/grid-centering.md b/snippets/grid-centering.md index b560f17b8..b8b6e0dc7 100644 --- 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 --- diff --git a/snippets/hamburger-button.md b/snippets/hamburger-button.md index 876213aaf..ab4b972d4 100644 --- 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 --- diff --git a/snippets/height-transition.md b/snippets/height-transition.md index 160a9ae79..8aa16d71c 100644 --- 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 --- diff --git a/snippets/hide-scrollbars.md b/snippets/hide-scrollbars.md index b6301a743..be3298b52 100644 --- 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 --- diff --git a/snippets/horizontal-gallery.md b/snippets/horizontal-gallery.md index bcc3d22cd..1b0691d13 100644 --- 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 --- diff --git a/snippets/horizontal-scroll-snap.md b/snippets/horizontal-scroll-snap.md index 8b68e457e..78dd07d2a 100644 --- 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 --- diff --git a/snippets/hover-additional-content.md b/snippets/hover-additional-content.md index b7468ef5d..ff0ac5265 100644 --- 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 --- diff --git a/snippets/hover-pespective.md b/snippets/hover-pespective.md index fe8779a4f..bda57f200 100644 --- 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 --- diff --git a/snippets/hover-underline-animation.md b/snippets/hover-underline-animation.md index d9202d75a..c63b3e600 100644 --- 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 --- diff --git a/snippets/image-hover-menu.md b/snippets/image-hover-menu.md index 649e20c19..f54545559 100644 --- 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 --- diff --git a/snippets/image-hover-rotate.md b/snippets/image-hover-rotate.md index 186bf5645..cc7f773d6 100644 --- 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 --- diff --git a/snippets/image-mosaic.md b/snippets/image-mosaic.md index 1cfa285b5..ec5de024f 100644 --- 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 --- diff --git a/snippets/image-overlay-hover.md b/snippets/image-overlay-hover.md index 2e8093b66..aee886862 100644 --- 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 --- diff --git a/snippets/input-with-prefix.md b/snippets/input-with-prefix.md index eb49dd1fd..106ac16f7 100644 --- 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 --- diff --git a/snippets/isometric-card.md b/snippets/isometric-card.md index c47b982de..bc64a1116 100644 --- 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 --- diff --git a/snippets/line-clamp.md b/snippets/line-clamp.md index 01a8c4479..eac0a10e0 100644 --- 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 --- diff --git a/snippets/masonry-layout.md b/snippets/masonry-layout.md index 4ccbdf6d1..97700cec4 100644 --- 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 --- diff --git a/snippets/mouse-cursor-gradient-tracking.md b/snippets/mouse-cursor-gradient-tracking.md index bdb174fe3..1a0df6630 100644 --- 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 --- diff --git a/snippets/navigation-list-item-hover-and-focus-effect.md b/snippets/navigation-list-item-hover-and-focus-effect.md index bde1c4ac5..735d39d5a 100644 --- 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 --- diff --git a/snippets/offscreen.md b/snippets/offscreen.md index d8ce4d186..40564735a 100644 --- 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 --- diff --git a/snippets/overflow-scroll-gradient.md b/snippets/overflow-scroll-gradient.md index 22c352576..61de8bc4e 100644 --- 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 --- diff --git a/snippets/polka-dot-pattern.md b/snippets/polka-dot-pattern.md index 3c8f1fa0c..95860345b 100644 --- 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 --- diff --git a/snippets/popout-menu.md b/snippets/popout-menu.md index 9a84b7fd9..c7597d91f 100644 --- 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 --- diff --git a/snippets/pretty-text-underline.md b/snippets/pretty-text-underline.md index cec8c18f4..321a4fa64 100644 --- 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 --- diff --git a/snippets/pulse-loader.md b/snippets/pulse-loader.md index a08ca44aa..3c97fe2d4 100644 --- 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 --- diff --git a/snippets/reset-all-styles.md b/snippets/reset-all-styles.md index 56f571b73..a15b80f90 100644 --- 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 --- diff --git a/snippets/responsive-layout-sidebar.md b/snippets/responsive-layout-sidebar.md index 5aa52e200..1503ea2af 100644 --- 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 --- diff --git a/snippets/rotating-card.md b/snippets/rotating-card.md index 6731be4c8..26e5050e0 100644 --- 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 --- diff --git a/snippets/scroll-progress-bar.md b/snippets/scroll-progress-bar.md index e4ecd3dea..056ec1725 100644 --- 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 --- diff --git a/snippets/sibling-fade.md b/snippets/sibling-fade.md index 3f52d1bae..26aca0cc0 100644 --- 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 --- diff --git a/snippets/staggered-animation.md b/snippets/staggered-animation.md index ae1ff8951..e882edd7a 100644 --- 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 --- diff --git a/snippets/sticky-list-titles.md b/snippets/sticky-list-titles.md index f946a557f..a6ac33bc5 100644 --- 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 --- diff --git a/snippets/stripes-pattern.md b/snippets/stripes-pattern.md index db60b3fd2..23e47fbf1 100644 --- 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 --- diff --git a/snippets/stylized-quotation-marks.md b/snippets/stylized-quotation-marks.md index bd67bf31c..255b59cf4 100644 --- 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 --- diff --git a/snippets/system-font-stack.md b/snippets/system-font-stack.md index a372db63f..72256e830 100644 --- 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 --- diff --git a/snippets/text-backdrop-overlay.md b/snippets/text-backdrop-overlay.md index 973467c28..e734d18d8 100644 --- 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 --- diff --git a/snippets/tile-layout-using-inline-block.md b/snippets/tile-layout-using-inline-block.md index 6b04a6453..7d26173e2 100644 --- 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 --- diff --git a/snippets/toggle-switch.md b/snippets/toggle-switch.md index d88b1506c..dfcf063c3 100644 --- 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 --- diff --git a/snippets/transform-centering.md b/snippets/transform-centering.md index e544c5e2b..2b8fdc34c 100644 --- 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 --- diff --git a/snippets/triangle.md b/snippets/triangle.md index 009f377ff..dfaac0f41 100644 --- 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 --- diff --git a/snippets/truncate-text-multiline.md b/snippets/truncate-text-multiline.md index 5e55d683b..ae647a3e3 100644 --- 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 --- diff --git a/snippets/truncate-text.md b/snippets/truncate-text.md index f922a7544..80a800d76 100644 --- 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 --- diff --git a/snippets/typewriter-effect.md b/snippets/typewriter-effect.md index 20f4120d6..bb13c605c 100644 --- 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 --- diff --git a/snippets/vertical-gallery.md b/snippets/vertical-gallery.md index b23eaf04e..09a649533 100644 --- 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 --- diff --git a/snippets/vertical-scroll-snap.md b/snippets/vertical-scroll-snap.md index 65e67efd0..6711c4775 100644 --- 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 --- diff --git a/snippets/zebra-striped-list.md b/snippets/zebra-striped-list.md index 82690fdd7..1942ac71c 100644 --- 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 --- diff --git a/snippets/zig-zag-pattern.md b/snippets/zig-zag-pattern.md index 91e80db0c..2f589cfcd 100644 --- 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 --- diff --git a/snippets/zoomin-zoomout-animation.md b/snippets/zoomin-zoomout-animation.md index 96126e4a8..53b386348 100644 --- 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 ---