add style changes

blog/20210914-simplex-chat-v0.4-released.md

@@ -5,10 +5,10 @@ date: 2021-09-14
 ---
 # SimpleX announces SimpleX Chat v0.4
 
-## Open-source decentralized chat that uses privacy-preserving message routing protocol
-
 **Published:** Sep 14, 2021
 
+## Open-source decentralized chat that uses privacy-preserving message routing protocol
+
 We are building a new platform for distributed Internet applications where privacy of the messages _and_ the network matter. [SimpleX Chat](https://github.com/simplex-chat/simplex-chat) is our first application, a chat application built on the SimpleX platform that  serves as an example of the power of the platform and as a reference application.
 
 ## What is SimpleX?

blog/20211208-simplex-chat-v0.5-released.md

@@ -5,10 +5,10 @@ date: 2021-12-08
 ---
 # SimpleX announces SimpleX Chat v0.5 
 
-## Simplex Chat is the first chat platform that is 100% private by design - SimpleX no access to your connections graph
-
 **Published:** Dec 08, 2021
 
+## Simplex Chat is the first chat platform that is 100% private by design - SimpleX no access to your connections graph
+
 We are building a new platform for distributed Internet applications where privacy of the messages _and_ the network matter. [SimpleX Chat](https://github.com/simplex-chat/simplex-chat) is our first application, a chat application built on the SimpleX platform that  serves as an example of the power of the platform and as a reference application.
 
 ## What is SimpleX?

website/src/_includes/layouts/article.html

@@ -38,7 +38,7 @@
     </header>
 
     <section class="container">
-        <div class="bg-white py-6 sm:py-12 sm:px-8 md:px-12 lg:px-16">
+        <div class="bg-white py-6 sm:py-12 sm:px-8 md:px-16 lg:px-20">
             {{ content | safe }}
         </div>
     </section>

website/src/css/blog.css

@@ -1,32 +1,49 @@
 h1{
     font-size: 1.8rem;
     font-weight: 600;
-    letter-spacing: 0.6px;
-    margin-bottom: 1rem;
+    letter-spacing: 0.6px;  
+}
+
+section.container > div > p:nth-child(2){
+    margin: 0;
+    margin-bottom: 2rem;
+    margin-top: 4px;
+    font-size: 1rem;
 }
 
 h2{
-    font-size: 1.5rem;
-    font-weight: 500;
+    font-size: 1.6rem;
+    font-weight: 600;
     letter-spacing: 0.6px;
     margin-bottom: 1rem;
-    margin-top: 1.5rem;
+    margin-top: 2.2rem;
 }
 
 h3{
-    font-size: 1.3rem;
-    font-weight: 500;
+    font-size: 1.2rem;
+    font-weight: 600;
     letter-spacing: 0.6px;
     margin-bottom: 1rem;
-    margin-top: 1rem;
+    margin-top: 1.8rem;
 }
 
 ul li,ol li{
     text-decoration: none;
-    list-style: none;
+    /* list-style: none; */
     font-size: 1.1rem;
     line-height: 30px;
     letter-spacing: 0.6px;
+    margin: 0.5rem 0;
+}
+ul,ol{
+    list-style-position: inside;
+    /* list-style-type: decimal; */
+    overflow: auto;
+}
+ul li::marker, ol li::marker{
+    /* content: "->   "; */
+    font-weight: 600;
+    /* color: #fbd561; */
 }
 pre{
     overflow: auto;
@@ -34,4 +51,8 @@ pre{
 /* code{
     width: 100%;
     height: auto;
-} */
+} */
+
+p{
+    margin: 1rem 0;
+}