From f2d864c45fd814ed6f13d6dc738f08a5f9f92e8f Mon Sep 17 00:00:00 2001
From: Aykhan Ahmadzada <ayxanx17@gmail.com>
Date: Sun, 1 Sep 2024 17:37:16 +0400
Subject: [PATCH] Added Data Analysis with Python Notion notes

---
 .../data-analysis-with-python/index.html      |  0
 .../data-analysis-with-python/index.js        | 51 +++++++++++++
 .../module-1/index.html                       | 73 +++++++++++++++++++
 .../module-2/index.html                       | 73 +++++++++++++++++++
 .../module-3/index.html                       | 73 +++++++++++++++++++
 .../module-4/index.html                       | 73 +++++++++++++++++++
 .../module-5/index.html                       | 73 +++++++++++++++++++
 .../index.html                                |  0
 .../index.js                                  |  0
 notion/docs/notion-embed-instructions.txt     | 24 +++++-
 10 files changed, 439 insertions(+), 1 deletion(-)
 rename notion/coursera/{ibm-data-science => ibm-data-analysis}/data-analysis-with-python/index.html (100%)
 create mode 100644 notion/coursera/ibm-data-analysis/data-analysis-with-python/index.js
 create mode 100644 notion/coursera/ibm-data-analysis/data-analysis-with-python/module-1/index.html
 create mode 100644 notion/coursera/ibm-data-analysis/data-analysis-with-python/module-2/index.html
 create mode 100644 notion/coursera/ibm-data-analysis/data-analysis-with-python/module-3/index.html
 create mode 100644 notion/coursera/ibm-data-analysis/data-analysis-with-python/module-4/index.html
 create mode 100644 notion/coursera/ibm-data-analysis/data-analysis-with-python/module-5/index.html
 rename notion/coursera/{ibm-data-science => ibm-data-analysis}/index.html (100%)
 rename notion/coursera/{ibm-data-science => ibm-data-analysis}/index.js (100%)

