Merge branch 'master' into new-branch

Chalarangelo · Oct 22, 2023 · d7f51e2 · d7f51e2
2 parents 8c772ea + fe3b57b
commit d7f51e2
Show file tree

Hide file tree

Showing 525 changed files with 725 additions and 961 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -25,7 +25,7 @@
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
   "[markdown]": {
-    "editor.wordWrapColumn": 100,
+    "editor.wordWrapColumn": 80,
     "editor.wordWrap": "wordWrapColumn"
   },
   "workbench.editor.labelFormat": "short",

diff --git a/README.md b/README.md
@@ -4,7 +4,7 @@
 
 > Short code snippets for all your development needs
 
-* Visit [our website](https://30secondsofcode.org) to view our snippet collection.
+* Visit [the website](https://30secondsofcode.org) to view our snippet collection.
 * Search for snippets that suit your needs. You can search by name, tag, language or using a snippet's description. Just start typing a term and see what comes up.
 * Browse all [snippets](https://30secondsofcode.org/snippets/p/1) or individual [snippet collections](https://30secondsofcode.org/collections/p/1) for each topic.
 * Click on each snippet card to view the whole snippet, including code, explanation and examples.
@@ -20,7 +20,7 @@
 
 ## Credits
 
-* This repository is maintained by the [30 seconds of code organization on GitHub](https://github.com/30-seconds).
+* This repository is maintained by [Angelos Chalaris]([https://github.com/30-seconds](https://github.com/Chalarangelo)).
 * All snippets are licensed under the CC-BY-4.0 License, unless explicitly stated otherwise.
-* Logos, names and trademarks are not to be used without the explicit consent of the owners of the 30 seconds of code GitHub organization.
-* Our website is powered by [Netlify](https://www.netlify.com/), [Astro](https://astro.build/) & [GitHub](https://github.com/).
+* Logos, names and trademarks are not to be used without the explicit consent of the owner.
+* The website is powered by [Netlify](https://www.netlify.com/), [Astro](https://astro.build/) & [GitHub](https://github.com/).
diff --git a/content/authors.yaml b/content/authors.yaml
diff --git a/content/collections/js/array-tricks.yaml b/content/collections/js/array-tricks.yaml
@@ -10,8 +10,7 @@ snippetIds:
   - js/s/array-difference
   - js/s/array-union
   - js/s/array-intersection
-  - js/s/array-head
-  - js/s/array-tail
+  - js/s/array-head-tail
   - js/s/last-array-element
   - js/s/flatten-array
 splash: terrarium.png

diff --git a/content/redirects.yaml b/content/redirects.yaml
@@ -1144,12 +1144,6 @@
 - from: /js/s/has-duplicates
   to: /js/s/array-has-duplicates
   status: 301!
-- from: /js/s/head
-  to: /js/s/array-head
-  status: 301!
-- from: /js/s/tail
-  to: /js/s/array-tail
-  status: 301!
 - from: /js/s/jso-nto-csv
   to: /js/s/json-to-csv
   status: 301!
@@ -1693,12 +1687,6 @@
 - from: /js/s/deep-flatten
   to: /js/s/deep-flatten-array
   status: 301!
-- from: /js/s/bifurcate-by
-  to: /js/s/bifurcate-array-based-on-function
-  status: 301!
-- from: /js/s/bifurcate
-  to: /js/s/bifurcate-array-based-on-values
-  status: 301!
 - from: /js/s/map-object
   to: /js/s/map-array-to-object
   status: 301!
@@ -1930,3 +1918,27 @@
 - from: /js/s/last-n-elements
   to: /js/s/first-last-n-elements
   status: 301!
+- from: /js/s/head
+  to: /js/s/array-head-tail
+  status: 301!
+- from: /js/s/tail
+  to: /js/s/array-head-tail
+  status: 301!
+- from: /js/s/array-head
+  to: /js/s/array-head-tail
+  status: 301!
+- from: /js/s/array-tail
+  to: /js/s/array-head-tail
+  status: 301!
+- from: /js/s/bifurcate-by
+  to: /js/s/bifurcate-array
+  status: 301!
+- from: /js/s/bifurcate
+  to: /js/s/bifurcate-array
+  status: 301!
+- from: /js/s/bifurcate-array-based-on-function
+  to: /js/s/bifurcate-array
+  status: 301!
+- from: /js/s/bifurcate-array-based-on-values
+  to: /js/s/bifurcate-array
+  status: 301!
diff --git a/content/snippets/articles/s/4-seo-tips-for-developers.md b/content/snippets/articles/s/4-seo-tips-for-developers.md
@@ -3,7 +3,6 @@ title: 4 SEO tips for developers
 shortTitle: SEO tips
 type: story
 tags: [webdev,seo]
-author: chalarangelo
 cover: sunrise-over-city
 excerpt: SEO is a very relevant topics that most developers are inexperienced in. Here are 4 actionable SEO tips you can implement today.
 dateModified: 2021-06-12

diff --git a/content/snippets/articles/s/7-chrome-extensions-for-web-developers.md b/content/snippets/articles/s/7-chrome-extensions-for-web-developers.md
@@ -3,7 +3,6 @@ title: 7 essential Chrome extensions for web developers
 shortTitle: Essential Chrome extensions
 type: story
 tags: [webdev,devtools]
-author: chalarangelo
 cover: computer-screens
 excerpt: Boost your productivity with 7 must-have Google Chrome developer tool extensions.
 unlisted: true

diff --git a/content/snippets/articles/s/8-tips-for-remote-work.md b/content/snippets/articles/s/8-tips-for-remote-work.md
@@ -2,7 +2,6 @@
 title: 8 tips for working from home
 type: story
 tags: [webdev,career,programming,jobs]
-author: chalarangelo
 cover: kettle-laptop
 excerpt: Working from home seems great compared to going to the office, but there are challenges that come with it that you need to overcome.
 unlisted: true

diff --git a/content/snippets/articles/s/avoiding-bad-advice.md b/content/snippets/articles/s/avoiding-bad-advice.md
@@ -3,7 +3,6 @@ title: Beware of Bad Programming Advice - Spotting Senior Juniorism
 shortTitle: Avoiding Bad Programming Advice
 type: story
 tags: [webdev,career,programming]
-author: chalarangelo
 cover: inside-weather
 excerpt: Don't fall victim to bad advice! Learn to identify "senior juniorism", and develop critical thinking to make better coding decisions.
 dateModified: 2023-06-04

diff --git a/content/snippets/articles/s/bash-alias-dollar-sign.md b/content/snippets/articles/s/bash-alias-dollar-sign.md
@@ -1,10 +1,9 @@
 ---
-title: "Tip: A bash alias for copying commands from the web"
+title: A bash alias for copying commands from the web
 shortTitle: Bash alias for copying from the web
 type: tip
 language: git
 tags: [configuration]
-author: chalarangelo
 cover: capsule-coffee
 excerpt: Learn how to eliminate the annoyance of copying dollar signs ($) along with terminal commands from the web with a simple bash alias.
 dateModified: 2023-03-05

diff --git a/content/snippets/articles/s/benefits-of-writing.md b/content/snippets/articles/s/benefits-of-writing.md
@@ -2,7 +2,6 @@
 title: The benefits of writing
 type: story
 tags: [webdev,career,programming,jobs]
-author: chalarangelo
 cover: laptop-view
 excerpt: Writing about a topic can often sound boring or worthless. But there are significant benefits to doing it from time to time.
 dateModified: 2022-11-05

diff --git a/content/snippets/articles/s/dns-record-basics.md b/content/snippets/articles/s/dns-record-basics.md
@@ -3,7 +3,6 @@ title: A beginner's guide to DNS records
 shortTitle: DNS Record Basics
 type: cheatsheet
 tags: [webdev,dns,server,cheatsheet]
-author: chalarangelo
 cover: sparkles
 excerpt: DNS records may not be something you work with frequently, but having a basic understanding can be highly beneficial.
 dateModified: 2022-01-09

diff --git a/content/snippets/articles/s/escaping-tutorial-hell.md b/content/snippets/articles/s/escaping-tutorial-hell.md
@@ -2,7 +2,6 @@
 title: Escaping tutorial hell
 type: story
 tags: [webdev,career,programming,jobs]
-author: chalarangelo
 cover: campfire
 excerpt: Many beginners get stuck in tutorial hell without even realizing. Here are 4 simple ways to escape tutorial hell and get back to learning.
 dateModified: 2022-05-26

diff --git a/content/snippets/articles/s/http-status-codes-cheatsheet.md b/content/snippets/articles/s/http-status-codes-cheatsheet.md
@@ -3,7 +3,6 @@ title: Common HTTP status codes Cheat Sheet
 shortTitle: HTTP status codes
 type: cheatsheet
 tags: [webdev,http]
-author: chalarangelo
 cover: hiking-walking
 excerpt: Familiarize yourself with the most common HTTP status codes with this handy cheatsheet.
 dateModified: 2021-06-12

diff --git a/content/snippets/articles/s/technical-debt.md b/content/snippets/articles/s/technical-debt.md
@@ -2,7 +2,6 @@
 title: Technical debt
 type: story
 tags: [webdev,career,programming,management]
-author: chalarangelo
 cover: new-york
 excerpt: Learn what technical debt is, its causes and symptoms, and how to deal with it.
 dateModified: 2022-10-09

diff --git a/content/snippets/articles/s/terminal-shortcuts-cheatsheet.md b/content/snippets/articles/s/terminal-shortcuts-cheatsheet.md
@@ -2,7 +2,6 @@
 title: Bash Shortcuts Cheat Sheet
 type: cheatsheet
 tags: [webdev,bash,cheatsheet]
-author: chalarangelo
 cover: terminal
 excerpt: Maximize your productivity when working with a bash or other shell terminal by using these keyboard shortcuts.
 dateModified: 2021-06-12

diff --git a/content/snippets/articles/story-template.md b/content/snippets/articles/story-template.md
@@ -4,7 +4,6 @@ shortTitle: Amazing story
 type: story
 language: javascript
 tags: [webdev]
-author: chalarangelo
 cover: image
 excerpt: A short summary of your story up to 140 characters long.
 dateModified: 2021-06-13

diff --git a/content/snippets/css/s/25-css-gradients.md b/content/snippets/css/s/25-css-gradients.md
@@ -4,7 +4,6 @@ shortTitle: CSS gradients
 type: cheatsheet
 language: css
 tags: [visual]
-author: chalarangelo
 cover: colors-mural
 excerpt: We hand picked 25 of our favorite CSS gradients from uiGradients for your next design. Get them now!
 dateModified: 2021-06-12

diff --git a/content/snippets/css/s/aspect-ratio.md b/content/snippets/css/s/aspect-ratio.md
@@ -3,7 +3,6 @@ title: Aspect ratio
 type: snippet
 language: css
 tags: [layout]
-author: chalarangelo
 cover: digital-nomad-12
 dateModified: 2022-08-14
 ---

diff --git a/content/snippets/css/s/broken-image-fallback.md b/content/snippets/css/s/broken-image-fallback.md
@@ -4,7 +4,6 @@ type: snippet
 shortTitle: Broken image fallback
 language: css
 tags: [visual]
-author: chalarangelo
 cover: building-facade
 dateModified: 2022-11-04
 ---

diff --git a/content/snippets/css/s/button-focus-swing-animation.md b/content/snippets/css/s/button-focus-swing-animation.md
@@ -3,7 +3,6 @@ title: Button swing animation
 type: snippet
 language: css
 tags: [animation]
-author: chalarangelo
 cover: painters-desk
 dateModified: 2021-05-24
 ---

diff --git a/content/snippets/css/s/button-hover-grow-animation.md b/content/snippets/css/s/button-hover-grow-animation.md
@@ -3,7 +3,6 @@ title: Button grow animation
 type: snippet
 language: css
 tags: [animation]
-author: chalarangelo
 cover: white-laptop
 dateModified: 2021-05-24
 ---

diff --git a/content/snippets/css/s/button-hover-shrink-animation.md b/content/snippets/css/s/button-hover-shrink-animation.md
@@ -3,7 +3,6 @@ title: Button shrink animation
 type: snippet
 language: css
 tags: [animation]
-author: chalarangelo
 cover: clay-pot-horizon
 dateModified: 2021-05-24
 ---

diff --git a/content/snippets/css/s/card-image-cutout.md b/content/snippets/css/s/card-image-cutout.md
@@ -3,7 +3,6 @@ title: Card with image cutout
 type: snippet
 language: css
 tags: [visual]
-author: chalarangelo
 cover: radio-monstera
 dateModified: 2022-12-11
 ---

diff --git a/content/snippets/css/s/centering.md b/content/snippets/css/s/centering.md
@@ -4,7 +4,6 @@ shortTitle: Centering content with CSS
 type: story
 language: css
 tags: [layout]
-author: chalarangelo
 cover: mountain-lake
 excerpt: Centering content with CSS might often feel tricky. Here are 4 easy tricks you can use in your code today.
 dateModified: 2021-09-28

diff --git a/content/snippets/css/s/clamp.md b/content/snippets/css/s/clamp.md
@@ -1,10 +1,9 @@
 ---
-title: "Tip: Use clamp() in CSS for responsive typography"
+title: Use clamp() in CSS for responsive typography
 shortTitle: CSS clamp()
 type: tip
 language: css
 tags: [visual]
-author: chalarangelo
 cover: strawberries
 excerpt: Implement responsive typography with the CSS clamp() function.
 dateModified: 2022-12-28

diff --git a/content/snippets/css/s/code-reviews.md b/content/snippets/css/s/code-reviews.md
@@ -4,7 +4,6 @@ shortTitle: CSS code reviews
 type: story
 language: css
 tags: [webdev]
-author: chalarangelo
 cover: green-css
 excerpt: Reviewing CSS code is a skill that takes time to master. Here are some tips from my personal experience to help you get started.
 dateModified: 2023-05-21

diff --git a/content/snippets/css/s/current-color.md b/content/snippets/css/s/current-color.md
@@ -3,7 +3,6 @@ title: The currentColor CSS keyword
 type: tip
 language: css
 tags: [visual]
-author: chalarangelo
 cover: picking-berries
 excerpt: The `currentColor` CSS keyword is a nifty alternative to custom properties for simple use cases.
 dateModified: 2022-11-30

diff --git a/content/snippets/css/s/custom-checkbox.md b/content/snippets/css/s/custom-checkbox.md
@@ -3,7 +3,6 @@ title: Custom checkbox
 type: snippet
 language: css
 tags: [visual,animation]
-author: chalarangelo
 cover: interior-8
 dateModified: 2021-10-11
 ---

diff --git a/content/snippets/css/s/custom-radio.md b/content/snippets/css/s/custom-radio.md
@@ -3,7 +3,6 @@ title: Custom radio button
 type: snippet
 language: css
 tags: [visual,animation]
-author: chalarangelo
 cover: messy-computer
 dateModified: 2022-11-16
 ---

diff --git a/content/snippets/css/s/display-empty-links.md b/content/snippets/css/s/display-empty-links.md
@@ -3,7 +3,6 @@ title: Style links with no text
 type: snippet
 language: css
 tags: [visual]
-author: chalarangelo
 cover: metro-tunnel
 dateModified: 2022-11-11
 ---

diff --git a/content/snippets/css/s/easing-variables.md b/content/snippets/css/s/easing-variables.md
@@ -1,10 +1,8 @@
 ---
-title: "Tip: CSS easing variables"
-shortTitle: CSS easing variables
+title: CSS easing variables
 type: tip
 language: css
 tags: [animation]
-author: chalarangelo
 cover: curve
 excerpt: Learn how to use the `cubic-bezier()` class of easing functions and create beautiful animations that stand out.
 dateModified: 2021-06-12

diff --git a/content/snippets/css/s/flexbox-cheatsheet.md b/content/snippets/css/s/flexbox-cheatsheet.md
@@ -3,7 +3,6 @@ title: Flexbox Cheat Sheet
 type: cheatsheet
 language: css
 tags: [layout,flexbox,cheatsheet]
-author: chalarangelo
 cover: frames
 excerpt: Flexbox allows you to create fluid layouts easily. If you are constantly looking up how it works, this handy cheatsheet is all you need.
 dateModified: 2021-06-12

diff --git a/content/snippets/css/s/floating-list-titles.md b/content/snippets/css/s/floating-list-titles.md
@@ -3,7 +3,6 @@ title: List with floating section headings
 type: snippet
 language: css
 tags: [visual]
-author: chalarangelo
 cover: pop-of-green
 dateModified: 2021-10-11
 ---

diff --git a/content/snippets/css/s/fluid-typography.md b/content/snippets/css/s/fluid-typography.md
@@ -3,7 +3,6 @@ title: Fluid typography
 type: snippet
 language: css
 tags: [visual]
-author: chalarangelo
 cover: shell-focus
 dateModified: 2021-05-16
 ---

diff --git a/content/snippets/css/s/footer-at-the-bottom.md b/content/snippets/css/s/footer-at-the-bottom.md
@@ -4,7 +4,6 @@ shortTitle: Footer at the bottom
 type: question
 language: css
 tags: [layout]
-author: chalarangelo
 cover: flower-shape-sunset
 excerpt: Make sure the footer stays at the bottom of the page, instead of floating up when the content is too short.
 dateModified: 2022-10-30

diff --git a/content/snippets/css/s/full-width.md b/content/snippets/css/s/full-width.md
@@ -3,7 +3,6 @@ title: Full-width image
 type: snippet
 language: css
 tags: [layout]
-author: chalarangelo
 cover: yellow-white-mug-2
 dateModified: 2021-01-07
 ---

diff --git a/content/snippets/css/s/hide-empty-elements.md b/content/snippets/css/s/hide-empty-elements.md
@@ -3,7 +3,6 @@ title: Hide empty elements
 type: snippet
 language: css
 tags: [visual]
-author: chalarangelo
 cover: metro-arrival
 dateModified: 2022-11-18
 ---

diff --git a/content/snippets/css/s/hide-scrollbars.md b/content/snippets/css/s/hide-scrollbars.md
@@ -3,7 +3,6 @@ title: Hide scroll bars
 type: snippet
 language: css
 tags: [visual]
-author: chalarangelo
 cover: by-the-lighthouse
 dateModified: 2022-05-13
 ---

diff --git a/content/snippets/css/s/hover-perspective.md b/content/snippets/css/s/hover-perspective.md
@@ -3,7 +3,6 @@ title: Perspective transform on hover
 type: snippet
 language: css
 tags: [animation]
-author: chalarangelo
 cover: shiny-mountains
 dateModified: 2021-05-17
 ---