From b4d24848627ca90331e554cfa525f5cba6355a32 Mon Sep 17 00:00:00 2001
From: Rohankajale <rohankajale0@gmail.com>
Date: Tue, 10 Oct 2023 19:51:06 +0530
Subject: [PATCH 1/2] add web responsive for hamburger icon

---
 docs/package-lock.json            | 22 ++++++----------------
 docs/package.json                 |  2 +-
 docs/src/components/SideNav.astro |  3 +--
 docs/src/components/TopNav.astro  |  2 ++
 docs/src/layouts/MainLayout.astro |  4 ++--
 5 files changed, 12 insertions(+), 21 deletions(-)

diff --git a/docs/package-lock.json b/docs/package-lock.json
index c543e14..a221fd0 100644
--- a/docs/package-lock.json
+++ b/docs/package-lock.json
@@ -11,7 +11,7 @@
         "@astrojs/tailwind": "^4.0.0",
         "@docsearch/js": "^3.5.1",
         "@tailwindcss/typography": "^0.5.9",
-        "astro": "^2.10.7",
+        "astro": "^2.10.15",
         "tailwindcss": "^3.3.3"
       },
       "devDependencies": {
@@ -2429,9 +2429,9 @@
       }
     },
     "node_modules/astro": {
-      "version": "2.10.7",
-      "resolved": "https://registry.npmjs.org/astro/-/astro-2.10.7.tgz",
-      "integrity": "sha512-R8aF4yphrsbhxW2UxHZ1DslBn8e8vPQ23+Z/OnajNE1Q4HEZCOZ4CAbHJx2PDwq2p+CRWArNalpr3+rTqyOYBQ==",
+      "version": "2.10.15",
+      "resolved": "https://registry.npmjs.org/astro/-/astro-2.10.15.tgz",
+      "integrity": "sha512-7jgkCZexxOX541g2kKHGOcDDUVKYc+sGi87GtLOkbWwTsKqEIp9GU0o7DpKe1rhItm9VVEiHz4uxvMh3wGmJdA==",
       "dependencies": {
         "@astrojs/compiler": "^1.8.0",
         "@astrojs/internal-helpers": "^0.1.2",
@@ -2455,7 +2455,6 @@
         "common-ancestor-path": "^1.0.1",
         "cookie": "^0.5.0",
         "debug": "^4.3.4",
-        "deepmerge-ts": "^4.3.0",
         "devalue": "^4.3.2",
         "diff": "^5.1.0",
         "es-module-lexer": "^1.3.0",
@@ -2466,6 +2465,7 @@
         "github-slugger": "^2.0.0",
         "gray-matter": "^4.0.3",
         "html-escaper": "^3.0.3",
+        "http-cache-semantics": "^4.1.1",
         "js-yaml": "^4.1.0",
         "kleur": "^4.1.4",
         "magic-string": "^0.30.2",
@@ -3942,14 +3942,6 @@
       "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
       "dev": true
     },
-    "node_modules/deepmerge-ts": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/deepmerge-ts/-/deepmerge-ts-4.3.0.tgz",
-      "integrity": "sha512-if3ZYdkD2dClhnXR5reKtG98cwyaRT1NeugQoAPTTfsOpV9kqyeiBF9Qa5RHjemb3KzD5ulqygv6ED3t5j9eJw==",
-      "engines": {
-        "node": ">=12.4.0"
-      }
-    },
     "node_modules/default-browser": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-4.0.0.tgz",
@@ -6530,9 +6522,7 @@
     "node_modules/http-cache-semantics": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz",
