From 7f401e4c4bacebf633dc53662ab4742a1a32f5a2 Mon Sep 17 00:00:00 2001
From: sagarkori143 <sagarkoriup11@gmail.com>
Date: Thu, 20 Jun 2024 07:28:07 +0530
Subject: [PATCH] added tutorial links

---
 .readthedocs.yaml     | 32 +++++++++++++++++++++++
 Frontend/CSS.md       |  2 +-
 Frontend/html.md      |  4 +++
 Languages/markdown.md |  5 ++++
 Languages/python.md   |  5 ++++
 resources.html        | 60 +++++++++++++++++++++++++++++++++++++++----
 6 files changed, 102 insertions(+), 6 deletions(-)
 create mode 100644 .readthedocs.yaml

diff --git a/.readthedocs.yaml b/.readthedocs.yaml
new file mode 100644
index 0000000..243f0cc
--- /dev/null
+++ b/.readthedocs.yaml
@@ -0,0 +1,32 @@
+# .readthedocs.yaml
+# Read the Docs configuration file
+# See https://docs.readthedocs.io/en/stable/config-file/v2.html for details
+
+# Required
+version: 2
+
+# Set the OS, Python version and other tools you might need
+build:
+  os: ubuntu-22.04
+  tools:
+    python: "3.12"
+    # You can also specify other tool versions:
+    # nodejs: "19"
+    # rust: "1.64"
+    # golang: "1.19"
+
+# Build documentation in the "docs/" directory with Sphinx
+sphinx:
+  configuration: docs/conf.py
+
+# Optionally build your docs in additional formats such as PDF and ePub
+# formats:
+#    - pdf
+#    - epub
+
+# Optional but recommended, declare the Python requirements required
+# to build your documentation
+# See https://docs.readthedocs.io/en/stable/guides/reproducible-builds.html
+# python:
+#    install:
+#    - requirements: docs/requirements.txt
\ No newline at end of file
diff --git a/Frontend/CSS.md b/Frontend/CSS.md
index 496251d..a4a96b4 100644
--- a/Frontend/CSS.md
+++ b/Frontend/CSS.md
@@ -676,7 +676,7 @@ img {
 
 This tutorial provides a comprehensive overview of CSS, from basic concepts to advanced techniques. By mastering these topics, you'll be able to create visually appealing and responsive web pages.
 
-Here is a link to a Youtube Tutorial which can help you learn the language in a better way <>
+### Here is a link to a Youtube Tutorial which can help you learn the language in a better way <>
 ```
 https://youtu.be/ESnrn1kAD4E?si=Z2gX5J0jf7CiBQbI
 ```
\ No newline at end of file
diff --git a/Frontend/html.md b/Frontend/html.md
index ad093e5..4b050ee 100644
--- a/Frontend/html.md
+++ b/Frontend/html.md
@@ -248,6 +248,10 @@
     </script>
     ```
 
+### Here is the link to some tutorials you can follow :
+- [HTML full length tutorial🏃‍♂️](https://www.youtube.com/watch?v=HcOc7P5BMi4)
+
+- [Quick recap tutorial🚀](https://www.youtube.com/watch?v=qz0aGYrrlhU)
 ## HTML Best Practices
 
 ### Use Semantic Elements
diff --git a/Languages/markdown.md b/Languages/markdown.md
index ec7c473..16309d5 100644
--- a/Languages/markdown.md
+++ b/Languages/markdown.md
@@ -322,6 +322,11 @@
     - [ ] Task 2
     - [ ] Task 3
 
+## Tutorial you can follow for polishing your markdown concepts:
+- [Markdown playground](https://dillinger.io/)
+- [A2Z Makdown concepts in 10 minutes 🎥](https://www.youtube.com/watch?v=_PPWWRV6gbA&t=60s)
+
+
 ## Markdown Best Practices
 
 ### Keep It Simple
diff --git a/Languages/python.md b/Languages/python.md
index 3464c3f..2dee28b 100644
--- a/Languages/python.md
+++ b/Languages/python.md
@@ -428,6 +428,11 @@
     print(dog.speak())   # Output: Bark
     ```
 
+## Here are some tutorials you can follow for polishing your python concepts:
+- [Python full length tutorial🐍](https://www.youtube.com/watch?v=_uQrJ0TkZlc)
+- [Python quick recap video 🚀](https://www.youtube.com/watch?v=kqtD5dpn9C8)
+- [Official Python Documentation 📃](https://docs.python.org/3/tutorial/index.html)
+
 **Conclusion:**
 
 This tutorial covered the basics of Python, including its syntax, control flow, data structures, functions, modules, file handling, exception handling, and object-oriented programming. Python is a versatile language with a wide range of applications. Keep practicing and exploring more advanced topics to enhance your Python skills. Happy coding!
diff --git a/resources.html b/resources.html
index 3e82673..cc7ce32 100644
--- a/resources.html
+++ b/resources.html
@@ -6,10 +6,11 @@
   <title>Resource Library</title>
   <style>
     body {
-      display: flex;
-      margin: 0;
-      font-family: Arial, sans-serif;
+      display: flex; /* Remove default margin */
+      font-family: 'Roboto', sans-serif; /* Use Roboto font */
+      overflow: hidden; /* Prevents scroll bars on the body */
     }
+
     #sidebar {
       width: 200px;
       position: fixed;
@@ -20,29 +21,78 @@
       overflow-y: auto;
       border-right: 1px solid #ddd;
     }
+
     #content {
-      margin-left: 220px;
+      margin-left:300px; /* Adjusted to match the width of the sidebar */
       padding: 20px;
       flex-grow: 1;
+      overflow-y: auto; /* Allows content to scroll if necessary */
+      height: 100vh;
     }
+
     h3 {
       margin-top: 0;
     }
+
     ul {
       list-style-type: none;
       padding: 0;
     }
+
     li {
       margin: 10px 0;
     }
+
     a {
       text-decoration: none;
       color: #0366d6;
     }
+
     a:hover {
       text-decoration: underline;
     }
+
+    iframe {
+      width: 100%;
+      height: 100%;
+      border: none;
+    }
   </style>
+  <!-- Correct CDN link for marked.js -->
+  <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+  <script>
+    document.addEventListener('DOMContentLoaded', () => {
+      const links = document.querySelectorAll('a[target="content-frame"]');
+      const iframe = document.querySelector('iframe[name="content-frame"]');
+
+      links.forEach(link => {
+        link.addEventListener('click', async (e) => {
+          e.preventDefault();
+          const url = link.getAttribute('href');
+          try {
+            console.log(`Fetching: ${url}`);
+            const response = await fetch(url);
+            if (!response.ok) {
+              throw new Error(`Network response was not ok: ${response.statusText}`);
+            }
+            const markdown = await response.text();
+            console.log(`Fetched content: ${markdown.substring(0, 100)}...`); // Log first 100 characters
+            const html = marked.parse(markdown);  // Updated to use marked.parse
+            const doc = iframe.contentDocument || iframe.contentWindow.document;
+            doc.open();
+            doc.write(html);
+            doc.close();
+          } catch (error) {
+            console.error('Error fetching the Markdown file:', error);
+            const doc = iframe.contentDocument || iframe.contentWindow.document;
+            doc.open();
+            doc.write('<p>Error loading content. See console for details.</p>');
+            doc.close();
+          }
+        });
+      });
+    });
+  </script>
 </head>
 <body>
   <div id="sidebar">
@@ -66,7 +116,7 @@ <h3>📂 Languages</h3>
     </ul>
   </div>
   <div id="content">
-    <iframe name="content-frame" width="100%" height="100%" style="border:none;"></iframe>
+    <iframe name="content-frame"></iframe>
   </div>
 </body>
 </html>