@chocolatey-software/design 2.0.0

package/dist/partials/_CollapsingRightSidebarContent.cshtml

@@ -0,0 +1,111 @@
+<!-- When adding a new announcement, change the number on the end of the value to the next available. Example: 1 becomes 2, 2 becomes 3. -->
+<input id="announcementCookie" value="chocolatey_announcement_10" type="hidden" />
+<!-- When adding a new announcement, update the value number to the amount of new announcements added. -->
+<input id="announcementCount" value="1" type="hidden" />
+
+<div id="announcementCount"></div>
+<div id="announcementCarousel" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="6000">
+    <div class="position-relative w-100 overflow-hidden">
+        <div class="carousel-item active">
+            <div class="card card-body text-bg-primary text-center">
+                <h3>Resources</h3>
+                <p>Watch videos, read documentation, and hear Chocolatey success stories from companies you trust.</p>
+                <a href="https://chocolatey.org/resources" class="btn btn-bg-body">View Resources</a>
+            </div>
+        </div>
+        <div class="carousel-item">
+            <div class="card card-body text-bg-success text-center">
+                <h3>Events</h3>
+                <p>Find past and upcoming webinars, workshops, and conferences. New events have recently been added!</p>
+                <a href="https://chocolatey.org/events" class="btn btn-bg-body">View Events</a>
+            </div>
+        </div>
+        <div class="carousel-item">
+            <div class="card card-body text-bg-primary-900 text-center">
+                <h3>Courses</h3>
+                <p>Step-by-step guides for all things Chocolatey! Earn badges as you learn through interactive digital courses.</p>
+                <a href="https://community.chocolatey.org/courses" class="btn btn-bg-body">View Courses</a>
+            </div>
+        </div>
+    </div>
+</div>
+<hr />
+<div class="text-center">
+    <a href="https://chocolatey.org/events/unpacking-software" rel="noreferrer" target="_blank">
+        <img class="border rounded mb-3" src="https://img.chocolatey.org/events/01-25.jpg" alt="Unpacking Software Livestream" />
+    </a>
+    <p class="text-start">Join our monthly Unpacking Software livestream to hear about the latest news, chat and opinion on packaging, software deployment and lifecycle management!</p>
+    <a href="https://chocolatey.org/events/unpacking-software" rel="noreferrer" target="_blank" class="btn btn-secondary mt-2 mx-1">Learn More</a>
+</div>
+<hr />
+<div class="text-center">
+    <a href="https://chocolatey.org/events/chocolatey-product-spotlight" rel="noreferrer" target="_blank">
+        <img class="border rounded mb-3" src="https://img.chocolatey.org/events/01-23.jpg" alt="Chocolatey Product Spotlight" />
+    </a>
+    <p class="text-start">Join the Chocolatey Team on our regular monthly stream where we put a spotlight on the most recent Chocolatey product releases. You'll have a chance to have your questions answered in a live Ask Me Anything format.</p>
+    <a href="https://chocolatey.org/events/chocolatey-product-spotlight" rel="noreferrer" target="_blank" class="btn btn-secondary mt-2 mx-1">Learn More</a>
+</div>
+<hr />
+<div class="text-center">
+    <a href="https://chocolatey.org/events/chocolatey-coding-livestream" rel="noreferrer" target="_blank">
+        <img class="border rounded mb-3" src="https://img.chocolatey.org/events/01-21-2.jpg" alt="Chocolatey Coding Livestream" />
+    </a>
+    <p class="text-start">Join us for the Chocolatey Coding Livestream, where members of our team dive into the heart of open source development by coding live on various Chocolatey projects. Tune in to witness real-time coding, ask questions, and gain insights into the world of package management. Don't miss this opportunity to engage with our team and contribute to the future of Chocolatey!</p>
+    <a href="https://chocolatey.org/events/chocolatey-coding-livestream" rel="noreferrer" target="_blank" class="btn btn-secondary mt-2 mx-1">Learn More</a>
+</div>
+<hr />
+<div class="shuffle">
+    <div class="text-center">
+        <a href="https://chocolatey.org/events/whipping-up-windows-automation-with-chocolatey-central-management" rel="noreferrer" target="_blank">
+            <img class="border rounded mb-3" src="https://img.chocolatey.org/events/01-24.png" alt="Calling All Chocolatiers! Whipping Up Windows Automation with Chocolatey Central Management" />
+        </a>
+        <p><strong>Webinar from<br />Wednesday, 17 January 2024</strong></p>
+        <p class="text-start">We are delighted to announce the release of Chocolatey Central Management v0.12.0, featuring seamless Deployment Plan creation, time-saving duplications, insightful Group Details, an upgraded Dashboard, bug fixes, user interface polishing, and refined documentation. As an added bonus we'll have members of our Solutions Engineering team on-hand to dive into some interesting ways you can leverage the new features available!</p>
+        <a href="https://chocolatey.org/events/whipping-up-windows-automation-with-chocolatey-central-management" rel="noreferrer" target="_blank" class="btn btn-secondary mt-2 mx-1">Watch On-Demand</a>
+        <hr />
+    </div>
+    <div class="text-center">
+        <a href="https://chocolatey.org/events/chocolatey-community-coffee-break" rel="noreferrer" target="_blank">
+            <img class="border rounded mb-3" src="https://img.chocolatey.org/events/01-15-2.jpg" alt="Chocolatey Community Coffee Break" />
+        </a>
+        <p class="text-start">Join the Chocolatey Team as we discuss all things Community, what we do, how you can get involved and answer your Chocolatey questions.</p>
+        <a href="https://chocolatey.org/events/chocolatey-community-coffee-break" class="btn btn-secondary mt-2 mx-1">Watch The Replays</a>
+        <hr />
+    </div>
+    <div class="text-center">
+        <a href="https://chocolatey.org/events/chocolatey-and-intune-overview" rel="noreferrer" target="_blank">
+            <img class="border rounded mb-3" src="https://img.chocolatey.org/events/01-11.jpg" alt="Chocolatey and Intune Overview" />
+        </a>
+        <p><strong>Webinar Replay from<br />Wednesday, 30 March 2022</strong></p>
+        <p class="text-start">At Chocolatey Software we strive for simple, and teaching others. Let us teach you just how simple it could be to keep your 3rd party applications updated across your devices, all with Intune!</p>
+        <a href="https://chocolatey.org/events/chocolatey-and-intune-overview" class="btn btn-secondary mt-2 mx-1">Watch On-Demand</a>
+        <hr />
+    </div>
+    <div class="text-center">
+        <a href="https://chocolatey.org/events/chocolatey-for-business-in-azure" rel="noreferrer" target="_blank">
+            <img class="border rounded mb-3" src="https://img.chocolatey.org/events/01-14.jpg" alt="Chocolatey For Business. In Azure. In One Click." />
+        </a>
+        <p><strong>Livestream from<br />Thursday, 9 June 2022</strong></p>
+        <p class="text-start">Join James and Josh to show you how you can get the Chocolatey For Business recommended infrastructure and workflow, created, in Azure, in around 20 minutes.</p>
+        <a href="https://chocolatey.org/events/chocolatey-for-business-in-azure" class="btn btn-secondary mt-2 mx-1">Watch On-Demand</a>
+        <hr />
+    </div>
+    <div class="text-center">
+        <a href="https://chocolatey.org/events/the-future-of-chocolatey-cli" rel="noreferrer" target="_blank">
+            <img class="border rounded mb-3" src="https://img.chocolatey.org/events/01-17.jpg" alt="The Future of Chocolatey CLI" />
+        </a>
+        <p><strong>Livestream from<br />Thursday, 04 August 2022</strong></p>
+        <p class="text-start">Join Paul and Gary to hear more about the plans for the Chocolatey CLI in the not so distant future. We'll talk about some cool new features, long term asks from Customers and Community and how you can get involved!</p>
+        <a href="https://chocolatey.org/events/the-future-of-chocolatey-cli" class="btn btn-secondary mt-2 mx-1">Watch On-Demand</a>
+        <hr />
+    </div>
+    <div class="text-center">
+        <a href="https://chocolatey.org/events/hacktoberfest-tuesdays-2022" rel="noreferrer" target="_blank">
+            <img class="border rounded mb-3" src="https://img.chocolatey.org/events/01-19.jpg" alt="Hacktoberfest Tuesdays 2022" />
+        </a>
+        <p><strong>Livestreams from<br />October 2022</strong></p>
+        <p class="text-start">For Hacktoberfest, Chocolatey ran a livestream every Tuesday! Re-watch Cory, James, Gary, and Rain as they share knowledge on how to contribute to open-source projects such as Chocolatey CLI.</p>
+        <a href="https://chocolatey.org/events/hacktoberfest-tuesdays-2022" class="btn btn-secondary mt-2 mx-1">Watch On-Demand</a>
+        <hr />
+    </div>
+</div>

