Remove Themes from docs (#41671)

.github/CONTRIBUTING.md

@@ -27,9 +27,6 @@ restrictions:
   Use [GitHub's "reactions" feature](https://blog.github.com/2016-03-10-add-reactions-to-pull-requests-issues-and-comments/)
   instead. We reserve the right to delete comments which violate this rule.
 
-- Please **do not** open issues regarding the official themes offered on <https://themes.getbootstrap.com/>.
-  Instead, please email any questions or feedback regarding those themes to `themes AT getbootstrap DOT com`.
-
 
 ## Issues assignment
 

README.md

@@ -16,8 +16,6 @@
   ·
   <a href="https://github.com/twbs/bootstrap/issues/new?assignees=&labels=feature&template=feature_request.yml">Request feature</a>
   ·
-  <a href="https://themes.getbootstrap.com/">Themes</a>
-  ·
   <a href="https://blog.getbootstrap.com/">Blog</a>
 </p>
 

config.yml

@@ -16,7 +16,6 @@ repo:                   "https://github.com/twbs/bootstrap"
 x:                      "getbootstrap"
 opencollective:         "https://opencollective.com/bootstrap"
 blog:                   "https://blog.getbootstrap.com/"
-themes:                 "https://themes.getbootstrap.com/"
 icons:                  "https://icons.getbootstrap.com/"
 swag:                   "https://cottonbureau.com/people/bootstrap"
 

site/src/components/footer/Footer.astro

@@ -39,7 +39,6 @@ import { getVersionedDocsPath } from '@libs/path'
           <li class="mb-2"><a href={getVersionedDocsPath('/')}>Docs</a></li>
           <li class="mb-2"><a href={getVersionedDocsPath('examples')}>Examples</a></li>
           <li class="mb-2"><a href={getConfig().icons}>Icons</a></li>
-          <li class="mb-2"><a href={getConfig().themes}>Themes</a></li>
           <li class="mb-2"><a href={getConfig().blog}>Blog</a></li>
           <li class="mb-2"><a href={getConfig().swag} target="_blank" rel="noopener">Swag Store</a></li>
         </ul>

site/src/components/header/Navigation.astro

@@ -85,7 +85,6 @@ const { addedIn, layout, title } = Astro.props
           </LinkItem>
           <LinkItem active={title === 'Examples'} href={getVersionedDocsPath('examples/')} track>Examples</LinkItem>
           <LinkItem href={getConfig().icons} target="_blank" rel="noopener" track>Icons</LinkItem>
-          <LinkItem href={getConfig().themes} target="_blank" rel="noopener" track>Themes</LinkItem>
           <LinkItem href={getConfig().blog} target="_blank" rel="noopener" track>Blog</LinkItem>
         </ul>
 

site/src/components/home/Themes.astro

@@ -1,35 +0,0 @@
----
-import { getConfig } from '@libs/config'
-import DropletFillIcon from '@components/icons/DropletFillIcon.astro'
-import ResponsiveImage from '@layouts/partials/ResponsiveImage.astro'
----
-
-<section class="row g-3 g-md-5 pb-md-5 mb-5 align-items-center">
-  <div class="col-lg-6">
-    <div class="masthead-followup-icon d-inline-block mb-3" style="--bg-rgb: var(--bd-violet-rgb);">
-      <DropletFillIcon height={32} width={32} />
-    </div>
-    <h2 class="display-5 mb-3 fw-semibold lh-sm">Make it yours with official Bootstrap Themes</h2>
-    <p class="lead fw-normal">
-      Take Bootstrap to the next level with premium themes from the <a href={getConfig().themes}
-        >official Bootstrap Themes marketplace</a
-      >. Themes are built on Bootstrap as their own extended frameworks, rich with new components and plugins,
-      documentation, and powerful build tools.
-    </p>
-    <p class="d-flex lead fw-normal mb-md-0">
-      <a href={getConfig().themes} class="icon-link icon-link-hover fw-semibold">
-        Browse Bootstrap Themes
-        <svg class="bi" aria-hidden="true"><use xlink:href="#arrow-right"></use></svg>
-      </a>
-    </p>
-  </div>
-  <div class="col-lg-6">
-    <ResponsiveImage
-      imgPath="/assets/img/bootstrap-themes.png"
-      alt="Bootstrap Themes"
-      width={700}
-      height={500}
-      classes="d-block mt-3"
-    />
-  </div>
-</section>

site/src/layouts/partials/BsThemes.astro

@@ -1,30 +0,0 @@
----
-import { getConfig } from '@libs/config'
-import { getVersionedDocsPath } from '@libs/path'
-import DropletFillIcon from '@components/icons/DropletFillIcon.astro'
-import ResponsiveImage from '@layouts/partials/ResponsiveImage.astro'
----
-
-<hr class="my-5" />
-<div class="container">
-  <div class="text-center">
-    <div class="masthead-followup-icon d-inline-block mb-2 text-bg-danger">
-      <DropletFillIcon height={32} width={32} />
-    </div>
-    <h2 class="display-6 fw-normal">Go further with Bootstrap Themes</h2>
-    <p class="col-md-10 col-lg-8 mx-auto lead">
-      Need something more than these examples? Take Bootstrap to the next level with premium themes from the <a
-        href={getConfig().themes}>official Bootstrap Themes marketplace</a
-      >. They’re built as their own extended frameworks, rich with new components and plugins, documentation, and
-      powerful build tools.
-    </p>
-    <a href={getConfig().themes} class="btn btn-lg btn-outline-primary mb-3">Browse themes</a>
-  </div>
-  <ResponsiveImage
-    imgPath="/assets/img/bootstrap-themes-collage.png"
-    alt="Bootstrap Themes"
-    width={1150}
-    height={320}
-    classes="img-fluid mx-auto d-block mt-3"
-  />
-</div>

site/src/libs/config.ts

@@ -50,7 +50,6 @@ const configSchema = z.object({
   rfs_version: zPrefixedVersionSemver,
   subtitle: z.string(),
   swag: z.string().url(),
-  themes: z.string().url(),
   title: z.string(),
   toc: z.object({
     min: z.number(),

site/src/pages/docs/[version]/examples/index.astro

@@ -1,7 +1,6 @@
 ---
 import SingleLayout from '@layouts/SingleLayout.astro'
 import { getConfig } from '@libs/config'
-import BsThemes from '@layouts/partials/BsThemes.astro'
 import ExamplesMain from '@layouts/partials/ExamplesMain.astro'
 export function getStaticPaths() {
   return [
@@ -28,6 +27,5 @@ export function getStaticPaths() {
   </div>
   <Fragment slot="main-content">
     <ExamplesMain />
-    <BsThemes />
   </Fragment>
 </SingleLayout>

site/src/pages/index.astro

@@ -7,7 +7,6 @@ import ComponentUtilities from '@components/home/ComponentUtilities.astro'
 import MastHead from '@components/home/MastHead.astro'
 import Plugins from '@components/home/Plugins.astro'
 import Icons from '@components/home/Icons.astro'
-import Themes from '@components/home/Themes.astro'
 ---
 
 <BaseLayout>
@@ -19,6 +18,5 @@ import Themes from '@components/home/Themes.astro'
     <ComponentUtilities />
     <Plugins />
     <Icons />
-    <Themes />
   </div>
 </BaseLayout>