codediodeio · Rohankajale · Oct 10, 2023 · Oct 10, 2023
diff --git a/docs/package-lock.json b/docs/package-lock.json
diff --git 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
@@ -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>
@@ -23,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/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
@@ -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"
       >

diff --git a/docs/src/pages/about/contributors.md 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.
diff --git a/docs/src/pages/about/jeff-delaney.md 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.