From 3d62d2689f3c0159de9e2b73c8373dea20c59736 Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Wed, 14 Jun 2023 02:09:09 +0100 Subject: [PATCH 1/9] Animate progress on the homescreen --- src/components/FeaturedItems/FeaturedItem.astro | 1 + src/lib/home-progress.ts | 13 ++----------- 2 files changed, 3 insertions(+), 11 deletions(-) diff --git a/src/components/FeaturedItems/FeaturedItem.astro b/src/components/FeaturedItems/FeaturedItem.astro index d238ebacc..0025bbe28 100644 --- a/src/components/FeaturedItems/FeaturedItem.astro +++ b/src/components/FeaturedItems/FeaturedItem.astro @@ -47,4 +47,5 @@ const { isUpcoming = false, isNew = false, text, url } = Astro.props; ) } + diff --git a/src/lib/home-progress.ts b/src/lib/home-progress.ts index 77ff521ba..58ba52369 100644 --- a/src/lib/home-progress.ts +++ b/src/lib/home-progress.ts @@ -37,21 +37,12 @@ async function renderProgress() { const totalDone = progress.done + progress.skipped; const percentageDone = (totalDone / progress.total) * 100; - const progressBar = document.createElement('div'); - progressBar.style.backgroundColor = 'rgb(23 42 58)'; - progressBar.style.position = 'absolute'; + const progressBar: HTMLElement = element.querySelector('[data-progress]')!; progressBar.style.width = `${percentageDone}%`; - progressBar.style.height = '100%'; - progressBar.style.bottom = '0'; - progressBar.style.left = '0'; - progressBar.style.top = '0'; - progressBar.style.zIndex = '1'; - - element.appendChild(progressBar); }); } // on DOM load window.addEventListener('DOMContentLoaded', () => { - window.setTimeout(renderProgress, 0); + window.setTimeout(renderProgress, 0); }); From 879ba258b2a1dcb6d3b20f9c3877295388363361 Mon Sep 17 00:00:00 2001 From: roadmap bot <135830415+roadmap-bot@users.noreply.github.com> Date: Wed, 14 Jun 2023 03:44:40 +0100 Subject: [PATCH 2/9] chore: add resource under cyber-security:basic-it-skills:connection-types:wifi --- .../100-basic-it-skills/101-connection-types/101-wifi.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/data/roadmaps/cyber-security/content/100-basic-it-skills/101-connection-types/101-wifi.md b/src/data/roadmaps/cyber-security/content/100-basic-it-skills/101-connection-types/101-wifi.md index 0566d1066..c9ca14712 100644 --- a/src/data/roadmaps/cyber-security/content/100-basic-it-skills/101-connection-types/101-wifi.md +++ b/src/data/roadmaps/cyber-security/content/100-basic-it-skills/101-connection-types/101-wifi.md @@ -39,3 +39,5 @@ To protect yourself and your devices, follow these best practices: - **Use a Virtual Private Network (VPN)**: Connect to the internet using a VPN, which provides a secure, encrypted tunnel for data transmission. By understanding the potential security risks associated with WiFi connections and following these best practices, you can enjoy the convenience, flexibility, and mobility of WiFi while ensuring a secure browsing experience. + +- [Wireless Networks - Howstuffworks](https://computer.howstuffworks.com/wireless-network.htm) \ No newline at end of file From 056e0e8e3a69e00fb904c5a237c458f57cc19a06 Mon Sep 17 00:00:00 2001 From: roadmap bot <135830415+roadmap-bot@users.noreply.github.com> Date: Wed, 14 Jun 2023 03:45:11 +0100 Subject: [PATCH 3/9] chore: add resource under react:rendering:lists-and-keys --- .../react/content/103-rendering/101-lists-and-keys.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/data/roadmaps/react/content/103-rendering/101-lists-and-keys.md b/src/data/roadmaps/react/content/103-rendering/101-lists-and-keys.md index c05885fe1..b294840af 100644 --- a/src/data/roadmaps/react/content/103-rendering/101-lists-and-keys.md +++ b/src/data/roadmaps/react/content/103-rendering/101-lists-and-keys.md @@ -4,7 +4,7 @@ When you render lists in React, you can use the `key` prop to specify a unique k Visit the following resources to learn more: -- [Lists and Keys](https://reactjs.org/docs/lists-and-keys.html) +- [Lists and Keys](https://react.dev/learn/rendering-lists#keeping-list-items-in-order-with-key) - [Rendering Lists](https://react.dev/learn/rendering-lists) - [List components in React by Example](https://www.robinwieruch.de/react-list-component/) -- [Why do we need the key prop in React?](https://www.robinwieruch.de/react-list-key/) +- [Why do we need the key prop in React?](https://www.robinwieruch.de/react-list-key/) \ No newline at end of file From bdfa7606dda8a1155d1003b310e839605ea4a4e0 Mon Sep 17 00:00:00 2001 From: roadmap bot <135830415+roadmap-bot@users.noreply.github.com> Date: Wed, 14 Jun 2023 03:45:21 +0100 Subject: [PATCH 4/9] chore: add resource under devops:live-in-terminal:scripting:powershell --- .../content/102-live-in-terminal/scripting/101-powershell.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/data/roadmaps/devops/content/102-live-in-terminal/scripting/101-powershell.md b/src/data/roadmaps/devops/content/102-live-in-terminal/scripting/101-powershell.md index 977fd3c69..6645d5e0a 100644 --- a/src/data/roadmaps/devops/content/102-live-in-terminal/scripting/101-powershell.md +++ b/src/data/roadmaps/devops/content/102-live-in-terminal/scripting/101-powershell.md @@ -1 +1,3 @@ -# Powershell \ No newline at end of file +# Powershell + +- [PowerShell Documentation](https://learn.microsoft.com/en-us/powershell/) \ No newline at end of file From 52e729d2123bc620ec88e14e0ee61668316a7f89 Mon Sep 17 00:00:00 2001 From: roadmap bot <135830415+roadmap-bot@users.noreply.github.com> Date: Wed, 14 Jun 2023 03:45:32 +0100 Subject: [PATCH 5/9] chore: add resource under prompt-engineering:prompting-introduction --- .../content/101-prompting-introduction/index.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/data/roadmaps/prompt-engineering/content/101-prompting-introduction/index.md b/src/data/roadmaps/prompt-engineering/content/101-prompting-introduction/index.md index 3c0d77e31..1598793b5 100644 --- a/src/data/roadmaps/prompt-engineering/content/101-prompting-introduction/index.md +++ b/src/data/roadmaps/prompt-engineering/content/101-prompting-introduction/index.md @@ -22,4 +22,6 @@ Translate the following to French: Hello, how are you? ``` -But it's one of the best practices to be clear and use delimiters to separate the content in prompt from the instructions. You will learn more about it in the "Best Practices" nodes of the roadmap. \ No newline at end of file +But it's one of the best practices to be clear and use delimiters to separate the content in prompt from the instructions. You will learn more about it in the "Best Practices" nodes of the roadmap. + +- [Basic Prompting](https://learnprompting.org/docs/basics/intro) \ No newline at end of file From 564f48540e6f3644a0f7ae40434e4cf9c6a4cdab Mon Sep 17 00:00:00 2001 From: roadmap bot <135830415+roadmap-bot@users.noreply.github.com> Date: Wed, 14 Jun 2023 03:46:29 +0100 Subject: [PATCH 6/9] chore: add resource under react:rendering:render-props --- .../react/content/103-rendering/102-render-props.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/data/roadmaps/react/content/103-rendering/102-render-props.md b/src/data/roadmaps/react/content/103-rendering/102-render-props.md index af2c0ed21..4648c12c8 100644 --- a/src/data/roadmaps/react/content/103-rendering/102-render-props.md +++ b/src/data/roadmaps/react/content/103-rendering/102-render-props.md @@ -1,11 +1,11 @@ # Render Props -The term “render prop” refers to a technique for sharing code between React components using a prop whose value is a function. +The term 'render props' refers to a technique for sharing code between React components using a prop whose value is a function. A component with a render prop takes a function that returns a React element and calls it instead of implementing its own render logic. Visit the following resources to learn more: -- [Render Props in React](https://reactjs.org/docs/render-props.html) +- [Render Props in React](https://react.dev/learn/passing-props-to-a-component) - [How to create a Render Prop Component](https://www.robinwieruch.de/react-render-props/) -- [Render Props Pattern](https://www.patterns.dev/posts/render-props-pattern/) +- [Render Props Pattern](https://www.patterns.dev/posts/render-props-pattern/) \ No newline at end of file From c7ef97cb4f1964b8077c75cfe2113be66fdb2569 Mon Sep 17 00:00:00 2001 From: roadmap bot <135830415+roadmap-bot@users.noreply.github.com> Date: Wed, 14 Jun 2023 03:46:43 +0100 Subject: [PATCH 7/9] chore: add resource under react:rendering:refs --- src/data/roadmaps/react/content/103-rendering/103-refs.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/data/roadmaps/react/content/103-rendering/103-refs.md b/src/data/roadmaps/react/content/103-rendering/103-refs.md index f58a7318e..22e51ed19 100644 --- a/src/data/roadmaps/react/content/103-rendering/103-refs.md +++ b/src/data/roadmaps/react/content/103-rendering/103-refs.md @@ -6,9 +6,9 @@ In the typical React dataflow, props are the only way that parent components int Visit the following resources to learn more: -- [Refs and DOM](https://reactjs.org/docs/refs-and-the-dom.html) +- [Refs and DOM](https://react.dev/learn/referencing-values-with-refs) - [Referencing Values with Refs](https://react.dev/learn/referencing-values-with-refs) - [Manipulating the DOM with Refs](https://react.dev/learn/manipulating-the-dom-with-refs) - [Examples of using refs in React](https://www.robinwieruch.de/react-ref/) - [The Complete Guide to useRef() and Refs in React](https://dmitripavlutin.com/react-useref-guide/) -- [Learn useRef in 11 Minutes - Web Dev Simplified](https://www.youtube.com/watch?v=t2ypzz6gJm0) +- [Learn useRef in 11 Minutes - Web Dev Simplified](https://www.youtube.com/watch?v=t2ypzz6gJm0) \ No newline at end of file From fbf545c2ed5ffaed8a5907d4c7e3e188c9a42cf4 Mon Sep 17 00:00:00 2001 From: roadmap bot <135830415+roadmap-bot@users.noreply.github.com> Date: Wed, 14 Jun 2023 03:47:04 +0100 Subject: [PATCH 8/9] chore: add resource under cyber-security:security-skills-and-knowledge:common-distros-for-hacking:parrot-os --- .../common-distros-for-hacking/100-parrot-os.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/data/roadmaps/cyber-security/content/103-security-skills-and-knowledge/common-distros-for-hacking/100-parrot-os.md b/src/data/roadmaps/cyber-security/content/103-security-skills-and-knowledge/common-distros-for-hacking/100-parrot-os.md index dcdb4e4d9..046609bc4 100644 --- a/src/data/roadmaps/cyber-security/content/103-security-skills-and-knowledge/common-distros-for-hacking/100-parrot-os.md +++ b/src/data/roadmaps/cyber-security/content/103-security-skills-and-knowledge/common-distros-for-hacking/100-parrot-os.md @@ -17,3 +17,5 @@ Parrot OS, also known as Parrot Security OS, is a powerful Linux-based distribut - **Reverse Engineering**: The OS also includes tools for reverse engineering, assisting security professionals in examining and analyzing software or malware designs. Overall, Parrot OS is a reliable, versatile, and user-friendly cyber security distribution, ideal for both beginners and advanced users engaged in ethical hacking, penetration testing, and digital forensics. + +- [Link to Download Parrot OS ](https://www.parrotsec.org/download/) \ No newline at end of file From 0612f9c44f5524de86bbf543f529f9459daf3a31 Mon Sep 17 00:00:00 2001 From: roadmap bot <135830415+roadmap-bot@users.noreply.github.com> Date: Wed, 14 Jun 2023 03:47:19 +0100 Subject: [PATCH 9/9] chore: add resource under docker:introduction:what-are-containers --- .../content/100-introduction/100-what-are-containers.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/data/roadmaps/docker/content/100-introduction/100-what-are-containers.md b/src/data/roadmaps/docker/content/100-introduction/100-what-are-containers.md index 8b572f330..02ac669ee 100644 --- a/src/data/roadmaps/docker/content/100-introduction/100-what-are-containers.md +++ b/src/data/roadmaps/docker/content/100-introduction/100-what-are-containers.md @@ -13,4 +13,6 @@ Unlike traditional virtualization, which emulates a complete operating system wi ## Containers and Docker -Docker is a platform that simplifies the process of creating, deploying, and managing containers. It provides developers and administrators with a set of tools and APIs to manage containerized applications. With Docker, you can build and package application code, libraries, and dependencies into a container image, which can be distributed and run consistently in any environment that supports Docker. \ No newline at end of file +Docker is a platform that simplifies the process of creating, deploying, and managing containers. It provides developers and administrators with a set of tools and APIs to manage containerized applications. With Docker, you can build and package application code, libraries, and dependencies into a container image, which can be distributed and run consistently in any environment that supports Docker. + +- [What is a container?](https://www.docker.com/resources/what-container/) \ No newline at end of file