Added Themes images and readme

8 files changed, 61 insertions, 29 deletions

diff --git a/content/posts/post-1.md b/content/posts/post-1.md
index 293bdc3..f59fc62 100644
--- a/content/posts/post-1.md
+++ b/content/posts/post-1.md
@@ -1,8 +1,9 @@
 ---
 title: "Primer: When You Have Too Much to Do"
-date: 2020-04-01T02:01:58+05:30
+date: 2020-04-10
 description: "You have a to-do list that scrolls on for days. You are managing multiple projects, getting lots of email and messages on different messaging systems, managing finances and personal health habits and so much more."
 tags: [Primer, todo]
+draft: true
 ---
 
 You have a to-do list that scrolls on for days. You are managing multiple projects, getting lots of email and messages on different messaging systems, managing finances and personal health habits and so much more.
diff --git a/content/posts/post-7.md b/content/posts/post-7.md
deleted file mode 100644
index 4884040..0000000
--- a/content/posts/post-7.md
+++ /dev/null
@@ -1,15 +0,0 @@
----
-title: "How to test dark mode?"
-summary: "Here is how you can setup dark mode for Ink and test on various OS like iOS, Android, macOS and Windows 10."
-date: 2018-03-18T12:13:38+05:30
-tldr: "Wubba lubba dub dub"
----
-
-You can set dark mode as default by setting `params.mode` to `dark` in `config.toml` or set it to `auto` which will detect based on your OS and switch to dark mode. For more details [refer documentation](https://github.com/knadh/hugo-ink#configuration)
-
-Here is how you can switch based on your OS
-
-* [iOS](https://www.howtogeek.com/440078/how-to-enable-dark-mode-on-your-iphone-and-ipad/)
-* [Android](https://9to5google.com/2018/12/17/android-dark-mode-theme-pie/)
-* [macOS](https://support.apple.com/en-in/HT208976)
-* [Windows 10](https://www.cnet.com/how-to/turn-on-the-dark-mode-in-windows-10/)
diff --git a/content/posts/tg-gh.md b/content/posts/tg-gh.md
index 4400148..75a655b 100644
--- a/content/posts/tg-gh.md
+++ b/content/posts/tg-gh.md
@@ -3,6 +3,7 @@ title: Telegram Bot for  GitHub Actions
 date: "2020-04-01"
 description: Make a Telegram bot with Node.js and use it with GitHub Actions for sending notifications to you about the repo.
 tldr: Making GitHub Actions with Js Code
+draft : true
 ---
 ## Telegram
 [Telegram](https://telegram.org/) is a cloud-based mobile and desktop messaging app with a focus on security and speed. It is free to use and extensively hackable. It also has a good bot support system. The API is also easy to implement and has many wrappers for building bots with the API.
diff --git a/themes/archie/README.md b/themes/archie/README.md
index 4399ef2..528b5f6 100644
--- a/themes/archie/README.md
+++ b/themes/archie/README.md
@@ -1,2 +1,40 @@
 # Archie - Hugo theme
-Archie is a minimal and clean theme for hugo 
\ No newline at end of file
+Archie is a minimal and clean theme for hugo with a markdown-ish UI.
+
+Forked from [Ezhil Theme](https://github.com/vividvilla/ezhil)
+
+## Demo
+
+[Check the Demo](https://athul.github.io/archie/) hosted on GitHub Pages :smile:
+
+![](/images/theme.png)
+
+## Feature
+- Google Analytics Script
+- Callouts
+- Tags
+- tl:dr; frontamatter
+
+## Installation
+In your Hugo website directory, create a new folder named theme and clone the repo
+```bash
+$ mkdir themes
+$ cd themes
+$ git clone https://github.com/athul/archie.git
+```
+Edit the `config.toml` file with `theme="archie"`
+For more information read the official [setup guide](https://gohugo.io/overview/installing/) of Hugo.
+
+## Writing Posts
+Create a new `.md` file in the *content/post* folder
+```yml
+---
+title: Title of the post
+description:
+date:
+tldr: (optional)
+---
+```
+
+## Credits
+Forked from [Ezhil Theme](https://github.com/vividvilla/ezhil) and Licensed under MIT License   
\ No newline at end of file
diff --git a/themes/archie/images/screenshot.png b/themes/archie/images/screenshot.png
new file mode 100644
index 0000000..60475f9
--- /dev/null
+++ b/themes/archie/images/screenshot.png
diff --git a/themes/archie/images/theme.png b/themes/archie/images/theme.png
new file mode 100644
index 0000000..c195540
--- /dev/null
+++ b/themes/archie/images/theme.png
diff --git a/themes/archie/images/tn.png b/themes/archie/images/tn.png
new file mode 100644
index 0000000..2d5b565
--- /dev/null
+++ b/themes/archie/images/tn.png
diff --git a/themes/archie/static/css/main.css b/themes/archie/static/css/main.css
index 87c49ec..f95e61f 100644
--- a/themes/archie/static/css/main.css
+++ b/themes/archie/static/css/main.css
@@ -26,18 +26,6 @@ body{
   color: #fff;
 }
 
-h1, h2, h3, h4, h5, h6 {
-  font-size: 1.2rem;
-  margin-top: 2em;
-}
-
-h1::before { color: var(--maincolor); content: '# '; }
-h2::before { color: var(--maincolor); content: '## '; }
-h3::before { color: var(--maincolor); content: '### '; }
-h4::before { color: var(--maincolor); content: '#### '; }
-h5::before { color: var(--maincolor); content: '##### '; }
-h6::before { color: var(--maincolor); content: '###### '; }
-
 p {
   font-family: 'IBM Plex Sans', sans-serif;
   line-height: 1.5;
@@ -156,6 +144,17 @@ header {
 header .main {
   font-size: 1.5rem;
 }
+h1, h2, h3, h4, h5, h6 {
+  font-size: 1.2rem;
+  margin-top: 2em;
+}
+
+h1::before { color: var(--maincolor); content: '# '; }
+h2::before { color: var(--maincolor); content: '## '; }
+h3::before { color: var(--maincolor); content: '### '; }
+h4::before { color: var(--maincolor); content: '#### '; }
+h5::before { color: var(--maincolor); content: '##### '; }
+h6::before { color: var(--maincolor); content: '###### '; }
 
 /* Footer */
 footer {
@@ -214,4 +213,12 @@ svg{
 .soc:hover{
   background-color: hotpink;
   color: white;
+}
+time .draft-label{
+    color: #3700ff;
+    text-decoration: none;
+    padding: 2px 4px;
+    border-radius: 4px;
+    margin-left: 6px;
+    background-color: #f9f2f4;
 }
\ No newline at end of file