package/dist/partials/_GlobalNavigation.cshtml

@@ -0,0 +1,41 @@
+<ul class="nav global-nav-ul fw-bold flex-wrap flex-sm-fill justify-content-sm-end">
+    <li class="nav-item"><a class="nav-link" href="https://chocolatey.org" target="_blank" rel="noreferrer">Main</a></li>
+    <li class="nav-item"><a class="nav-link" href="https://community.chocolatey.org" target="_blank" rel="noreferrer">Community</a></li>
+    <li class="nav-item"><a class="nav-link" href="https://docs.chocolatey.org/en-us/" target="_blank" rel="noreferrer">Docs</a></li>
+    <li class="nav-item"><a class="nav-link" href="https://blog.chocolatey.org" target="_blank" rel="noreferrer">Blog</a></li>
+    <li class="nav-item"><a class="nav-link" href="https://chocolatey.org/install" target="_blank" rel="noreferrer">Install</a></li>
+    <li class="nav-item d-none d-md-flex align-items-center">
+        <div class="vr me-3 my-auto h-50"></div>
+        <div class="dropdown dropdown-theme">
+    <button class="btn btn-outline-hover-secondary dropdown-toggle w-px-60 d-md-none" type="button" aria-expanded="false" data-bs-toggle="dropdown" aria-label="Toggle theme (auto)">
+        <span class="theme-icon-active"><i></i></span>
+    </button>
+    <button class="btn nav-link dropdown-toggle py-0 px-0 w-px-30 d-none d-md-block" type="button" aria-expanded="false" data-bs-toggle="dropdown" aria-label="Toggle theme (auto)">
+        <span class="theme-icon-active"><i></i></span>
+    </button>
+    <ul class="dropdown-menu dropdown-menu-end">
+        <li>
+            <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
+                <i class="fa-solid fa-sun me-2" data-ct-theme-icon="fa-sun"></i>
+                    Light
+                <i class="fa-solid fa-check ms-auto d-none"></i>
+            </button>
+        </li>
+        <li>
+            <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="true">
+                <i class="fa-solid fa-moon me-2" data-ct-theme-icon="fa-moon"></i>
+                    Dark
+                <i class="fa-solid fa-check ms-auto d-none"></i>
+            </button>
+        </li>
+        <li>
+            <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="auto" aria-pressed="false">
+                <i class="fa-solid fa-circle-half-stroke me-2" data-ct-theme-icon="fa-circle-half-stroke"></i>
+                    Auto
+                <i class="fa-solid fa-check ms-auto d-none"></i>
+            </button>
+        </li>
+    </ul>
+</div>
+    </li>
+</ul>

