Make expertise a field

2022-03-01 20:22:55 +02:00
parent 8f97fb7175
commit c5d68af0b5
80 changed files with 160 additions and 80 deletions
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@ -29,7 +29,8 @@ In order to create a new snippet, you should follow the steps below:
 - Snippet must follow [these general writing guidelines](https://github.com/30-seconds/brand-and-design/blob/master/writing-guidelines.md).
 - Snippets must have all their frontmatter sections (title, tags etc.) filled.
 - Snippet titles must correspond to the filename and follow the language and repository's naming conventions.
- Snippet tags must be comma-separated, contain a primary tag as seen on the website as their first tag and an expertise tag (`beginner`, `intermediate` or `advanced`) as their last tag.
+- Snippet tags must be comma-separated, contain a primary tag as seen on the website as their first tag.
+- Snippet expertise must be specified (`beginner`, `intermediate` or `advanced`).
 - Snippets must have their `firstSeen` dates formatted using [ISO 8601](https://en.wikipedia.org/wiki/ISO_8601).
 - Snippet descriptions must be short and to the point. Explain *what* the snippet does and detail *how* the snippet works and the language features used in it. Snippet description should be written as lists of points (unordered for a few points, ordered otherwise), describing the implemented functionality.
 - Snippet code and examples must be enclosed in appropriate, language-tagged blocks as shown in the snippet template, be short and use modern techniques and features. Also make sure to test your code before submitting.
--- a/snippet-template.md
+++ b/snippet-template.md
@ -1,6 +1,7 @@
 ---
 title: Snippet Name
-tags: other,intermediate
+tags: other
+expertise: intermediate
 firstSeen: 2021-06-13T05:00:00-04:00
 ---

--- a/snippets/border-with-top-triangle.md
+++ b/snippets/border-with-top-triangle.md
@ -1,6 +1,7 @@
 ---
 title: Border with top triangle
-tags: visual,beginner
+tags: visual
+expertise: beginner
 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
@ -1,6 +1,7 @@
 ---
 title: Bouncing loader
-tags: animation,intermediate
+tags: animation
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Box-sizing reset
-tags: layout,beginner
+tags: layout
+expertise: beginner
 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
@ -1,6 +1,7 @@
 ---
 title: Button border animation
-tags: animation,intermediate
+tags: animation
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Button swing animation
-tags: animation,intermediate
+tags: animation
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Button fill animation
-tags: animation,beginner
+tags: animation
+expertise: beginner
 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
@ -1,6 +1,7 @@
 ---
 title: Button grow animation
-tags: animation,beginner
+tags: animation
+expertise: beginner
 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
@ -1,6 +1,7 @@
 ---
 title: Button shrink animation
-tags: animation,beginner
+tags: animation
+expertise: beginner
 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
@ -1,6 +1,7 @@
 ---
 title: Checkerboard background pattern
-tags: visual,intermediate
+tags: visual
+expertise: intermediate
 firstSeen: 2021-01-11T09:51:43+02:00
 lastUpdated: 2021-10-13T19:29:39+02:00
 ---
--- a/snippets/circle.md
+++ b/snippets/circle.md
@ -1,6 +1,7 @@
 ---
 title: Circle
-tags: visual,beginner
+tags: visual
+expertise: beginner
 firstSeen: 2018-03-04T08:19:52+02:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/clearfix.md
+++ b/snippets/clearfix.md
@ -1,6 +1,7 @@
 ---
 title: Clearfix
-tags: layout,beginner
+tags: layout
+expertise: beginner
 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
@ -1,6 +1,7 @@
 ---
 title: Constant width to height ratio
-tags: layout,beginner
+tags: layout
+expertise: beginner
 firstSeen: 2018-02-27T10:45:26+02:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/counter.md
+++ b/snippets/counter.md
@ -1,6 +1,7 @@
 ---
 title: Counter
-tags: visual,advanced
+tags: visual
+expertise: advanced
 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
@ -1,6 +1,7 @@
 ---
 title: Custom checkbox
-tags: visual,animation,advanced
+tags: visual,animation
+expertise: advanced
 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
@ -1,6 +1,7 @@
 ---
 title: Custom scrollbar
-tags: visual,advanced
+tags: visual
+expertise: advanced
 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
@ -1,6 +1,7 @@
 ---
 title: Custom text selection
-tags: visual,beginner
+tags: visual
+expertise: beginner
 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
@ -1,6 +1,7 @@
 ---
 title: Disable selection
-tags: interactivity,beginner
+tags: interactivity
+expertise: beginner
 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
@ -1,6 +1,7 @@
 ---
 title: Display table centering
-tags: layout,intermediate
+tags: layout
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Donut spinner
-tags: animation,intermediate
+tags: animation
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Drop cap
-tags: visual,beginner
+tags: visual
+expertise: beginner
 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
@ -1,6 +1,7 @@
 ---
 title: Dynamic shadow
-tags: visual,intermediate
+tags: visual
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Etched text
-tags: visual,intermediate
+tags: visual
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Evenly distributed children
-tags: layout,intermediate
+tags: layout
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Fit image in container
-tags: layout,visual,intermediate
+tags: layout,visual
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Flexbox centering
-tags: layout,beginner
+tags: layout
+expertise: beginner
 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
@ -1,6 +1,7 @@
 ---
 title: List with floating section headings
-tags: visual,advanced
+tags: visual
+expertise: advanced
 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
@ -1,6 +1,7 @@
 ---
 title: Fluid typography
-tags: visual,intermediate
+tags: visual
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Focus Within
-tags: visual,interactivity,intermediate
+tags: visual,interactivity
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Full-width image
-tags: layout,intermediate
+tags: layout
+expertise: intermediate
 firstSeen: 2021-01-07T10:14:46+02:00
 lastUpdated: 2021-01-07T10:14:46+02:00
 ---
--- a/snippets/fullscreen.md
+++ b/snippets/fullscreen.md
@ -1,6 +1,7 @@
 ---
 title: Fullscreen
-tags: visual,advanced
+tags: visual
+expertise: advanced
 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
@ -1,6 +1,7 @@
 ---
 title: Gradient text
-tags: visual,intermediate
+tags: visual
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Grid centering
-tags: layout,beginner
+tags: layout
+expertise: beginner
 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
@ -1,6 +1,7 @@
 ---
 title: Hamburger Button
-tags: interactivity,intermediate
+tags: interactivity
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Height transition
-tags: animation,intermediate
+tags: animation
+expertise: intermediate
 firstSeen: 2018-03-17T10:53:02+02:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/horizontal-scroll-snap.md
+++ b/snippets/horizontal-scroll-snap.md
@ -1,6 +1,7 @@
 ---
 title: Horizontal scroll snap
-tags: interactivity,intermediate
+tags: interactivity
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Show additional content on hover
-tags: visual,intermediate
+tags: visual
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Perspective transform on hover
-tags: animation,intermediate
+tags: animation
+expertise: intermediate
 firstSeen: 2021-05-17T13:58:04+03:00
 lastUpdated: 2021-05-17T13:58:04+03:00
 ---
--- a/snippets/hover-shadow-box-animation.md
+++ b/snippets/hover-shadow-box-animation.md
@ -1,6 +1,7 @@
 ---
 title: Hover shadow box animation
-tags: animation,intermediate
+tags: animation
+expertise: intermediate
 unlisted: true
 firstSeen: 2018-03-06T23:41:55+02:00
 lastUpdated: 2021-01-04T12:30:40+02:00
--- a/snippets/hover-underline-animation.md
+++ b/snippets/hover-underline-animation.md
@ -1,6 +1,7 @@
 ---
 title: Hover underline animation
-tags: animation,advanced
+tags: animation
+expertise: advanced
 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
@ -1,6 +1,7 @@
 ---
 title: Menu on image hover
-tags: layout,animation,intermediate
+tags: layout,animation
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Image rotate on hover
-tags: animation,visual,intermediate
+tags: animation,visual
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Responsive image mosaic
-tags: layout,intermediate
+tags: layout
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Image overlay on hover
-tags: visual,animation,advanced
+tags: visual,animation
+expertise: advanced
 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
@ -1,6 +1,7 @@
 ---
 title: Input with prefix
-tags: interactivity,visual,intermediate
+tags: interactivity,visual
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Isometric card
-tags: visual,intermediate
+tags: visual
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Trim multiline text
-tags: layout,visual,intermediate
+tags: layout,visual
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Masonry Layout
-tags: layout,advanced
+tags: layout
+expertise: advanced
 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
@ -1,6 +1,7 @@
 ---
 title: Mouse cursor gradient tracking
-tags: visual,interactivity,advanced
+tags: visual,interactivity
+expertise: advanced
 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
@ -1,6 +1,7 @@
 ---
 title: Navigation list item hover and focus effect
-tags: visual,beginner
+tags: visual
+expertise: beginner
 firstSeen: 2019-09-19T22:48:57+03:00
 lastUpdated: 2021-10-11T18:44:51+03:00
 ---
--- a/snippets/offscreen.md
+++ b/snippets/offscreen.md
@ -1,6 +1,7 @@
 ---
 title: Offscreen
-tags: layout,visual,intermediate
+tags: layout,visual
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Overflow scroll gradient
-tags: visual,intermediate
+tags: visual
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Polka dot background pattern
-tags: visual,intermediate
+tags: visual
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Popout menu
-tags: interactivity,intermediate
+tags: interactivity
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Pretty text underline
-tags: visual,intermediate
+tags: visual
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Pulse loader
-tags: animation,beginner
+tags: animation
+expertise: beginner
 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
@ -1,6 +1,7 @@
 ---
 title: Reset all styles
-tags: visual,beginner
+tags: visual
+expertise: beginner
 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
@ -1,6 +1,7 @@
 ---
 title: Responsive layout with sidebar
-tags: layout,intermediate
+tags: layout
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Rotating Card
-tags: animation,advanced
+tags: animation
+expertise: advanced
 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
@ -1,6 +1,7 @@
 ---
 title: Scroll progress bar
-tags: animation,visual,intermediate
+tags: animation,visual
+expertise: intermediate
 firstSeen: 2021-05-24T09:42:03+03:00
 lastUpdated: 2021-10-13T19:29:39+02:00
 ---
--- a/snippets/shape-separator.md
+++ b/snippets/shape-separator.md
@ -1,6 +1,7 @@
 ---
 title: Shape separator
-tags: visual,intermediate
+tags: visual
+expertise: intermediate
 unlisted: true
 firstSeen: 2018-02-25T15:14:39+02:00
 lastUpdated: 2021-01-04T12:30:40+02:00
--- a/snippets/sibling-fade.md
+++ b/snippets/sibling-fade.md
@ -1,6 +1,7 @@
 ---
 title: Sibling fade
-tags: interactivity,intermediate
+tags: interactivity
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Staggered animation
-tags: animation,advanced
+tags: animation
+expertise: advanced
 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
@ -1,6 +1,7 @@
 ---
 title: List with sticky section headings
-tags: visual,intermediate
+tags: visual
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Stripes background pattern
-tags: visual,beginner
+tags: visual
+expertise: beginner
 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
@ -1,6 +1,7 @@
 ---
 title: Stylized quotation marks
-tags: visual,beginner
+tags: visual
+expertise: beginner
 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
@ -1,6 +1,7 @@
 ---
 title: System font stack
-tags: visual,beginner
+tags: visual
+expertise: beginner
 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
@ -1,6 +1,7 @@
 ---
 title: Image text overlay
-tags: visual,beginner
+tags: visual
+expertise: beginner
 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
@ -1,6 +1,7 @@
 ---
 title: 3-tile layout
-tags: layout,beginner
+tags: layout
+expertise: beginner
 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
@ -1,6 +1,7 @@
 ---
 title: Toggle switch
-tags: visual,interactivity,beginner
+tags: visual,interactivity
+expertise: beginner
 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
@ -1,6 +1,7 @@
 ---
 title: Transform centering
-tags: layout,beginner
+tags: layout
+expertise: beginner
 firstSeen: 2018-03-30T17:59:28+03:00
 lastUpdated: 2020-12-30T15:37:37+02:00
 ---
--- a/snippets/triangle.md
+++ b/snippets/triangle.md
@ -1,6 +1,7 @@
 ---
 title: Triangle
-tags: visual,beginner
+tags: visual
+expertise: beginner
 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
@ -1,6 +1,7 @@
 ---
 title: Truncate multiline text
-tags: layout,intermediate
+tags: layout
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Truncate text
-tags: layout,beginner
+tags: layout
+expertise: beginner
 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
@ -1,6 +1,7 @@
 ---
 title: Typewriter effect
-tags: animation,advanced
+tags: animation
+expertise: advanced
 firstSeen: 2021-05-24T16:03:40+03:00
 lastUpdated: 2021-05-24T16:03:40+03:00
 ---
--- a/snippets/vertical-scroll-snap.md
+++ b/snippets/vertical-scroll-snap.md
@ -1,6 +1,7 @@
 ---
 title: Vertical scroll snap
-tags: interactivity,intermediate
+tags: interactivity
+expertise: intermediate
 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
@ -1,6 +1,7 @@
 ---
 title: Zebra striped list
-tags: visual,beginner
+tags: visual
+expertise: beginner
 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
@ -1,6 +1,7 @@
 ---
 title: Zig zag background pattern
-tags: visual,advanced
+tags: visual
+expertise: advanced
 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
@ -1,6 +1,7 @@
 ---
 title: Zoom in zoom out animation
-tags: animation,beginner
+tags: animation
+expertise: beginner
 firstSeen: 2020-10-05T21:42:14+03:00
 lastUpdated: 2021-10-13T19:29:39+02:00
 ---