Fix blog posting

Signed-off-by: Avinal Kumar <avinal.xlvii@gmail.com>

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",

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 [] []
         ]