package/dist/partials/_GoogleTag.cshtml

@@ -0,0 +1,8 @@
+<script is:inline async src="https://www.googletagmanager.com/gtag/js?id=G-0WDD29GGN2"></script>
+<script is:inline>
+window.dataLayer = window.dataLayer || [];
+function gtag(){dataLayer.push(arguments);}
+gtag('js', new Date());
+
+gtag('config', 'G-0WDD29GGN2');
+</script>

package/dist/partials/_SocialMedia.cshtml

@@ -0,0 +1,79 @@
+<ul class="list-unstyled list-inline mb-0">
+    <li class="list-inline-item">
+        <a href="https://twitter.com/chocolateynuget" class="link-underline-none" target="_blank" rel="noreferrer" aria-label="Connect with Chocolatey on Twitter" title="Connect with Chocolatey on Twitter">
+            <div class="text-bg-twitter circle" aria-hidden="true">
+                <i class="fa-brands fa-x-twitter"></i>
+            </div>
+        </a>
+    </li>
+    <li class="list-inline-item">
+        <a href="https://www.linkedin.com/company/chocolatey-software/" class="link-underline-none" target="_blank" rel="noreferrer" aria-label="Connect with Chocolatey on LinkedIn" title="Connect with Chocolatey on LinkedIn">
+            <div class="text-bg-linkedin circle" aria-hidden="true">
+                <i class="fa-brands fa-linkedin-in"></i>
+            </div>
+        </a>
+    </li>
+    <li class="list-inline-item">
+        <a href="https://github.com/chocolatey" class="link-underline-none" target="_blank" rel="noreferrer" aria-label="Connect with Chocolatey on GitHub" title="Connect with Chocolatey on GitHub">
+            <div class="text-bg-body-contrast circle" aria-hidden="true">
+                <i class="fa-brands fa-github"></i>
+            </div>
+        </a>
+    </li>
+    <li class="list-inline-item">
+        <a href="https://www.youtube.com/chocolateysoftware" class="link-underline-none" target="_blank" rel="noreferrer" aria-label="Connect with Chocolatey on YouTube" title="Connect with Chocolatey on YouTube">
+            <div class="text-bg-youtube circle" aria-hidden="true">
+                <i class="fa-brands fa-youtube"></i>
+            </div>
+        </a>
+    </li>
+    <li class="list-inline-item">
+        <a href="https://www.twitch.tv/chocolateysoftware" class="link-underline-none" target="_blank" rel="noreferrer" aria-label="Connect with Chocolatey on Twitch" title="Connect with Chocolatey on Twitch">
+            <div class="text-bg-twitch circle" aria-hidden="true">
+                <i class="fa-brands fa-twitch"></i>
+            </div>
+        </a>
+    </li>
+    <li class="list-inline-item">
+        <a href="https://facebook.com/ChocolateySoftware" class="link-underline-none" target="_blank" rel="noreferrer" aria-label="Connect with Chocolatey on Facebook" title="Connect with Chocolatey on Facebook">
+            <div class="text-bg-facebook circle" aria-hidden="true">
+                <i class="fa-brands fa-facebook-f"></i>
+            </div>
+        </a>
+    </li>
+    <li class="list-inline-item">
+        <a href="https://ch0.co/community" class="link-underline-none" target="_blank" rel="noreferrer" aria-label="Connect with Chocolatey on Community Chat" title="Connect with Chocolatey on Community Chat">
+            <div class="text-bg-chat circle" aria-hidden="true">
+                <i class="fa-solid fa-comment"></i>
+            </div>
+        </a>
+    </li>
+    <li class="list-inline-item">
+        <a href="https://groups.google.com/forum/#!forum/chocolatey" class="link-underline-none" target="_blank" rel="noreferrer" aria-label="Connect with Chocolatey on Google Groups" title="Connect with Chocolatey on Google Groups">
+            <div class="text-bg-google circle" aria-hidden="true">
+                <i class="fa-brands fa-google"></i>
+            </div>
+        </a>
+    </li>
+    <li class="list-inline-item">
+        <a href="https://fosstodon.org/@@chocolatey" class="link-underline-none" target="_blank" rel="me" aria-label="Connect with Chocolatey on Mastodon" title="Connect with Chocolatey on Mastodon">
+            <div class="text-bg-mastodon circle" aria-hidden="true">
+                <i class="fa-brands fa-mastodon"></i>
+            </div>
+        </a>
+    </li>
+    <li class="list-inline-item">
+        <a href="https://bsky.app/profile/chocolatey.org" class="link-underline-none" target="_blank" rel="me" aria-label="Connect with Chocolatey on Bluesky" title="Connect with Chocolatey on Bluesky">
+            <div class="text-bg-bluesky circle" aria-hidden="true">
+                <svg class="w-50" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 568 501"><title>Bluesky butterfly logo</title><path fill="#fff" d="M123.121 33.664C188.241 82.553 258.281 181.68 284 234.873c25.719-53.192 95.759-152.32 160.879-201.21C491.866-1.611 568-28.906 568 57.947c0 17.346-9.945 145.713-15.778 166.555-20.275 72.453-94.155 90.933-159.875 79.748C507.222 323.8 536.444 388.56 473.333 453.32c-119.86 122.992-172.272-30.859-185.702-70.281-2.462-7.227-3.614-10.608-3.631-7.733-.017-2.875-1.169.506-3.631 7.733-13.43 39.422-65.842 193.273-185.702 70.281-63.111-64.76-33.89-129.52 80.986-149.071-65.72 11.185-139.6-7.295-159.875-79.748C9.945 203.659 0 75.291 0 57.946 0-28.906 76.135-1.612 123.121 33.664Z"></path></svg>
+            </div>
+        </a>
+    </li>
+    <li class="list-inline-item">
+        <a href="https://ch0.co/podcast" class="link-underline-none" target="_blank" rel="me" aria-label="Listen to the Unpacking Software Podcast" title="Listen to the Unpacking Software Podcast">
+            <div class="text-bg-podcast circle" aria-hidden="true">
+                <i class="fa-solid fa-podcast"></i>
+            </div>
+        </a>
+    </li>
+</ul>

package/dist/partials/_SvgStyles.cshtml

@@ -0,0 +1,12 @@
+<svg class="position-absolute" style="right:999999px">
+    <defs>
+        <linearGradient id="bg-gradient-primary" x1="0%" y1="0%" x2="0%" y2="100%">
+            <stop offset="0%" style="stop-color:var(--bs-primary);stop-opacity:1" />
+            <stop offset="100%" style="stop-color:var(--bs-primary);stop-opacity:1" />
+        </linearGradient>
+        <linearGradient id="bg-gradient-light" x1="0%" y1="0%" x2="0%" y2="100%">
+            <stop offset="0%" style="stop-color:var(--bs-secondary-bg);stop-opacity:1" />
+            <stop offset="100%" style="stop-color:var(--bs-secondary-bg);stop-opacity:1" />
+        </linearGradient>
+    </defs>
+</svg>