From b6ab54646780c71cb5e795b177ed8dc77b556496 Mon Sep 17 00:00:00 2001
From: kuznetsov17 <m@viku.me>
Date: Wed, 31 Jan 2024 19:49:53 +0200
Subject: [PATCH] timeline shortcode

---
 content/features.md | 19 ++++++++++++++++++-
 sass/css/main.scss  | 34 ++--------------------------------
 2 files changed, 20 insertions(+), 33 deletions(-)

diff --git a/content/features.md b/content/features.md
index 41941c1..7ee60de 100644
--- a/content/features.md
+++ b/content/features.md
@@ -84,4 +84,21 @@ index_page="index" # name of the index page. Should be one of top_menu to make t
 top_menu = ["index","features","notes"] # Menu items
 copyright_string = "Сreated by John Doe in 2024 – %YEAR% for fun." # footer content. %YEAR% will be replaced with current year
 nonce = "${SOME_HASH_VALUE}" # used for JavaScript src nonce
-```
\ No newline at end of file
+```
+
+# timeline
+
+{% timeline() %}
+[{
+    "title":"Lorem Ipsum Event",
+    "body":"Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
+    "date":"Jul-2023"
+},
+{
+    "title":"Lorem Ipsum event 2",
+    "body":"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.",
+    "date":"Jun-2022"
+}]
+{% end %}
+
+
diff --git a/sass/css/main.scss b/sass/css/main.scss
index c0b5213..7aac59f 100644
--- a/sass/css/main.scss
+++ b/sass/css/main.scss
@@ -1,3 +1,4 @@
+@import '_vars', '_timeline';
 html {
   min-height: 100%;
   background-color: var(--bg-sec-color);
@@ -15,38 +16,7 @@ body {
   font-family: var(--main-font);
   --code-color: var(--font-color);
 }
-[color-theme="light"] {
-  --bg-color: #f6f8fa; // #e6edf3;
-  --bg-sec-color: #d6d7d9;
-  --font-color: #333;
-  --hover-color: #4078c0;
-  --invis-color: rgb(131, 141, 158);
-  --pagination-hover: rgba(64,120,192, .4);
-  --header-bg: #ebeced;
-  
-  --code-bg-color: #eeeeee; // background
-  --code-fg-color: #383a42; // foreground
-  --code-kw-color: #0184bc; //blue
-  --code-string-color:#50a14f; //green
-  --code-comment-color:#91a3b5; 
-}
-
-[color-theme="dark"] {
-  --bg-color: #24292e;
-  --bg-sec-color: #191d20;
-  --font-color: #fafbfc;
-  --hover-color: #4078c0;
-  --invis-color: rgba(164, 178, 197, 0.3);
-  --pagination-hover: rgba(64,120,192, .4);
-  --header-bg: #2a3036;
-
-  --img-bg-color: #6f7f8e;
-  --code-bg-color: #2b3137; // background
-  --code-fg-color: #dcdfe4; // foreground
-  --code-kw-color: #61afef; //blue
-  --code-string-color:#98c379; //green
-  --code-comment-color:#535d68; 
-}
+
 
 p {
 	margin: 0;