Merge pull request #63 from Vedant336Neekhra/master

fixing resources section

Author: qu-bit1

resources/index.html

@@ -11,29 +11,10 @@ <h1>Resources</h1>
 </div>
 <div class="resource-container">
   <h2 id="ml-roadmap">ML Road Map</h2>
-  <img src="/roadmaps/ML/ML_page-0001.jpg" class="pdf-page">
-  <img src="/roadmaps/ML/ML_page-0002.jpg" class="pdf-page">
-  <img src="/roadmaps/ML/ML_page-0003.jpg" class="pdf-page">
-  <img src="/roadmaps/ML/ML_page-0004.jpg" class="pdf-page">
-  <img src="/roadmaps/ML/ML_page-0005.jpg" class="pdf-page">
-  <img src="/roadmaps/ML/ML_page-0006.jpg" class="pdf-page">
-  <img src="/roadmaps/ML/ML_page-0007.jpg" class="pdf-page">
-  <img src="/roadmaps/ML/ML_page-0008.jpg" class="pdf-page">
-  <img src="/roadmaps/ML/ML_page-0009.jpg" class="pdf-page">
-  <img src="/roadmaps/ML/ML_page-0010.jpg" class="pdf-page">
-  <img src="/roadmaps/ML/ML_page-0011.jpg" class="pdf-page">
-  <img src="/roadmaps/ML/ML_page-0012.jpg" class="pdf-page">
-  <img src="/roadmaps/ML/ML_page-0013.jpg" class="pdf-page">
-  
+  <iframe src="/roadmaps/ML Roadmap 24.pdf" class="pdf-iframe"></iframe>
+
   <h2 id="neuro-roadmap">Neuroscience Road Map</h2>
-  <img src="/roadmaps/neuro/Neuro Roadmap 24_page-0001.jpg" class="pdf-page">
-  <img src="/roadmaps/neuro/Neuro Roadmap 24_page-0002.jpg" class="pdf-page">
-  <img src="/roadmaps/neuro/Neuro Roadmap 24_page-0003.jpg" class="pdf-page">
-  <img src="/roadmaps/neuro/Neuro Roadmap 24_page-0004.jpg" class="pdf-page">
-  <img src="/roadmaps/neuro/Neuro Roadmap 24_page-0005.jpg" class="pdf-page">
-  <img src="/roadmaps/neuro/Neuro Roadmap 24_page-0006.jpg" class="pdf-page">
-  <img src="/roadmaps/neuro/Neuro Roadmap 24_page-0007.jpg" class="pdf-page">
-  <img src="/roadmaps/neuro/Neuro Roadmap 24_page-0008.jpg" class="pdf-page">
+  <iframe src="/roadmaps/Neuro Roadmap 24.pdf" class="pdf-iframe"></iframe>
 </div>
 
 <style>
@@ -67,13 +48,17 @@ <h2 id="neuro-roadmap">Neuroscience Road Map</h2>
     margin-top: 40px;
     color: #333;
   }
-  .pdf-page {
-    width: 80%;
-    margin-bottom: 20px;
+  .pdf-iframe {
+    width: 90%; /* Increased width */
+    height: 800px;
+    border: none;
+    border-radius: 10px; /* Rounded corners */
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    margin-bottom: 20px;
+    padding: 10px; /* Add padding */
   }
   @media (max-width: 768px) {
-    .pdf-page {
+    .pdf-iframe {
       width: 100%;
     }
   }