-      "integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==",
-      "dev": true,
-      "optional": true
+      "integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ=="
     },
     "node_modules/http-errors": {
       "version": "2.0.0",
diff --git a/docs/package.json b/docs/package.json
index 89740a2..1404eb5 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -14,7 +14,7 @@
     "@astrojs/tailwind": "^4.0.0",
     "@docsearch/js": "^3.5.1",
     "@tailwindcss/typography": "^0.5.9",
-    "astro": "^2.10.7",
+    "astro": "^2.10.15",
     "tailwindcss": "^3.3.3"
   },
   "devDependencies": {
diff --git a/docs/src/components/SideNav.astro b/docs/src/components/SideNav.astro
index b303b22..10c4502 100644
--- a/docs/src/components/SideNav.astro
+++ b/docs/src/components/SideNav.astro
@@ -1,5 +1,4 @@
-<nav id="sidebar" class="pt-12 w-1/6 min-w-[16rem] bg-gray1 dark:bg-gray7 hidden lg:block">
-  <ul class="pl-8 font-code mb-20">
+<nav id="sidebar" class="absolute z-10 w-full pt-12 lg:relative lg:w-1/6 min-w-[16rem] bg-gray1 dark:bg-gray7 hidden lg:block">  <ul class="pl-8 font-code mb-20">
     <li class="heading">guide</li>
     <li><a href="/">why?</a></li>
     <li><a href="/guide/start">get started</a></li>
diff --git a/docs/src/components/TopNav.astro b/docs/src/components/TopNav.astro
index 452122f..e124a2b 100644
--- a/docs/src/components/TopNav.astro
+++ b/docs/src/components/TopNav.astro
@@ -81,8 +81,10 @@ import Search from './Search.astro'
   document.getElementById("dark")!.addEventListener("click", dark);
 
   const sidebarBtn = document.getElementById("sidebarBtn");
+  const article = document.querySelector("article")
   sidebarBtn.onclick = function () {
     const sidebar = document.getElementById("sidebar");
     sidebar.classList.toggle("hidden");
+    article.classList.toggle("hidden")
   };
 </script>
diff --git a/docs/src/layouts/MainLayout.astro b/docs/src/layouts/MainLayout.astro
index 2a4d832..d8e3aa8 100644
--- a/docs/src/layouts/MainLayout.astro
+++ b/docs/src/layouts/MainLayout.astro
@@ -23,8 +23,8 @@ import Footer from "../components/Footer.astro";
   </head>
   <body class="dark:bg-gray6 dark:text-white transition-colors duration-500">
     <TopNav />
-    <div class="flex items-stretch overflow-x-hidden">
-      <SideNav />
+    <div class="relative flex items-stretch overflow-x-hidden">
+    <SideNav />
       <main
         class="max-w-screen-2xl min-h-screen p-6 lg:p-20 mx-auto prose dark:prose-invert w-full flex flex-col justify-between"
       >

From a14a143e9375c2327305db98944af3989d462334 Mon Sep 17 00:00:00 2001
From: Rohankajale <rohankajale0@gmail.com>
Date: Tue, 10 Oct 2023 19:54:13 +0530
Subject: [PATCH 2/2] add about page

---
 docs/src/components/SideNav.astro    |  3 +++
 docs/src/pages/about/contributors.md | 32 ++++++++++++++++++++++++++++
 docs/src/pages/about/jeff-delaney.md | 24 +++++++++++++++++++++
 3 files changed, 59 insertions(+)
 create mode 100644 docs/src/pages/about/contributors.md
 create mode 100644 docs/src/pages/about/jeff-delaney.md

diff --git a/docs/src/components/SideNav.astro b/docs/src/components/SideNav.astro
index 10c4502..3ae6a2c 100644
--- a/docs/src/components/SideNav.astro
+++ b/docs/src/components/SideNav.astro
@@ -22,6 +22,9 @@
     <li><a href="/storage/storage-list">&ltStorageList&gt</a></li>
     <li class="heading">analytics</li>
     <li><a href="/guide/todo">&ltPageView&gt</a></li>
+    <li class="heading">aboutCreator</li>
+    <li><a href="/about/jeff-delaney">&ltJeffDelaney&gt</a></li>
+    <li><a href="/about/contributors">&ltContributors&gt</a></li>
   </ul>
 </nav>
 
diff --git a/docs/src/pages/about/contributors.md b/docs/src/pages/about/contributors.md
new file mode 100644
index 0000000..26363fd
--- /dev/null
+++ b/docs/src/pages/about/contributors.md
@@ -0,0 +1,32 @@
+---
+title: Contributors Component
+pubDate: 2023-08-10
+description: SvelteFire DownloadURL Component API reference
+layout: ../../layouts/MainLayout.astro
+---
+
+# Contributors Creator
+
+Primary Contributors to SvelteFire Library
+
+### Sabz
+
+- Sabz is a self-taught developer && designer. He is interested in web, desktop development.
+
+### Jarrett Helton
+
+- Jarrett is a code enthusiast from the Central Michigan area. He is a jack-of-all-trades engineer with experiences in just about everything you can shake a stick at. When not slangin’ code for federal health care contracts, he finds enjoyment with side projects through different LLCs and is always open for more consultations. 
+
+- On the occasion he is not coding or sleeping, you can find him chilling with his wife and daughter.
+
+### Kyle Leary
+
+- Kyle aka “Klutch” or “KlutchDev” is a battle-hardened fullstack JavaScript/React && Firebase developer from western Massachusetts. Klutch is currently learning Rust, TypeScript, and preparing for the OSWE exam. 
+
+- When not writing code he is relaxing at home with his long time sweetheart Chelsea and cats Murph/Zelda or shredding guitar.
+
+### Shawn Eubanks
+
+- devEUBE = technology geek and expert problem solver. I love to learn anything new, and I am especially interested and passionate about emerging technologies in cloud computing and web development. I am driven and passionate about sharing skills and knowledge with others and helping others succeed using new and innovative technologies.
+
+- Passionate Hobbies: Learning New Media, Gaming and Design / Development of media and web presences.
\ No newline at end of file
diff --git a/docs/src/pages/about/jeff-delaney.md b/docs/src/pages/about/jeff-delaney.md
new file mode 100644
index 0000000..4696a8b
--- /dev/null
+++ b/docs/src/pages/about/jeff-delaney.md
@@ -0,0 +1,24 @@
+---
+title: About Creator Component
+pubDate: 2023-08-10
+description: SvelteFire DownloadURL Component API reference
+layout: ../../layouts/MainLayout.astro
+---
+
+# About Creator
+
+Delaney is the creator and mastermind behind Fireship.io, famous for his enigmatic voice, his "100 seconds of Code" series and dry humour.
+Jeff Delaney is a Google Developer Expert and the creator of fireship.io. When not writing code, he is out seeking adventure with his wife and 3 boys.
+
+
+Jeff Delaney (known online as Fireship), is an American variety web development YouTuber who does tutorials on full-stack web development, explanations for various aspects of web technologies, and many original series of tech related videos such as The Code Report, 100 Seconds of Code and Code This, Not That.
+
+Jeff originally started as Angular Firebase, posting tutorials of using Angular, a JavaScript UI framework alongside with Firebase, a service for building databases and back-end infrastructure. By 2018, he published his first popular non-Firebase video about VS Code tips and tricks, up until he finally rebranded as Fireship by 2019.
+
+He currently has three running video series:
+
+- 100 Seconds of X - a short, 100 second video where Jeff provides a very condensed crash course about a particular concept, such as "DNS Explained in 100 Seconds", or a programming language, such as "Python in 100 Seconds". He regularly goes beyond 100 seconds, discussing and explaining further than the regular format, and often invites professional and experienced people to be featured in the video, assisting in the "beyond" section of the video.
+
+- Code This Not That - a varied video format where Jeff showcases common mistakes or non productive habits commonly seen in development environments, one of these is "10 CSS Pro Tips - Code this, NOT that!", where he showcases 10 tips and tricks about CSS.
+
+- The Code Report - A series of news-like of major events in the tech industry, the first episode: "How a CS student tracks Elon’s Private Jet with Python // The Code Report", where Jeff reports the story of Jack Sweeney, a then 19-year-old Python developer, created a bot that tracked and disseminated information about Elon Musk's one and only private jet. He also covers JavaScript frameworks and AI-related news as well.
\ No newline at end of file