Update templates

snippets/articles/story-template.md

@@ -6,7 +6,7 @@ language: javascript
 tags: [webdev]
 author: chalarangelo
 cover: image
-excerpt: A short summary of your story up to 180 characters long.
+excerpt: A short summary of your story up to 140 characters long.
 dateModified: 2021-06-13T05:00:00-04:00
 ---
 

snippets/css/snippet-template.md

@@ -2,7 +2,7 @@
 title: Snippet Name
 type: snippet
 language: css
-tags: [other]
+tags: [layout]
 cover: image
 dateModified: 2021-06-13T05:00:00-04:00
 ---

snippets/css/story-template.md

@@ -0,0 +1,34 @@
+---
+title: My amazing story
+shortTitle: Amazing story
+type: story
+language: css
+tags: [layout]
+cover: image
+excerpt: A short summary of your story up to 140 characters long.
+dateModified: 2021-06-13T05:00:00-04:00
+---
+
+Explain briefly what the snippet does.
+
+- Explain briefly how the snippet works.
+- Use bullet points for your snippet's explanation.
+- Try to explain everything briefly but clearly.
+
+```html
+<div class="my-snippet"></div>
+```
+
+```css
+.my-snippet {
+  background-color: #fff;
+  border: 1px solid #000;
+  border-radius: 4px;
+}
+```
+
+```js
+console.log(
+  "This is optional, if your snippet doesn't require JavaScript, be sure to delete this block!"
+)
+```

snippets/git/story-template.md

@@ -0,0 +1,34 @@
+---
+title: My amazing story
+shortTitle: Amazing story
+type: story
+language: git
+tags: [branch]
+cover: image
+excerpt: A short summary of your story up to 140 characters long.
+dateModified: 2021-06-13T05:00:00-04:00
+---
+
+Explain briefly what the snippet does.
+
+- Explain briefly how the snippet works.
+- Use bullet points for your snippet's explanation.
+- Try to explain everything briefly but clearly.
+
+```html
+<div class="my-snippet"></div>
+```
+
+```css
+.my-snippet {
+  background-color: #fff;
+  border: 1px solid #000;
+  border-radius: 4px;
+}
+```
+
+```js
+console.log(
+  "This is optional, if your snippet doesn't require JavaScript, be sure to delete this block!"
+)
+```

snippets/js/story-template.md

@@ -0,0 +1,34 @@
+---
+title: My amazing story
+shortTitle: Amazing story
+type: story
+language: javascript
+tags: [array]
+cover: image
+excerpt: A short summary of your story up to 140 characters long.
+dateModified: 2021-06-13T05:00:00-04:00
+---
+
+Explain briefly what the snippet does.
+
+- Explain briefly how the snippet works.
+- Use bullet points for your snippet's explanation.
+- Try to explain everything briefly but clearly.
+
+```html
+<div class="my-snippet"></div>
+```
+
+```css
+.my-snippet {
+  background-color: #fff;
+  border: 1px solid #000;
+  border-radius: 4px;
+}
+```
+
+```js
+console.log(
+  "This is optional, if your snippet doesn't require JavaScript, be sure to delete this block!"
+)
+```

snippets/python/story-template.md

@@ -0,0 +1,34 @@
+---
+title: My amazing story
+shortTitle: Amazing story
+type: story
+language: python
+tags: [list]
+cover: image
+excerpt: A short summary of your story up to 140 characters long.
+dateModified: 2021-06-13T05:00:00-04:00
+---
+
+Explain briefly what the snippet does.
+
+- Explain briefly how the snippet works.
+- Use bullet points for your snippet's explanation.
+- Try to explain everything briefly but clearly.
+
+```html
+<div class="my-snippet"></div>
+```
+
+```css
+.my-snippet {
+  background-color: #fff;
+  border: 1px solid #000;
+  border-radius: 4px;
+}
+```
+
+```js
+console.log(
+  "This is optional, if your snippet doesn't require JavaScript, be sure to delete this block!"
+)
+```

snippets/react/snippet-template.md

@@ -2,7 +2,7 @@
 title: Component Name
 type: snippet
 language: react
-tags: [components,state,effect]
+tags: [hooks]
 cover: image
 dateModified: 2021-06-13T05:00:00-04:00
 ---

snippets/react/story-template.md

@@ -0,0 +1,34 @@
+---
+title: My amazing story
+shortTitle: Amazing story
+type: story
+language: react
+tags: [hooks]
+cover: image
+excerpt: A short summary of your story up to 140 characters long.
+dateModified: 2021-06-13T05:00:00-04:00
+---
+
+Explain briefly what the snippet does.
+
+- Explain briefly how the snippet works.
+- Use bullet points for your snippet's explanation.
+- Try to explain everything briefly but clearly.
+
+```html
+<div class="my-snippet"></div>
+```
+
+```css
+.my-snippet {
+  background-color: #fff;
+  border: 1px solid #000;
+  border-radius: 4px;
+}
+```
+
+```js
+console.log(
+  "This is optional, if your snippet doesn't require JavaScript, be sure to delete this block!"
+)
+```