First post

14 files changed, 60 insertions, 249 deletions

diff --git a/source/_assets/sass/_blog.scss b/source/_assets/sass/_blog.scss
index 9e350e8..7e3d82e 100644
--- a/source/_assets/sass/_blog.scss
+++ b/source/_assets/sass/_blog.scss
@@ -37,6 +37,9 @@
         @apply font-bold;
         @apply my-4;
       }
+      a {
+        @apply text-green-600;
+      }
   }
 }
 
diff --git a/source/_assets/sass/_tags.scss b/source/_assets/sass/_tags.scss
index 83077aa..922e4c9 100644
--- a/source/_assets/sass/_tags.scss
+++ b/source/_assets/sass/_tags.scss
@@ -1,19 +1,28 @@
-a {
-  &.apache {
-    background-color: #CB2138;
-  }
+#main-sidebar-container {
+  a {
+    &.apache {
+      background-color: #CB2138;
+      @apply text-white;
+    }
 
-  &.linux {
-    background-color: #FFFFFF;
-    color: #000000;
-  }
+    &.linux {
+      background-color: #FFFFFF;
+      @apply text-black;
+    }
 
-  &.mysql {
-    background-color: #F29221;
-  }
+    &.mysql {
+      background-color: #F29221;
+      @apply text-white;
+    }
 
-  &.php {
-    background-color: #8892BF;
+    &.php {
+      background-color: #8892BF;
+      @apply text-white;
+    }
+
+    &.jigsaw {
+      background-color: #96539F;
+      @apply text-white;
+    }
   }
 }
-
diff --git a/source/_posts/custom-404-page.md b/source/_posts/custom-404-page.md
deleted file mode 100644
index fdeefc4..0000000
--- a/source/_posts/custom-404-page.md
+++ /dev/null
@@ -1,34 +0,0 @@
----
-extends: _layouts.post
-section: content
-title: Custom 404 Pages
-date: 2018-12-23
-description: Add a custom 404 page is easy with Jigsaw
-tags: [PHP, Apache]
----
-
-This starter template includes a custom __404 Not Found__ error page, located at `/source/404.blade.php`. [To preview the 404 page](/404), you can visit `/404` in your browser.
-
-```html
-<!-- source/404.blade.php -->
-
-@extends('_layouts.master')
-
-@section('body')
-    <div class="flex flex-col items-center text-gray-700 mt-32">
-        <h1 class="text-6xl font-light leading-none mb-2">404</h1>
-
-        <h2 class="text-3xl">Page not found.</h2>
-
-        <hr class="block w-full max-w-sm mx-auto border my-8">
-
-        <p class="text-xl">
-            Need to update this page? See the <a title="404 Page Documentation" href="https://jigsaw.tighten.co/docs/custom-404-page/">Jigsaw documentation</a>.
-        </p>
-    </div>
-@endsection
-```
-
----
-
-Depending on where your site is hosted, you may need to configure your server to use the custom 404 page. For more details, visit the [Jigsaw documentation about configuring a custom 404 page](https://jigsaw.tighten.co/docs/custom-404-page/).
diff --git a/source/_posts/customizing-your-site.md b/source/_posts/customizing-your-site.md
deleted file mode 100644
index 60d8e13..0000000
--- a/source/_posts/customizing-your-site.md
+++ /dev/null
@@ -1,73 +0,0 @@
----
-extends: _layouts.post
-section: content
-title: Customizing Your Site
-date: 2018-12-24
-description: Customize your site with CSS and JS
-tags: [PHP, MySql]
-featured: true
-excerpt: This starter template comes pre-loaded with Tailwind CSS, a utility CSS framework that allows you to customize and build complex designs without touching a line of CSS.
----
-
-This starter template comes pre-loaded with [Tailwind CSS](https://tailwindcss.com), a utility CSS framework that allows you to customize and build complex designs without touching a line of CSS. There are also a few base Sass files in the `/source/_assets/sass` folder, set up with the expectation that you can add any custom CSS into `_blog.scss`.
-
-> You can also re-work the architecture of the Sass files any way you’d like; just make sure to keep the `@tailwind` references in your final `main.scss` file.
-
-```scss
-// source/_assets/sass/main.scss
-
-@tailwind preflight;
-@tailwind components;
-
-// Code syntax highlighting,
-// https://highlightjs.org
-@import '~highlightjs/styles/default';
-
-@import 'base';
-@import 'navigation';
-@import 'mailchimp';
-@import 'blog';
-
-@tailwind utilities;
-```
-
----
-
-## Typography Styles
-
-Here’s a quick preview of what some of the basic type styles will look like in this starter template:
-
-# h1 Heading
-## h2 Heading
-### h3 Heading
-#### h4 Heading
-##### h5 Heading
-###### h6 Heading
-
-The quick brown fox jumps over the lazy dog
-
-<s>The quick brown fox jumps over the lazy dog</s>
-
-<u>The quick brown fox jumps over the lazy dog</u>
-
-_The quick brown fox jumps over the lazy dog_
-
-**The quick brown fox jumps over the lazy dog**
-
-`The quick brown fox jumps over the lazy dog`
-
-<small>The quick brown fox jumps over the lazy dog</small>
-
-> The quick brown fox jumps over the lazy dog
-
-[The quick brown fox jumps over the lazy dog](#)
-
-```php
-class Foo extends bar
-{
-    public function fooBar()
-    {
-        //
-    }
-}
-```
diff --git a/source/_posts/fuse-search.md b/source/_posts/fuse-search.md
deleted file mode 100644
index 645510e..0000000
--- a/source/_posts/fuse-search.md
+++ /dev/null
@@ -1,16 +0,0 @@
----
-extends: _layouts.post
-section: content
-title: Fuse Search
-date: 2018-12-22
-description: Fast local search powered by FuseJS
-cover_image: /assets/img/post-cover-image-1.png
-tags: [PHP, Linux]
----
-
-To provide fast, local search of your blog, this starter template comes with a pre-built Vue.js component that uses Fuse.js. [Fuse.js](http://fusejs.io/) is a "lightweight fuzzy-search library with _no_ dependencies." It works by running queries against a JSON index of your content.
-
-During the [build process](http://jigsaw.tighten.co/docs/building-and-previewing/), the contents of your `posts` collection is processed by the `GenerateIndex.php` listener, and an `index.json` file is generated in the build directory. The `Search.vue` component provides a search input that queries this local index.
-
-If you'd like to customize the generation of your search index, take a look at the `handle` method of the `GenerateIndex.php` file.
-
diff --git a/source/_posts/getting-started.md b/source/_posts/getting-started.md
deleted file mode 100644
index 4e36ff5..0000000
--- a/source/_posts/getting-started.md
+++ /dev/null
@@ -1,45 +0,0 @@
----
-extends: _layouts.post
-section: content
-title: Getting Started
-date: 2018-12-25
-description: Getting started with the Jigsaw blog starter template
-cover_image: /assets/img/post-cover-image-2.png
-featured: true
-tags: [PHP]
----
-
-This is a starter template for creating a beautiful, customizable blog with minimal effort. You’ll only have to change a few settings and you’re ready to go.<!-- more -->
-
-## Configuration
-
-As with all Jigsaw sites, configuration settings can be found in `config.php`; you can update the variables in that file with settings specific to your site. You can also add new configuration variables there to use across your site; take a look at the [Jigsaw documentation](http://jigsaw.tighten.co/docs/site-variables/) to learn more.
-
-```php
-// config.php
-return [
-    'baseUrl' => 'https://my-awesome-jigsaw-site.com/',
-    'production' => false,
-    'siteName' => 'My Site',
-    'siteDescription' => 'Give your blog a boost with Jigsaw.',
-    ...
-];
-```
-
-### Adding Content
-
-You can write your content using a [variety of file types](http://jigsaw.tighten.co/docs/content-other-file-types/). By default, this starter template expects your content to be located in the `source/_posts/` folder.
-
-The top of each content page contains a YAML header that specifies how it should be rendered. The `title` attribute is used to dynamically generate HTML `title` and OpenGraph tags for each page. The `extends` attribute defines which parent Blade layout this content file will render with (e.g. `_layouts.post` will render with `source/_layouts/post.blade.php`), and the `section` attribute defines the Blade "section" that expects this content to be placed into it.
-
-```yaml
----
-extends: _layouts.post
-section: content
-title: Getting Started
-date: 2018-12-25
-description: Getting started with the Jigsaw blog starter template
-cover_image: /assets/img/post-cover-image-2.png
-featured: true
----
-```
diff --git a/source/_posts/mailchimp-newsletters.md b/source/_posts/mailchimp-newsletters.md
deleted file mode 100644
index 13dac5d..0000000
--- a/source/_posts/mailchimp-newsletters.md
+++ /dev/null
@@ -1,42 +0,0 @@
----
-extends: _layouts.post
-section: content
-title: Mailchimp Newsletters
-date: 2018-11-21
-tags: [MySql]
-description: Mailchimp newsletter signups, just add a url.
-cover_image: /assets/img/post-cover-image-1.png
----
-
-[Mailchimp](https://mailchimp.com/) is a fantastic marketing platform, and takes the pain out of managing email lists and campaigns. The blog starter template comes with a beautiful pre-built newsletter form, that only needs a Mailchimp list URL to send to.
-
-To begin accepting subscribers, simply add your list URL to the form `action` in the `source/_components/newsletter-signup.blade.php` file.
-
-```html
-<!-- source/_components/newsletter-signup.blade.php -->
-
-<div id="mc_embed_signup">
-    <form action="https://your-mail-chimp-list-manage-url" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
-        <div id="mc_embed_signup_scroll">
-            <h2>Sign up for newsletter</h2>
-            <div class="mc-field-group">
-                <label for="mce-EMAIL">Email Address </label>
-                <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Email address">
-            </div>
-            <div id="mce-responses" class="clear">
-                <div class="response" id="mce-error-response" style="display:none"></div>
-                <div class="response" id="mce-success-response" style="display:none"></div>
-            </div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
-
-            <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_25582686a9fc051afd5453557_189578c854" tabindex="-1" value=""></div>
-            <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
-        </div>
-    </form>
-</div>
-```
-
-### Example
-
-<img src="/assets/img/newsletter.png">
-
-[See how to get your Mailchimp list URL.](https://mailchimp.com/help/host-your-own-signup-forms/#Edit_your_Custom_Signup_Form)
diff --git a/source/_posts/my-first-blog-post.md b/source/_posts/my-first-blog-post.md
deleted file mode 100644
index ee6df52..0000000
--- a/source/_posts/my-first-blog-post.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-extends: _layouts.post
-section: content
-title: My First Blog Post
-date: 2017-03-23
-description: This is your first blog post.
-cover_image: /assets/img/post-cover-image-2.png
-tags: [PHP]
----
-
-This is the start of your first blog post.
diff --git a/source/_posts/welcome.md b/source/_posts/welcome.md
new file mode 100644
index 0000000..02473da
--- /dev/null
+++ b/source/_posts/welcome.md
@@ -0,0 +1,12 @@
+---
+extends: _layouts.post
+section: content
+title: Welcome
+date: 2020-03-08
+description: My first post on my redesigned blog 
+tags: [Jigsaw]
+---
+
+I've decided to take part in the [four weeks challenge](https://twitter.com/flaviocopes/status/1233393406556151808), that was announced by [@flaviocopes](https://twitter.com/flaviocopes), to get a blog up and running. 
+
+This site was generated with [Jigsaw](https://jigsaw.tighten.co) and styled using [Taillwind CSS](https://tailwindcss.com).
diff --git a/source/_tags/configuration.md b/source/_tags/configuration.md
deleted file mode 100644
index 48a71f1..0000000
--- a/source/_tags/configuration.md
+++ /dev/null
@@ -1,4 +0,0 @@
----
-extends: _layouts.tag
-description: All the Configuration posts
----
diff --git a/source/_tags/feature.md b/source/_tags/feature.md
deleted file mode 100644
index b74655d..0000000
--- a/source/_tags/feature.md
+++ /dev/null
@@ -1,4 +0,0 @@
----
-extends: _layouts.tag
-description: All the feature posts.
----
diff --git a/source/_tags/jigsaw.md b/source/_tags/jigsaw.md
new file mode 100644
index 0000000..b3d901c
--- /dev/null
+++ b/source/_tags/jigsaw.md
@@ -0,0 +1,4 @@
+---
+extends: _layouts.tag
+description: All the PHP posts
+---
diff --git a/source/assets/build/css/main.css b/source/assets/build/css/main.css
index ced64c8..f51fcfb 100644
--- a/source/assets/build/css/main.css
+++ b/source/assets/build/css/main.css
@@ -744,21 +744,29 @@ pre code.hljs {
   background-color: transparent;
 }
 
-a.apache {
+#main-sidebar-container a.apache {
   background-color: #CB2138;
+  color: #fff;
 }
 
-a.linux {
+#main-sidebar-container a.linux {
   background-color: #FFFFFF;
-  color: #000000;
+  color: #000;
 }
 
-a.mysql {
+#main-sidebar-container a.mysql {
   background-color: #F29221;
+  color: #fff;
 }
 
-a.php {
+#main-sidebar-container a.php {
   background-color: #8892BF;
+  color: #fff;
+}
+
+#main-sidebar-container a.jigsaw {
+  background-color: #96539F;
+  color: #fff;
 }
 
 #main-sidebar-container {
@@ -802,6 +810,10 @@ a.php {
   margin-bottom: 1rem;
 }
 
+#main-sidebar-container article a {
+  color: #38a169;
+}
+
 .sr-only{
   position: absolute;
   width: 1px;
diff --git a/source/assets/build/mix-manifest.json b/source/assets/build/mix-manifest.json
index 25234e7..0381539 100644
--- a/source/assets/build/mix-manifest.json
+++ b/source/assets/build/mix-manifest.json
@@ -1,4 +1,4 @@
 {
     "/js/main.js": "/js/main.js?id=c056074a8c43f32ffbad",
-    "/css/main.css": "/css/main.css?id=aad79525e9fb1bbd2dc1"
+    "/css/main.css": "/css/main.css?id=19a45245564504109c07"
 }