css: fix details

Author: backgom2357

_includes/head.html

@@ -39,6 +39,7 @@
     <!-- Google Font -->
     <link href="https://fonts.googleapis.com/css?family=Libre+Franklin:400,500,600,700,800,900&display=swap"
         rel="stylesheet">
+    <link href="http://fonts.googleapis.com/earlyaccess/nanumgothic.css" rel="stylesheet">
 
     <!-- Css Styles -->
     <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/bootstrap.min.css" type="text/css">

assets/css/style.css

@@ -35,7 +35,7 @@
 html,
 body {
 	height: 100%;
-	font-family: "Libre Franklin", sans-serif;
+	font-family: 'Nanum Gothic', sans-serif;
 	-webkit-font-smoothing: antialiased;
 	font-smoothing: antialiased;
 }
@@ -46,7 +46,7 @@ h3,
 h4,
 h5,
 h6 {
-	margin: 0;
+	margin: 20px 0;
 	color: #ffffff;
 	font-weight: 400;
 	font-family: "Libre Franklin", sans-serif;
@@ -78,7 +78,7 @@ h6 {
 
 p {
 	font-size: 16px;
-	font-family: "Libre Franklin", sans-serif;
+	font-family: 'Nanum Gothic', sans-serif;
 	color: #b3b3b3;
 	font-weight: 400;
 	line-height: 26px;
@@ -106,7 +106,7 @@ a:focus {
 ul,
 ol {
 	padding: 0;
-	margin: 0;
+	margin: 15px;
 }
 
 li {
@@ -125,6 +125,10 @@ pre code {
 	border-radius: 2%;
 }
 
+.MathJax span{
+	color: #ffffff
+}
+
 /*---------------------
   Helper CSS
 -----------------------*/
@@ -272,7 +276,7 @@ pre code {
 }
 
 .logo {
-	padding: 24px 0 30px;
+	padding: 30px 0 30px;
 }
 
 .logo a {
@@ -344,7 +348,7 @@ pre code {
 	color: #ffffff;
 	font-weight: 700;
 	display: inline-block;
-	padding: 25px 0 30px;
+	padding: 10px 0 10px;
 	-webkit-transition: all 0.3s;
 	-o-transition: all 0.3s;
 	transition: all 0.3s;
@@ -622,7 +626,7 @@ pre code {
 
 .breadcrumb-section {
 	background: #2a2a2a;
-	padding: 50px 0;
+	padding: 30px 0;
 }
 
 .breadcrumb-section.bread-normal {
@@ -631,6 +635,7 @@ pre code {
 
 .breadcrumb-option {
 	line-height: 36px;
+	padding: 20px 0px
 }
 
 .breadcrumb-option a {
@@ -694,7 +699,7 @@ pre code {
 
 .blog-item.solid-bg {
 	background: #A4B9C6;
-	padding: 55px 45px 55px 65px;
+	padding: 55px 45px 55px 45px;
 }
 
 .blog-item.solid-bg .bi-text {
@@ -703,6 +708,7 @@ pre code {
 
 .blog-item.solid-bg .bi-text ul li {
 	color: #ffffff;
+	margin: 0;
 }
 
 .blog-item.solid-bg .bi-text h4 {
@@ -727,12 +733,14 @@ pre code {
 }
 
 .blog-item .bi-text {
-	padding-top: 46px;
+	padding-top: 0px;
 	padding-right: 20px;
 	padding-bottom: 38px;
 }
 
 .blog-item .bi-text ul {
+	margin-top: 0px;
+	margin-left: 0px;
 	margin-bottom: 17px;
 }
 
@@ -742,6 +750,7 @@ pre code {
 	color: #A4B9C6;
 	font-size: 14px;
 	margin-right: 8px;
+	margin-left: 0;
 }
 
 .blog-item .bi-text ul li i {

codingPractices.html

@@ -36,7 +36,7 @@ <h3>Coding Practices</h3>
                         </ul>
                         <a href="{{ post.url | prepend: site.baseurl }}">
                           <h4>{{ post.title }}</h4>
-                          <p>{{ post.excerpt | strip_html | truncatewords: 30 }}</p>
+                          <p>{{ post.excerpt | strip_html | truncatewords: 20 }}</p>
                         </a>
                         <div class="bt-author">
                             <div class="ba-text">

firstContact.html

@@ -36,7 +36,7 @@ <h3>First Contact with Tensorflow</h3>
                         </ul>
                         <a href="{{ post.url | prepend: site.baseurl }}">
                           <h4>{{ post.title }}</h4>
-                          <p>{{ post.excerpt | strip_html | truncatewords: 30 }}</p>
+                          <p>{{ post.excerpt | strip_html | truncatewords: 20 }}</p>
                         </a>
                         <div class="bt-author">
                             <div class="ba-text">

handsOnML.html

@@ -36,7 +36,7 @@ <h3>Hands on Machine Learning</h3>
                         </ul>
                         <a href="{{ post.url | prepend: site.baseurl }}">
                           <h4>{{ post.title }}</h4>
-                          <p>{{ post.excerpt | strip_html | truncatewords: 30 }}</p>
+                          <p>{{ post.excerpt | strip_html | truncatewords: 20 }}</p>
                         </a>
                         <div class="bt-author">
                             <div class="ba-text">

laonPeople.html

@@ -36,7 +36,7 @@ <h3>Laon People ML blog review</h3>
                         </ul>
                         <a href="{{ post.url | prepend: site.baseurl }}">
                           <h4>{{ post.title }}</h4>
-                          <p>{{ post.excerpt | strip_html | truncatewords: 30 }}</p>
+                          <p>{{ post.excerpt | strip_html | truncatewords: 20 }}</p>
                         </a>
                         <div class="bt-author">
                             <div class="ba-text">