+744
-100
lines changedFilter options
+744
-100
lines changed Original file line number Diff line number Diff line change
@@ -19,12 +19,10 @@
19 19
<li><b-link to="/docs/reference" exact>Reference</b-link></li>
20 20
<li><b-link to="/play" exact>Playground</b-link></li>
21 21
</ul>
22 -
<!-- TODO: Uncomment when we have themes
23 22
<h5 class="bd-text-purple-bright mb-1 mt-3">Themes</h5>
24 23
<ul class="list-unstyled ml-3">
25 24
<li><b-link to="/themes" exact>Themes and dashboards</b-link></li>
26 25
</ul>
27 -
-->
28 26
</b-col>
29 27 30 28
<b-col cols="auto" class="text-left">
@@ -35,9 +35,7 @@
35 35
<b-nav-item to="/docs/directives" active-class="active" no-prefetch>Directives</b-nav-item>
36 36
<b-nav-item to="/docs/icons" active-class="active" no-prefetch>Icons</b-nav-item>
37 37
<b-nav-item to="/docs/reference" active-class="active">Reference</b-nav-item>
38 -
<!-- TODO: Uncomment when we have themes
39 38
<b-nav-item to="/themes" active-class="active" no-prefetch>Themes</b-nav-item>
40 -
-->
41 39
<b-nav-item to="/play" active-class="active" no-prefetch>Play</b-nav-item>
42 40
</b-navbar-nav>
43 41
</div>
@@ -51,7 +51,6 @@
51 51
</b-nav>
52 52
</b-link>
53 53 54 -
<!-- TODO: Uncomment when we have themes
55 54
<b-link
56 55
to="/themes"
57 56
router-tag="div"
@@ -69,7 +68,6 @@
69 68
Themes
70 69
</b-link>
71 70
</b-link>
72 -
-->
73 71 74 72
<b-link
75 73
to="/play"
File renamed without changes.
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
1 +
title: 'BootstrapVue Argon Dashboard PRO'
2 +
type: 'dashboard'
3 +
category: 'Admin & Dashboard'
4 +
img: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/bootstrap-vue-argon-dashboard-pro/opt_badp_thumbnail.jpg'
5 +
href: 'https://www.creative-tim.com/product/bootstrap-vue-argon-dashboard-pro?partner=134895'
6 +
description: 'BootstrapVue Argon Dashboard PRO is a completely new product built on our newest re-built from scratch framework structure that is meant to make our products more intuitive, more adaptive and, needless to say, so much easier to customize. Let Argon amaze you with its cool features and build tools and get your project to a whole new level.'
7 +
provider: 'Creative Tim'
8 +
price: '$89.00'
Original file line number Diff line number Diff line change
@@ -27,10 +27,7 @@ The online documentation is comprised of the following sections:
27 27
- [Icons](/docs/icons) - Icons and icon plugin documentation <b-badge>v2.2.0+</b-badge>
28 28
- [Reference](/docs/reference) - Reference information and documentation
29 29
- [Playground](/play) - Online playground
30 - 31 -
<!-- TODO: Uncomment when we have themes
32 30
- [Themes](/themes) - Themes and dashboards
33 -
-->
34 31 35 32
## Prerequisites
36 33
@@ -9,10 +9,8 @@ stacked tables, etc). Our custom CSS relies on variables defined the Bootstrap v
9 9
using the BootstrapVue source SCSS, you can have your variable overrides (such as breakpoints, theme
10 10
colors, etc) adjust the custom BootstrapVue css generation.
11 11 12 -
<!-- TODO: Uncomment when we have themes
13 12
For premium dashboards and themes, please refer to the [`Themes section`](/themes) of the
14 13
documentation.
15 -
-->
16 14 17 15
## SASS variable defaults
18 16
@@ -283,10 +281,8 @@ a {
283 281 284 282
## See also
285 283 286 -
<!-- TODO: Uncomment when we have themes
287 284
- For premium dashboards and themes, please refer to the [`Themes section`](/themes) of the
288 285
documentation.
289 -
-->
290 286 291 287
- If you are defining custom breakpoint names, please see the
292 288
[BootstrapVue settings](/docs/reference/settings) page on how to update BootstrapVue `<b-col>` and
@@ -280,15 +280,19 @@ module.exports = {
280 280
plugins: ['~/plugins/bootstrap-vue.js', '~/plugins/play.js', '~/plugins/docs.js'],
281 281 282 282
buildModules: ['@nuxtjs/google-analytics'],
283 -
modules: ['@nuxtjs/pwa', '@nuxtjs/robots', '@nuxtjs/sitemap'],
283 +
modules: ['@nuxt/content', '@nuxtjs/pwa', '@nuxtjs/robots', '@nuxtjs/sitemap'],
284 284 285 -
'google-analytics': {
285 +
googleAnalytics: {
286 286
id: GA_TRACKING_ID,
287 287
autoTracking: {
288 288
exception: true
289 289
}
290 290
},
291 291 292 +
content: {
293 +
apiPrefix: 'api'
294 +
},
295 + 292 296
// We enable crawling in production docs only
293 297
robots: () => {
294 298
// In production docs we allow crawling, else we deny crawling
@@ -566,6 +566,7 @@ export default {
566 566
created() {
567 567
this.bootstrapUrl = `https://getbootstrap.com/docs/${bootstrapVersionMinor}`
568 568
this.bootstrapVersionMajor = bootstrapVersionMajor
569 +
this.bootstrapVersionMinor = bootstrapVersionMinor
569 570
this.bootstrapIconsCount = bootstrapIconsCount
570 571
this.vueVersionMinor = vueVersionMinor
571 572
this.version = version
@@ -4,7 +4,7 @@
4 4
<header class="bd-content pb-4">
5 5
<h1>Custom themes and dashboards</h1>
6 6
<p class="lead">
7 -
With the below themes and dashboards built by our partners, you can build eye-catching
7 +
With the themes and dashboards built by our partners, you can build eye-catching
8 8
apps and pages — all using BootstrapVue! The following items have been curated by
9 9
the BootstrapVue team.
10 10
</p>
@@ -26,8 +26,14 @@
26 26
>
27 27
<b-card no-body bg-variant="light">
28 28
<b-row no-gutters>
29 -
<b-col md="6" lg="4" xl="4" aria-hidden="true">
30 -
<b-aspect aspect="4:3">
29 +
<b-col
30 +
md="6"
31 +
lg="4"
32 +
xl="4"
33 +
class="bg-dark"
34 +
aria-hidden="true"
35 +
>
36 +
<b-aspect aspect="4:3" class="h-100 align-items-center">
31 37
<b-card-img-lazy
32 38
:src="theme.img"
33 39
alt="Image"
@@ -39,24 +45,19 @@
39 45
</b-col>
40 46
<b-col class="d-flex flex-column p-4">
41 47
<!-- We use `<h2>` for correct semantics, but `.h5` style -->
42 -
<h2 :id="`theme-label-${idx}`" class="h5">{{ theme.title }}</h2>
43 -
<b-card-text class="flex-grow-1">
44 -
{{ theme.description }}
45 -
</b-card-text>
48 +
<h2 :id="`theme-label-${idx}`" class="h5 mb-3">{{ theme.title }}</h2>
49 +
<b-card-text class="flex-grow-1">{{ theme.description }}</b-card-text>
46 50
<b-card-text class="text-muted small">
47 -
<span class="d-block d-lg-inline-block mb-2 mb-lg-0">Category: {{ theme.category }}</span>
48 -
<span class="d-block d-lg-inline-block ml-lg-3"><i>Provided by: {{ theme.provider }}</i></span>
51 +
<span class="d-block d-lg-inline-block mb-2 mb-lg-0"><strong>Category:</strong> {{ theme.category }}</span>
52 +
<span class="d-block d-lg-inline-block ml-lg-3"><i><strong>Provided by:</strong> {{ theme.provider }}</i></span>
49 53
</b-card-text>
50 54
<b-card-text class="d-flex align-items-center">
51 55
<b-button :href="theme.href" target="_blank" variant="bd-primary">
52 56
Get {{ theme.type || 'theme' }}
53 57
</b-button>
54 -
<small v-if="theme.price" class="text-muted position-relative ml-3">
55 -
Price: {{ theme.price }}
56 -
<b-link href="#theme-notes" title="See notes" class="stretched-link">
57 -
<b>*</b>
58 -
</b-link>
59 -
</small>
58 +
<span v-if="theme.price" class="text-muted position-relative ml-3">
59 +
<strong>Price:</strong> {{ theme.price }}<b-link href="#theme-notes" title="See notes">*</b-link>
60 +
</span>
60 61
</b-card-text>
61 62
</b-col>
62 63
</b-row>
@@ -75,7 +76,7 @@
75 76
site documentation for licensing information.
76 77
</li>
77 78
<li>
78 -
BootstrapVue does not guarantee that all coustom components provided by a theme are
79 +
BootstrapVue does not guarantee that all custom components provided by a theme are
79 80
WIA-ARIA compliant. Refer to the provider documentation for details.
80 81
</li>
81 82
<li>
@@ -146,56 +147,22 @@ import BvLogo from '~/components/bv-logo'
146 147 147 148
export default {
148 149
components: { BvLogo },
149 -
data() {
150 +
async asyncData({ $content }) {
151 +
// Themes are stored as YAML files in `docs/content/themes`
152 +
// The theme preview image should be 800x400px (and 4:3 aspect ratio)
153 +
// Data structure:
154 +
// title: 'Superduper Dashboard - PRO'
155 +
// type: 'dashboard'
156 +
// category: 'Admin & Dashboard'
157 +
// img: 'https://picsum.photos/800/600/?image=84'
158 +
// href: '#'
159 +
// description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
160 +
// provider: 'Innovative Ivan'
161 +
// price: '$100.00'
162 +
const themes = await $content('themes').fetch()
163 + 150 164
return {
151 -
// This could be async data that comes from a JSON file
152 -
// Theme image preview should be 800x400px (and 4:3 aspect ratio)
153 -
themes: [
154 -
/*
155 -
{
156 -
title: 'Superduper Dashboard - PRO',
157 -
type: 'dashboard',
158 -
category: 'Admin & Dashboard',
159 -
img: 'https://picsum.photos/800/600/?image=84',
160 -
href: '#',
161 -
description:
162 -
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
163 -
provider: 'Innovative Ivan',
164 -
price: '$500.00'
165 -
},
166 -
{
167 -
title: 'Funky dashboard extreme',
168 -
type: 'dashboard',
169 -
category: 'Admin & Dashboard',
170 -
img: 'https://picsum.photos/800/600/?image=82',
171 -
href: '#',
172 -
description:
173 -
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
174 -
provider: 'Dashboards-R-Us',
175 -
price: 'Free'
176 -
},
177 -
{
178 -
title: 'Some mystery theme theatre',
179 -
img: 'https://picsum.photos/800/600/?image=54',
180 -
category: 'Landing & Corporate',
181 -
href: '#',
182 -
description:
183 -
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
184 -
provider: 'Cyberdyne Terminators',
185 -
price: '$75.00'
186 -
},
187 -
{
188 -
title: 'Shopper Style Galore',
189 -
img: 'https://picsum.photos/800/600/?image=90',
190 -
category: 'E-Commerce & Retail',
191 -
href: '#',
192 -
description:
193 -
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
194 -
provider: 'Cyberdyne Terminators',
195 -
price: '$75.00'
196 -
}
197 -
*/
198 -
]
165 +
themes
199 166
}
200 167
},
201 168
computed: {
You can’t perform that action at this time.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4