timeline shortcode

kuznetsov17 · Jan 31, 2024 · b6ab546 · b6ab546
1 parent 0432e66
commit b6ab546
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 33 deletions.
diff --git 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
-```
+```
+
+# 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
@@ -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;