From f7ae7503419ebf12b98b26edb6e0a8800076d6c7 Mon Sep 17 00:00:00 2001
From: Jose Francisco Martinez Salgado <jofranmtzsalgado@gmail.com>
Date: Sun, 21 Jun 2020 03:35:07 -0500
Subject: [PATCH] Separate css styles

---
 css/style.css | 95 +++++++++++++++++++++++++++++++++++++++++++++++++
 default.hbs   | 98 +--------------------------------------------------
 2 files changed, 96 insertions(+), 97 deletions(-)
 create mode 100644 css/style.css

diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..2fcd7fa
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,95 @@
+::selection {
+    background: #c4e4ff;
+}
+
+.pagination {
+    margin-top: 3rem;
+    text-align: center;
+}
+
+.page-number {
+    margin: 0 1rem;
+    font-weigth: semibold;
+}
+
+.newer-posts, .older-posts {
+    color: #718096;
+}
+
+.post pre {
+    background-color: #0f0f0f;
+    margin: 1rem 0;
+    color: #e5eff5;
+    padding: 1rem 1.5rem;
+    font-size: .85rem;
+    overflow-x: auto;
+    border-radius: 5px;
+}
+
+strong {
+    font-weight: bold;
+}
+
+.post h1,
+.post h2,
+.post h3,
+.post h4,
+.post h5 {
+    font-weight: bold;
+    margin: .5rem 0 .75rem 0;
+    color: #0f0f0f;
+}
+
+.post h1 {
+    font-size: 2rem;
+}
+
+.post h2 {
+    font-size: 1.5rem;
+}
+
+.post h3 {
+    font-size: 1.25rem;
+}
+
+.post a {
+    color: #68b7e4;
+}
+
+.post p {
+    margin-bottom: 2rem;
+}
+
+.post p code {
+    background-color: #d0edff;
+}
+
+.post ol,
+.post ul {
+    margin-bottom: 2rem;
+}
+
+.post li {
+    margin-bottom: .75rem;
+}
+
+.post li:before {
+    content: "-";
+    margin-right: .75rem;
+}
+
+.post blockquote {
+    margin-bottom: 2rem;
+    border-left: 3px solid #43baff;
+    padding: .25rem 0 .25rem 1rem;
+    font-style: italic;
+}
+
+.post img, figure {
+    margin-bottom: 2rem;
+}
+
+.post figcaption {
+    text-align: center;
+    font-size: .9rem;
+}
diff --git a/default.hbs b/default.hbs
index e9a59cb..d402693 100644
--- a/default.hbs
+++ b/default.hbs
@@ -6,103 +6,7 @@
         <title>{{meta_title}}</title>
         <script src="https://kit.fontawesome.com/5e1f5a95a3.js" crossorigin="anonymous"></script>
         <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
-        <style>
-            ::selection {
-              background: #c4e4ff;
-            }
-
-            .pagination {
-                margin-top: 3rem;
-                text-align: center;
-            }
-
-            .page-number {
-                margin: 0 1rem;
-                font-weigth: semibold;
-            }
-
-            .newer-posts, .older-posts {
-                color: #718096;
-            }
-
-            .post pre {
-                background-color: #0f0f0f;
-                margin: 1rem 0;
-                color: #e5eff5;
-                padding: 1rem 1.5rem;
-                font-size: .85rem;
-                overflow-x: auto;
-                border-radius: 5px;
-            }
-
-            strong {
-                font-weight: bold;
-            }
-
-            .post h1,
-            .post h2,
-            .post h3,
-            .post h4,
-            .post h5 {
-                font-weight: bold;
-                margin: .5rem 0 .75rem 0;
-                color: #0f0f0f;
-            }
-
-            .post h1 {
-                font-size: 2rem;
-            }
-
-            .post h2 {
-                font-size: 1.5rem;
-            }
-
-            .post h3 {
-                font-size: 1.25rem;
-            }
-
-            .post a {
-                color: #68b7e4;
-            }
-
-            .post p {
-                margin-bottom: 2rem;
-            }
-
-            .post p code {
-                background-color: #d0edff;
-            }
-
-            .post ol,
-            .post ul {
-                margin-bottom: 2rem;
-            }
-
-            .post li {
-                margin-bottom: .75rem;
-            }
-
-            .post li:before {
-                content: "-";
-                margin-right: .75rem;
-            }
-
-            .post blockquote {
-                margin-bottom: 2rem;
-                border-left: 3px solid #43baff;
-                padding: .25rem 0 .25rem 1rem;
-                font-style: italic;
-            }
-
-            .post img, figure {
-                margin-bottom: 2rem;
-            }
-
-            .post figcaption {
-                text-align: center;
-                font-size: .9rem;
-            }
-        </style>
+        <link rel="stylesheet" href="{{asset 'css/style.css'}}" type="text/css">
         {{ghost_head}}
     </head>
     <body class="font-sans w-11/12 md:w-7/12 lg:w-6/12 xl:w-5/12 mx-auto">