diff --git a/notion/coursera/ibm-data-science/data-analysis-with-python/index.html b/notion/coursera/ibm-data-analysis/data-analysis-with-python/index.html
similarity index 100%
rename from notion/coursera/ibm-data-science/data-analysis-with-python/index.html
rename to notion/coursera/ibm-data-analysis/data-analysis-with-python/index.html
diff --git a/notion/coursera/ibm-data-analysis/data-analysis-with-python/index.js b/notion/coursera/ibm-data-analysis/data-analysis-with-python/index.js
new file mode 100644
index 0000000..1cff49b
--- /dev/null
+++ b/notion/coursera/ibm-data-analysis/data-analysis-with-python/index.js
@@ -0,0 +1,51 @@
+var container = document.getElementById("data-analysis-with-python-modules");
+
+const importingDataSets = new PageLinkItem(
+    1,
+    "Importing Data Sets",
+    "Details about importing data sets for analysis.",
+    "https://media.aykhan.net/thumbnails/notion/coursera/ibm/ibm-data-analysis/data-analysis-with-python.png",
+    "https://aykhan.net/notion/coursera/ibm-data-analysis/data-analysis-with-python/module-1"
+);
+
+const dataWrangling = new PageLinkItem(
+    2,
+    "Data Wrangling",
+    "Techniques for cleaning and organizing data.",
+    "https://media.aykhan.net/thumbnails/notion/coursera/ibm/ibm-data-analysis/data-analysis-with-python.png",
+    "https://aykhan.net/notion/coursera/ibm-data-analysis/data-analysis-with-python/module-2"
+);
+
+const exploratoryDataAnalysis = new PageLinkItem(
+    3,
+    "Exploratory Data Analysis",
+    "Methods for exploring and understanding data.",
+    "https://media.aykhan.net/thumbnails/notion/coursera/ibm/ibm-data-analysis/data-analysis-with-python.png",
+    "https://aykhan.net/notion/coursera/ibm-data-analysis/data-analysis-with-python/module-3"
+);
+
+const modelDevelopment = new PageLinkItem(
+    4,
+    "Model Development",
+    "Processes for developing data models.",
+    "https://media.aykhan.net/thumbnails/notion/coursera/ibm/ibm-data-analysis/data-analysis-with-python.png",
+    "https://aykhan.net/notion/coursera/ibm-data-analysis/data-analysis-with-python/module-4"
+);
+
+const modelEvaluationAndRefinement = new PageLinkItem(
+    5,
+    "Model Evaluation and Refinement",
+    "Techniques for evaluating and refining data models.",
+    "https://media.aykhan.net/thumbnails/notion/coursera/ibm/ibm-data-analysis/data-analysis-with-python.png",
+    "https://aykhan.net/notion/coursera/ibm-data-analysis/data-analysis-with-python/module-5"
+);
+
+const modules = [
+    importingDataSets,
+    dataWrangling,
+    exploratoryDataAnalysis,
+    modelDevelopment,
+    modelEvaluationAndRefinement
+];
+
+addItemsToContainer(container, modules);
diff --git a/notion/coursera/ibm-data-analysis/data-analysis-with-python/module-1/index.html b/notion/coursera/ibm-data-analysis/data-analysis-with-python/module-1/index.html
new file mode 100644
index 0000000..5eff076
--- /dev/null
+++ b/notion/coursera/ibm-data-analysis/data-analysis-with-python/module-1/index.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Data Analysis with Python | Module 1: Importing Data Sets | aykhan.net</title>
+    <meta name="description" content="Data Analysis with Python | Module 1: Importing Data Sets | aykhan.net">
+    <link rel="icon" type="image/x-icon" href="https://res.cloudinary.com/dbriqxpaa/image/upload/v1680096853/Logo/logo-xl-ico_qzbf7d.ico" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
+    <link rel="stylesheet" href="/home/css/application.css">
+    <link rel="stylesheet" href="/home/css/variables.css"> 
+    <style>
+        html, body {
+            margin: 0;
+            padding: 0;
+            height: 100%;
+            overflow: hidden;
+        }
+
+        .content {
+            height: 100vh;
+            overflow: hidden;
+            width: 100%;
+            position: relative;
+        }
+
+        .section-text-mask {
+            display: flex;
+            flex-direction: column;
+            padding: 0;
+            margin: 0;
+        }
+
+        .section-title, .section-subtitle {
+            padding: 15px 5px;
+            margin: 0;
+        }
+
+        .iframe-container {
+            height: 92vh;
+            overflow: hidden;
+            padding: 15px;
+        }
+
+        iframe {
+            width: 100%;
+            height: 100%;
+            border: 0;
+            margin-top: -50px;
+            padding-left: 17px;
+        }
+    </style>
+</head>
+
+<body>
+    <section class="case-studies" itemscope itemprop="mainContentOfPage" class="case-studies-section" style="width:100%;padding: 2% 0%;">
+        <div class="section-mask"></div>
+        <div class="content">
+            <div class="section-text-mask">
+                <h4 class="h5 section-subtitle">Data Analysis with Python</h4>
+            </div>
+            <div class="section-text-mask">
+                <h2 class="h3 section-title">Module 1: Importing Data Sets</h2>
+            </div>
+            <div class="iframe-container">
+                <iframe id="iframeContent" src="https://media.aykhan.net/notion-pages/data-analysis-with-python/module-1/index.html"></iframe>
+            </div>
+        </div>
+    </section>
+</body>
+
+</html>
diff --git a/notion/coursera/ibm-data-analysis/data-analysis-with-python/module-2/index.html b/notion/coursera/ibm-data-analysis/data-analysis-with-python/module-2/index.html
new file mode 100644
index 0000000..3193bb3
--- /dev/null
+++ b/notion/coursera/ibm-data-analysis/data-analysis-with-python/module-2/index.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Data Analysis with Python | Module 2: Data Wrangling | aykhan.net</title>
+    <meta name="description" content="Data Analysis with Python | Module 2: Data Wrangling | aykhan.net">
+    <link rel="icon" type="image/x-icon" href="https://res.cloudinary.com/dbriqxpaa/image/upload/v1680096853/Logo/logo-xl-ico_qzbf7d.ico" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
+    <link rel="stylesheet" href="/home/css/application.css">
+    <link rel="stylesheet" href="/home/css/variables.css"> 
+    <style>
+        html, body {
+            margin: 0;
+            padding: 0;
+            height: 100%;
+            overflow: hidden;
+        }
+
+        .content {
+            height: 100vh;
+            overflow: hidden;
+            width: 100%;
+            position: relative;
+        }
+
+        .section-text-mask {
+            display: flex;
+            flex-direction: column;
+            padding: 0;
+            margin: 0;
+        }
+
+        .section-title, .section-subtitle {
+            padding: 15px 5px;
+            margin: 0;
+        }
+
+        .iframe-container {
+            height: 92vh;
+            overflow: hidden;
+            padding: 15px;
+        }
+
+        iframe {
+            width: 100%;
+            height: 100%;
+            border: 0;
+            margin-top: -50px;
+            padding-left: 17px;
+        }
+    </style>
+</head>
+
+<body>
+    <section class="case-studies" itemscope itemprop="mainContentOfPage" class="case-studies-section" style="width:100%;padding: 2% 0%;">
+        <div class="section-mask"></div>
+        <div class="content">
+            <div class="section-text-mask">
+                <h4 class="h5 section-subtitle">Data Analysis with Python</h4>
+            </div>
+            <div class="section-text-mask">
+                <h2 class="h3 section-title">Module 2: Data Wrangling</h2>
+            </div>
+            <div class="iframe-container">
+                <iframe id="iframeContent" src="https://media.aykhan.net/notion-pages/data-analysis-with-python/module-2/index.html"></iframe>
+            </div>
+        </div>
+    </section>
+</body>
+
+</html>
diff --git a/notion/coursera/ibm-data-analysis/data-analysis-with-python/module-3/index.html b/notion/coursera/ibm-data-analysis/data-analysis-with-python/module-3/index.html
new file mode 100644
index 0000000..5ff2fd7
--- /dev/null
+++ b/notion/coursera/ibm-data-analysis/data-analysis-with-python/module-3/index.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Data Analysis with Python | Module 3: Exploratory Data Analysis | aykhan.net</title>
+    <meta name="description" content="Data Analysis with Python | Module 3: Exploratory Data Analysis | aykhan.net">
+    <link rel="icon" type="image/x-icon" href="https://res.cloudinary.com/dbriqxpaa/image/upload/v1680096853/Logo/logo-xl-ico_qzbf7d.ico" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
+    <link rel="stylesheet" href="/home/css/application.css">
+    <link rel="stylesheet" href="/home/css/variables.css"> 
+    <style>
+        html, body {
+            margin: 0;
+            padding: 0;
+            height: 100%;
+            overflow: hidden;
+        }
+
+        .content {
+            height: 100vh;
+            overflow: hidden;
+            width: 100%;
+            position: relative;
+        }
+
+        .section-text-mask {
+            display: flex;
+            flex-direction: column;
+            padding: 0;
+            margin: 0;
+        }
+
+        .section-title, .section-subtitle {
+            padding: 15px 5px;
+            margin: 0;
+        }
+
+        .iframe-container {
+            height: 92vh;
+            overflow: hidden;
+            padding: 15px;
+        }
+
+        iframe {
+            width: 100%;
+            height: 100%;
+            border: 0;
+            margin-top: -50px;
+            padding-left: 17px;
+        }
+    </style>
+</head>
+
+<body>
+    <section class="case-studies" itemscope itemprop="mainContentOfPage" class="case-studies-section" style="width:100%;padding: 2% 0%;">
+        <div class="section-mask"></div>
+        <div class="content">
+            <div class="section-text-mask">
+                <h4 class="h5 section-subtitle">Data Analysis with Python</h4>
+            </div>
+            <div class="section-text-mask">
+                <h2 class="h3 section-title">Module 3: Exploratory Data Analysis</h2>
+            </div>
+            <div class="iframe-container">
+                <iframe id="iframeContent" src="https://media.aykhan.net/notion-pages/data-analysis-with-python/module-3/index.html"></iframe>
+            </div>
+        </div>
+    </section>
+</body>
+
+</html>
diff --git a/notion/coursera/ibm-data-analysis/data-analysis-with-python/module-4/index.html b/notion/coursera/ibm-data-analysis/data-analysis-with-python/module-4/index.html
new file mode 100644
index 0000000..2717a59
--- /dev/null
+++ b/notion/coursera/ibm-data-analysis/data-analysis-with-python/module-4/index.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Data Analysis with Python | Module 4: Model Development | aykhan.net</title>
+    <meta name="description" content="Data Analysis with Python | Module 4: Model Development | aykhan.net">
+    <link rel="icon" type="image/x-icon" href="https://res.cloudinary.com/dbriqxpaa/image/upload/v1680096853/Logo/logo-xl-ico_qzbf7d.ico" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
+    <link rel="stylesheet" href="/home/css/application.css">
+    <link rel="stylesheet" href="/home/css/variables.css"> 
+    <style>
+        html, body {
+            margin: 0;
+            padding: 0;
+            height: 100%;
+            overflow: hidden;
+        }
+
+        .content {
+            height: 100vh;
+            overflow: hidden;
+            width: 100%;
+            position: relative;
+        }
+
+        .section-text-mask {
+            display: flex;
+            flex-direction: column;
+            padding: 0;
+            margin: 0;
+        }
+
+        .section-title, .section-subtitle {
+            padding: 15px 5px;
+            margin: 0;
+        }
+
+        .iframe-container {
+            height: 92vh;
+            overflow: hidden;
+            padding: 15px;
+        }
+
+        iframe {
+            width: 100%;
+            height: 100%;
+            border: 0;
+            margin-top: -50px;
+            padding-left: 17px;
+        }
+    </style>
+</head>
+
+<body>
+    <section class="case-studies" itemscope itemprop="mainContentOfPage" class="case-studies-section" style="width:100%;padding: 2% 0%;">
+        <div class="section-mask"></div>
+        <div class="content">
+            <div class="section-text-mask">
+                <h4 class="h5 section-subtitle">Data Analysis with Python</h4>
+            </div>
+            <div class="section-text-mask">
+                <h2 class="h3 section-title">Module 4: Model Development</h2>
+            </div>
+            <div class="iframe-container">
+                <iframe id="iframeContent" src="https://media.aykhan.net/notion-pages/data-analysis-with-python/module-4/index.html"></iframe>
+            </div>
+        </div>
+    </section>
+</body>
+
+</html>
diff --git a/notion/coursera/ibm-data-analysis/data-analysis-with-python/module-5/index.html b/notion/coursera/ibm-data-analysis/data-analysis-with-python/module-5/index.html
new file mode 100644
index 0000000..163abdb
--- /dev/null
+++ b/notion/coursera/ibm-data-analysis/data-analysis-with-python/module-5/index.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Data Analysis with Python | Module 5: Model Evaluation and Refinement | aykhan.net</title>
+    <meta name="description" content="Data Analysis with Python | Module 5: Model Evaluation and Refinement | aykhan.net">
+    <link rel="icon" type="image/x-icon" href="https://res.cloudinary.com/dbriqxpaa/image/upload/v1680096853/Logo/logo-xl-ico_qzbf7d.ico" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
+    <link rel="stylesheet" href="/home/css/application.css">
+    <link rel="stylesheet" href="/home/css/variables.css"> 
+    <style>
+        html, body {
+            margin: 0;
+            padding: 0;
+            height: 100%;
+            overflow: hidden;
+        }
+
+        .content {
+            height: 100vh;
+            overflow: hidden;
+            width: 100%;
+            position: relative;
+        }
+
+        .section-text-mask {
+            display: flex;
+            flex-direction: column;
+            padding: 0;
+            margin: 0;
+        }
+
+        .section-title, .section-subtitle {
+            padding: 15px 5px;
+            margin: 0;
+        }
+
+        .iframe-container {
+            height: 92vh;
+            overflow: hidden;
+            padding: 15px;
+        }
+
+        iframe {
+            width: 100%;
+            height: 100%;
+            border: 0;
+            margin-top: -50px;
+            padding-left: 17px;
+        }
+    </style>
+</head>
+
+<body>
+    <section class="case-studies" itemscope itemprop="mainContentOfPage" class="case-studies-section" style="width:100%;padding: 2% 0%;">
+        <div class="section-mask"></div>
+        <div class="content">
+            <div class="section-text-mask">
+                <h4 class="h5 section-subtitle">Data Analysis with Python</h4>
+            </div>
+            <div class="section-text-mask">
+                <h2 class="h3 section-title">Module 5: Model Evaluation and Refinement</h2>
+            </div>
+            <div class="iframe-container">
+                <iframe id="iframeContent" src="https://media.aykhan.net/notion-pages/data-analysis-with-python/module-5/index.html"></iframe>
+            </div>
+        </div>
+    </section>
+</body>
+
+</html>
diff --git a/notion/coursera/ibm-data-science/index.html b/notion/coursera/ibm-data-analysis/index.html
similarity index 100%
rename from notion/coursera/ibm-data-science/index.html
rename to notion/coursera/ibm-data-analysis/index.html
diff --git a/notion/coursera/ibm-data-science/index.js b/notion/coursera/ibm-data-analysis/index.js
similarity index 100%
rename from notion/coursera/ibm-data-science/index.js
rename to notion/coursera/ibm-data-analysis/index.js
diff --git a/notion/docs/notion-embed-instructions.txt b/notion/docs/notion-embed-instructions.txt
index 9e085ed..15eeff5 100644
--- a/notion/docs/notion-embed-instructions.txt
+++ b/notion/docs/notion-embed-instructions.txt
@@ -1,3 +1,5 @@
+---
+
 1. **Publish Notion Page:**
    - Publish your Notion page to make it publicly accessible.
 
@@ -97,9 +99,29 @@
 
 </html>
 ```
+
    - Update the `src` attribute in the `<iframe>` tag with the path to your saved HTML file (e.g., `/notion-pages/module-1.html`).
 
 **Note:**
 - Ensure that the published Notion page is locked to prevent unauthorized changes.
 - Update the static HTML files in `media.aykhan.net/notion-pages` if there are any changes to the original Notion pages.
-- In the future, page updates may be automated using Notion API and GitHub Actions.
\ No newline at end of file
+- In the future, page updates may be automated using Notion API and GitHub Actions.
+- Add the following CSS to the downloaded HTML page to customize the scrollbar for Edge:
+
+```css
+/* For Edge (based on WebKit) */
+::-webkit-scrollbar {
+    width: 7px;
+}
+
+::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+    background: rgba(0, 0, 0, 0.5);
+    border-radius: 10px;
+}
+```
+
+---
\ No newline at end of file