add blogs from medium

janismdhanbad · Jan 8, 2024 · ffa2f96 · ffa2f96
1 parent 0ce3ae6
commit ffa2f96
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 11 deletions.
diff --git a/css/style.css b/css/style.css
@@ -5,7 +5,7 @@ body{
 	font-size:150%;
 	background-color: rgb(240, 248, 255);
 	font-family: 'Roboto', sans-serif;
-	background-image: url("../images/bg_blogs.webp");
+	/* background-image: url("../images/bg_blogs.webp"); */
 
 
 }
@@ -588,3 +588,34 @@ position: relative;
 	}
 
 }
+.myblogdiv{
+	color: gray;
+	margin-top: 120px;
+	width: 70vw;
+	margin-left: auto;
+	margin-right: auto;
+}
+.myblogdiv h2{
+	color: black;
+}
+
+.myblogdiv a{
+	color: black;
+	text-decoration: underline;
+
+}
+.myblogdiv a:hover{
+	text-shadow: 1px 1px 5px gray;
+}
+.read-more a{
+	border:2px solid black;
+	border-radius: 3px;
+}
+
+.read-more a:hover{
+	box-shadow: 10px 10px 5px gray;
+}
+.blog_head_caption{
+	margin-top: 40px;
+	margin-bottom: 40px;
+}
diff --git a/pages/blogs.html b/pages/blogs.html
@@ -42,8 +42,8 @@
         </div> -->
         <h1 class="div_heads"> My Blogs </h1>
     </header>
-    <main class="blog_list" id="main">
-        <div class="blog_bg">
+    <main class = "blog_list" id="main">
+        <div >
 
         </div>
         <div class="blog_head">
@@ -52,7 +52,19 @@ <h1 class="div_heads"> My Blogs </h1>
             concept I learnt recently. Here are some blogs that I have written:
             </p>
         </div>
-        <a href="https://medium.com/p/6a34e2485911" style="color: black;">
+
+        <div class = "myblogdiv">
+        <div 
+         id="retainable-rss-embed" data-rss="https://medium.com/feed/@janpreetds"
+            data-maxcols="1" 
+            data-layout="grid" 
+            data-poststyle="modal" 
+            data-readmore="Click here to read more.." 
+            data-buttonclass="btn btn-primary" 
+            data-offset="-100">
+        </div>
+        </div>
+        <!-- <a href="https://medium.com/p/6a34e2485911" style="color: black;">
 
             <div class="blog_body">
                 From scanned PDFs to text summarization:
@@ -61,9 +73,9 @@ <h1 class="div_heads"> My Blogs </h1>
                 in performing Optical Character recognition(OCR) on PDFs and used two different libraries, OCRPus and Tesseract for text extraction.
             </p>    
             </div>
-        </a>
+        </a> -->
 
-        <a href="https://thebittheories.com/understanding-the-data-things-you-might-miss-c7710da8f765#.9snbire17" style="color: black;">
+        <!-- <a href="https://thebittheories.com/understanding-the-data-things-you-might-miss-c7710da8f765#.9snbire17" style="color: black;">
             <div class="blog_body">
                 UNDERSTANDING THE DATA : Things you might miss!!
                 <p>
@@ -72,10 +84,10 @@ <h1 class="div_heads"> My Blogs </h1>
                     these in the language you use for doing exploration.
                 </p>
             </div>
-        </a>
+        </a> -->
 
 
-        <a href="https://thebittheories.com/data-analysis-and-statistical-inference-a-quick-guide-82a51246834a#.9z8r5umql" style="color: black;">
+        <!-- <a href="https://thebittheories.com/data-analysis-and-statistical-inference-a-quick-guide-82a51246834a#.9z8r5umql" style="color: black;">
             <div class="blog_body">
                 
                 Data analysis and statistical inference : A quick guide
@@ -84,9 +96,9 @@ <h1 class="div_heads"> My Blogs </h1>
                     variables. I have included example codes in R.
                 </p>
             </div>
-        </a>
+        </a> -->
 
-        <a href="https://medium.com/the-bit-theories/data-analysis-and-statistical-inference-a-quick-guide-part-2-anova-87441c5018e5" style="color: black;">
+        <!-- <a href="https://medium.com/the-bit-theories/data-analysis-and-statistical-inference-a-quick-guide-part-2-anova-87441c5018e5" style="color: black;">
             <div class="blog_body">
                 
                 Data Analysis and Statistical Inference: A Quick Guide Part 2 (ANOVA)
@@ -96,8 +108,9 @@ <h1 class="div_heads"> My Blogs </h1>
                     a categorical quantity like income class of the people.
                 </p>
             </div>
-        </a>
+        </a> -->
     <script src="../js/blogs.js"></script>
+    <script src="https://www.twilik.com/assets/retainable/rss-embed/retainable-rss-embed.js"></script>
 
     </main>