summaryrefslogtreecommitdiffstats
path: root/site/layouts/_default
diff options
context:
space:
mode:
Diffstat (limited to 'site/layouts/_default')
-rw-r--r--site/layouts/_default/404.html6
-rw-r--r--site/layouts/_default/_markup/render-heading.html5
-rw-r--r--site/layouts/_default/baseof.html21
-rw-r--r--site/layouts/_default/docs.html66
-rw-r--r--site/layouts/_default/examples.html93
-rw-r--r--site/layouts/_default/home.html8
-rw-r--r--site/layouts/_default/redirect.html1
-rw-r--r--site/layouts/_default/single.html52
8 files changed, 252 insertions, 0 deletions
diff --git a/site/layouts/_default/404.html b/site/layouts/_default/404.html
new file mode 100644
index 0000000..c9eecff
--- /dev/null
+++ b/site/layouts/_default/404.html
@@ -0,0 +1,6 @@
+{{ define "body_override" }}<body class="d-flex flex-column min-vh-100">{{ end }}
+{{ define "main" }}
+ <main class="my-auto p-5" id="content">
+ {{ .Content }}
+ </main>
+{{ end }}
diff --git a/site/layouts/_default/_markup/render-heading.html b/site/layouts/_default/_markup/render-heading.html
new file mode 100644
index 0000000..cfb3d8f
--- /dev/null
+++ b/site/layouts/_default/_markup/render-heading.html
@@ -0,0 +1,5 @@
+<h{{ .Level }} id="{{ .Anchor | safeURL }}">{{ .Text | safeHTML }}
+{{- if and (ge .Level .Page.Site.Params.anchors.min) (le .Level .Page.Site.Params.anchors.max) }}{{" " -}}
+<a class="anchor-link" href="#{{ .Anchor | safeURL }}" aria-label="Link to this section: {{ .Text | safeHTML }}"></a>
+{{- end -}}
+</h{{ .Level }}>
diff --git a/site/layouts/_default/baseof.html b/site/layouts/_default/baseof.html
new file mode 100644
index 0000000..fdf19b3
--- /dev/null
+++ b/site/layouts/_default/baseof.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<html lang="en">
+ <head>
+ {{ partial "header" . }}
+ </head>
+ {{ block "body_override" . }}<body>{{ end }}
+ {{ partial "skippy" . }}
+ {{ partial "icons" . }}
+
+ {{ partial "docs-navbar" . }}
+
+ {{ block "main" . }}
+ {{ end }}
+
+ {{ partial "footer" . }}
+ {{ partial "scripts" . }}
+
+ {{ block "footer" . }}
+ {{ end }}
+ </body>
+</html>
diff --git a/site/layouts/_default/docs.html b/site/layouts/_default/docs.html
new file mode 100644
index 0000000..1a3f9c1
--- /dev/null
+++ b/site/layouts/_default/docs.html
@@ -0,0 +1,66 @@
+{{ define "main" }}
+ <div class="container-xxl bd-gutter mt-3 my-md-4 bd-layout">
+ <aside class="bd-sidebar">
+ <div class="offcanvas-lg offcanvas-start" tabindex="-1" id="bdSidebar" aria-labelledby="bdSidebarOffcanvasLabel">
+ <div class="offcanvas-header border-bottom">
+ <h5 class="offcanvas-title" id="bdSidebarOffcanvasLabel">Browse docs</h5>
+ <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#bdSidebar"></button>
+ </div>
+
+ <div class="offcanvas-body">
+ {{ partial "docs-sidebar" . }}
+ </div>
+ </div>
+ </aside>
+
+ <main class="bd-main order-1">
+ <div class="bd-intro pt-2 ps-lg-2">
+ <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
+ <a class="btn btn-sm btn-bd-light mb-3 mb-md-0 rounded-2" href="{{ .Site.Params.repo }}/blob/v{{ .Site.Params.current_version }}/site/content/{{ .Page.File.Path | replaceRE `\\` "/" }}" title="View and edit this file on GitHub" target="_blank" rel="noopener">
+ View on GitHub
+ </a>
+ <h1 class="bd-title mb-0" id="content">{{ .Title | markdownify }}</h1>
+ </div>
+ <p class="bd-lead">{{ .Page.Params.Description | markdownify }}</p>
+ {{ partial "ads" . }}
+ </div>
+
+ {{ if (eq .Page.Params.toc true) }}
+ <div class="bd-toc mt-3 mb-5 my-lg-0 ps-xl-3 mb-lg-5 text-muted">
+ <button class="btn btn-link link-dark p-md-0 mb-2 mb-md-0 text-decoration-none bd-toc-toggle d-md-none" type="button" data-bs-toggle="collapse" data-bs-target="#tocContents" aria-expanded="false" aria-controls="tocContents">
+ On this page
+ <svg class="bi d-md-none ms-2" aria-hidden="true"><use xlink:href="#chevron-expand"></use></svg>
+ </button>
+ <strong class="d-none d-md-block h6 my-2">On this page</strong>
+ <hr class="d-none d-md-block my-2">
+ <div class="collapse bd-toc-collapse" id="tocContents">
+ {{ .TableOfContents }}
+ </div>
+ </div>
+ {{ end }}
+
+ <div class="bd-content ps-lg-2">
+ {{ if .Page.Params.sections }}
+ <div class="row g-3">
+ {{ range .Page.Params.sections }}
+ <div class="col-md-6">
+ <a class="d-block text-decoration-none" href="../{{ urlize .title }}/">
+ <strong class="d-block h5 mb-0">{{ .title }}</strong>
+ <span class="text-secondary">{{ .description }}</span>
+ </a>
+ </div>
+ {{ end }}
+ </div>
+ {{ end }}
+
+ {{ .Content }}
+ </div>
+ </main>
+ </div>
+{{ end }}
+{{ define "footer" }}
+ {{ range .Page.Params.extra_js -}}
+ <script{{ with .async }} async{{ end }} src="{{ .src }}"></script>
+ {{- end -}}
+ <div class="position-fixed"><input type="text" tabindex="-1"></div>
+{{ end }}
diff --git a/site/layouts/_default/examples.html b/site/layouts/_default/examples.html
new file mode 100644
index 0000000..f70f859
--- /dev/null
+++ b/site/layouts/_default/examples.html
@@ -0,0 +1,93 @@
+<!doctype html>
+<html {{ if eq .Page.Params.direction "rtl" }}lang="ar" dir="rtl"{{ else }}lang="en"{{ end }}{{ with .Page.Params.html_class }} class="{{ . }}"{{ end }}>
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="description" content="">
+ <meta name="author" content="{{ .Site.Params.authors }}">
+ <meta name="generator" content="Hugo {{ hugo.Version }}">
+ <title>{{ .Page.Title | markdownify }} · {{ .Site.Title | markdownify }} v{{ .Site.Params.docs_version }}</title>
+
+ <link rel="canonical" href="{{ .Permalink }}">
+
+ {{ with .Params.robots -}}
+ <meta name="robots" content="{{ . }}">
+ {{- end }}
+
+ {{ partial "stylesheet" . }}
+ {{ partial "favicons" . }}
+
+ <style>
+ .bd-placeholder-img {
+ font-size: 1.125rem;
+ text-anchor: middle;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ }
+
+ @media (min-width: 768px) {
+ .bd-placeholder-img-lg {
+ font-size: 3.5rem;
+ }
+ }
+
+ .b-example-divider {
+ height: 3rem;
+ background-color: rgba(0, 0, 0, .1);
+ border: solid rgba(0, 0, 0, .15);
+ border-width: 1px 0;
+ box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
+ }
+
+ .b-example-vr {
+ flex-shrink: 0;
+ width: 1.5rem;
+ height: 100vh;
+ }
+
+ .bi {
+ vertical-align: -.125em;
+ fill: currentColor;
+ }
+
+ .nav-scroller {
+ position: relative;
+ z-index: 2;
+ height: 2.75rem;
+ overflow-y: hidden;
+ }
+
+ .nav-scroller .nav {
+ display: flex;
+ flex-wrap: nowrap;
+ padding-bottom: 1rem;
+ margin-top: -1px;
+ overflow-x: auto;
+ text-align: center;
+ white-space: nowrap;
+ -webkit-overflow-scrolling: touch;
+ }
+ </style>
+
+ {{ range .Page.Params.extra_css }}
+ {{ "<!-- Custom styles for this template -->" | safeHTML }}
+ <link href="{{ . }}" rel="stylesheet">
+ {{- end }}
+ </head>
+ <body{{ with .Page.Params.body_class }} class="{{ . }}"{{ end }}>
+ {{ .Content }}
+
+ {{ if ne .Page.Params.include_js false -}}
+ {{- if eq hugo.Environment "production" -}}
+ <script src="/docs/{{ .Site.Params.docs_version }}/dist/js/bootstrap.bundle.min.js" {{ printf "integrity=%q" .Site.Params.cdn.js_bundle_hash | safeHTMLAttr }} crossorigin="anonymous"></script>
+ {{- else -}}
+ <script src="/docs/{{ .Site.Params.docs_version }}/dist/js/bootstrap.bundle.js"></script>
+ {{- end }}
+
+ {{ range .Page.Params.extra_js -}}
+ <script{{ with .async }} async{{ end }} src="{{ .src }}"{{ with .integrity }} {{ printf "integrity=%q" . | safeHTMLAttr }} crossorigin="anonymous"{{ end }}></script>
+ {{- end -}}
+ {{- end }}
+ </body>
+</html>
diff --git a/site/layouts/_default/home.html b/site/layouts/_default/home.html
new file mode 100644
index 0000000..28bcf0c
--- /dev/null
+++ b/site/layouts/_default/home.html
@@ -0,0 +1,8 @@
+{{ define "main" }}
+ <main>
+ {{ partial "home/masthead" . }}
+ {{ partial "home/masthead-followup" . }}
+ </main>
+
+ {{ .Content }}
+{{ end }}
diff --git a/site/layouts/_default/redirect.html b/site/layouts/_default/redirect.html
new file mode 100644
index 0000000..63ded08
--- /dev/null
+++ b/site/layouts/_default/redirect.html
@@ -0,0 +1 @@
+{{ partial "redirect" (.Page.Params.redirect | absURL) }}
diff --git a/site/layouts/_default/single.html b/site/layouts/_default/single.html
new file mode 100644
index 0000000..52ae87c
--- /dev/null
+++ b/site/layouts/_default/single.html
@@ -0,0 +1,52 @@
+{{ define "main" }}
+ <header class="py-5 border-bottom">
+ <div class="container-xxl bd-gutter pt-md-1 pb-md-4">
+ <div class="row">
+ <div class="col-xl-8">
+ <h1 class="bd-title mt-0">{{ .Title | markdownify }}</h1>
+ <p class="bd-lead">{{ .Page.Params.Description | markdownify }}</p>
+ {{ if eq .Title "Examples" }}
+ <div class="d-flex flex-column flex-md-row gap-3">
+ <a href="{{ .Site.Params.download.dist_examples }}" class="btn btn-lg bd-btn-lg btn-bd-primary d-flex align-items-center justify-content-center fw-semibold" onclick="ga('send', 'event', 'Examples', 'Hero', 'Download Examples');">
+ <svg class="bi me-2" aria-hidden="true"><use xlink:href="#box-seam"></use></svg>
+ Download examples
+ </a>
+ <a href="{{ .Site.Params.download.source }}" class="btn btn-lg bd-btn-lg btn-outline-secondary" onclick="ga('send', 'event', 'Examples', 'Hero', 'Download');">
+ Download source code
+ </a>
+ </div>
+ {{ end }}
+ </div>
+ <div class="col-xl-4 d-lg-flex justify-content-xl-end">
+ {{ partial "ads" . }}
+ </div>
+ </div>
+ </div>
+ </header>
+
+ <main class="bd-content order-1 py-5" id="content">
+ <div class="container-xxl bd-gutter">
+ {{ .Content }}
+
+ {{ if eq .Title "Examples" }}
+ <hr class="my-5">
+ <div class="container">
+ <div class="text-center">
+ <div class="masthead-followup-icon d-inline-block mb-2 text-bg-danger">
+ {{ partial "icons/droplet-fill.svg" (dict "width" "32" "height" "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="{{ .Site.Params.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="{{ .Site.Params.themes }}" class="btn btn-lg btn-outline-primary mb-3">Browse themes</a>
+ </div>
+ <img class="d-block img-fluid mt-3 mx-auto" srcset="/docs/{{ .Site.Params.docs_version }}/assets/img/bootstrap-themes-collage.png,
+ /docs/{{ .Site.Params.docs_version }}/assets/img/bootstrap-themes-collage@2x.png 2x"
+ src="/docs/{{ .Site.Params.docs_version }}/assets/img/bootstrap-themes-collage.png"
+ alt="Bootstrap Themes" width="1150" height="320" loading="lazy">
+ </div>
+ {{ end }}
+ </div>
+ </main>
+{{ end }}