From 9b27f45e002949cf0793f28f337931a8c8095bcb Mon Sep 17 00:00:00 2001
From: Avinal Kumar <avinal.xlvii@gmail.com>
Date: Fri, 16 Sep 2022 19:20:48 +0530
Subject: [PATCH] Fix blog posting

Signed-off-by: Avinal Kumar <avinal.xlvii@gmail.com>
---
 content/posts/posts.json | 10 +++++-----
 src/Blog.elm             | 21 +++++++++++----------
 2 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/content/posts/posts.json b/content/posts/posts.json
index 4d7c04a..19d255f 100644
--- a/content/posts/posts.json
+++ b/content/posts/posts.json
@@ -2,28 +2,28 @@
   {
     "title": "The Big Red Ants",
     "date": "2012-02-27 22:47",
-    "category": "article",
+    "category": "articles",
     "description": "As I observed them making and reparing their nests, I concluded that they are laborious and intellectual. They create their nests bybinding two or more leaves (maybe up to 500) together. They stich the leaves using a stinky white substance either excreted by themselves or from trees.",
     "slug": "big-red-ants"
   },
   {
     "title": "प्रेम रतन धन पायो",
     "date": "2019-09-21 15:47",
-    "category": "article",
+    "category": "articles",
     "slug": "for-sunshine",
     "description": "प्रकृति की सुंदरता और कलाकारी हिमालय की कण-कण में झलकती है। प्रकृति ने प्रेम को भी हिमालय के जितना ही विशाल और अलौकिक बनाया है । ये एक अलग चर्चा का विषय है कि हिमालय पहले आया या प्रेम। मैं तो प्रेम के पक्ष में हूँ । वो हर अणु-परमाणु जिन्होंने इतने बड़ा पहाड़ खड़ा किया वो सब आपस में प्रेम से बंधे हुए हैं। ये पृथ्वी, सूर्य, चंद्रमा, आकाश-गंगा इत्यादि सब प्रेम से बंधे हुए हैं"
   },
   {
     "title": "Create the VLC User Documentation for one Mobile Port(Android)",
     "date": "2020-12-01 23:47",
-    "category": "development",
+    "category": "blogs",
     "description": "The project was to Create the VLC User Documentation for Android Mobile Port which was previously hosted on VLC wiki pages. The major portion of this was to start everything from scratch including chapter separation, section organization.",
     "slug": "gsod2020-report"
   },
   {
     "title": "HRT (Hudson River Trading) Systems Internship Interview Experience",
     "date": "2021-01-04 21:47",
-    "category": "blog",
+    "category": "blogs",
     "slug": "hrt-interview-1",
     "description": "uestions were clear and of medium level. But they were designed in such a way that you must know the basics before you could attempt. Also, they expected a clear and concise approach."
   },
@@ -32,7 +32,7 @@
     "date": "2021-08-19 23:07",
     "category": "development",
     "description": "This is the final report of my Google Summer of Code 2021 at The FOSSology Project. One of the major improvements over the previous build system is faster build times. CMake generates parallel build-enabled configurations for all generators.",
-    "slug": "final-evaulation"
+    "slug": "final-evaluation"
   },
   {
     "title": "I am loving it! RedHat",
diff --git a/src/Blog.elm b/src/Blog.elm
index af697fe..e8f2d31 100644
--- a/src/Blog.elm
+++ b/src/Blog.elm
@@ -61,8 +61,7 @@ view model =
         [ div [ class "foo-console foo-terminal foo-active" ]
             [ div [ class "page-wrapper category-html document-page" ]
                 [ div [ class "main-wrapper" ]
-                    [ div [] (viewBlogList model)
-                    , main_ [ class "main-content", id "content" ]
+                    [ main_ [ class "main-content", id "content" ]
                         [ case model.blog of
                             Just blog ->
                                 case blog.meta.image of
@@ -74,6 +73,7 @@ view model =
 
                             Nothing ->
                                 text ""
+                        , div [] (viewBlogList model)
                         , viewArticle model
                         ]
                     ]
@@ -86,8 +86,7 @@ viewToc : Bool -> Html Msg
 viewToc show =
     if show then
         div
-            [ class "toc"
-            ]
+            [ class "toc" ]
             [ aside [ class "document-toc-container" ]
                 [ section [ class "document-toc" ]
                     [ h2 [ class "document-toc-heading" ]
@@ -122,7 +121,7 @@ viewMetadata model =
     aside
         [ class "metadata"
         , style "display"
-            (if model.success then
+            (if model.bloglist == Nothing && model.success then
                 "block"
 
              else
@@ -162,6 +161,7 @@ viewBlogListItem : JsonMeta -> Html Msg
 viewBlogListItem meta =
     div []
         [ hr [] []
+        , br [] []
         , div [ class "foo-term-story" ]
             [ div []
                 [ span []
@@ -172,13 +172,14 @@ viewBlogListItem meta =
                     , a [ href ("/posts/" ++ meta.category) ]
                         [ text meta.category ]
                     ]
+                , h2 []
+                    [ a [ href ("/posts/" ++ meta.category ++ "/" ++ meta.slug) ]
+                        [ text meta.title ]
+                    ]
+                , p [] [ text meta.description ]
                 ]
-            , h2 []
-                [ a [ href ("/posts/" ++ meta.category ++ "/" ++ meta.slug) ]
-                    [ text meta.title ]
-                ]
-            , p [] [ text meta.description ]
             ]
+        , br [] []
         ]