Skip to content

Commit 07eb36b

Browse files
mrholekmrholek
committed
feat: add banners
1 parent fe258ed commit 07eb36b

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

48 files changed

+588
-0
lines changed

‎src/assets/img/background-pro-yellow.jpg‎

354 KB
Loading

‎src/assets/img/background-pro.jpg‎

312 KB
Loading

‎src/pug/_layout/default.pug‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@ html(lang='en')
1818
include ../_partials/header.pug
1919
.body.flex-grow-1
2020
.container-lg.px-4
21+
include ../_partials/ads.pug
2122
block view
2223
include ../_partials/footer.pug
2324
include ../_partials/scripts.pug

‎src/pug/_partials/ads.pug‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
.row.mb-4
2+
.col-xl-5.col-xxl-4.mb-4.mb-xl-0
3+
script#_carbonads_js(async='' type='text/javascript' src='//cdn.carbonads.com/carbon.js?serve=CEAICKJY&placement=coreuiio')
4+
.col-xl-7.col-xxl-8
5+
a.banner-coreui-pro(href="https://coreui.io/product/bootstrap-dashboard-template/?theme=default")
6+
svg.banner-coreui-pro-logo.d-xl-none.d-xxl-block(width="100" height="100" alt="CoreUI Logo")
7+
use(xlink:href="assets/brand/coreui.svg#signet")
8+
h4.fw-bolder Elevate Your Design with CoreUI PRO!
9+
p Unlock a world of possibilities: More themes, enhanced components (Date Picker, Multi Select, and more), and priority support.

‎src/pug/_partials/head.pug‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -34,5 +34,8 @@ link(href='css/style.css', rel='stylesheet')
3434
// We use those styles to show code examples, you should remove them in your application.
3535
link(href='css/examples.css', rel='stylesheet')
3636

37+
// We use those styles to style Carbon ads and CoreUI PRO banner, you should remove them in your application.
38+
link(href='css/ads.css', rel='stylesheet')
39+
3740
script(src='js/config.js')
3841
script(src='js/color-modes.js')

‎src/scss/ads.scss‎

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
// stylelint-disable declaration-no-important, selector-max-id
2+
3+
@import "@coreui/coreui/scss/functions";
4+
@import "@coreui/coreui/scss/variables";
5+
@import "@coreui/coreui/scss/mixins";
6+
7+
//
8+
// Carbon ads
9+
//
10+
11+
#carbonads {
12+
position: static;
13+
display: block;
14+
width: 100%;
15+
padding: .75rem;
16+
overflow: hidden;
17+
@include font-size(.8125rem);
18+
line-height: 1.4;
19+
text-align: left;
20+
background-color: var(--#{$prefix}white);
21+
border: var(--#{$prefix}border-width) solid var(--#{$prefix}border-color);
22+
@include border-radius(var(--#{$prefix}border-radius));
23+
24+
a {
25+
color: var(--#{$prefix}body-color);
26+
text-decoration: none;
27+
}
28+
}
29+
30+
.carbon-img {
31+
float: left;
32+
margin-right: .75rem;
33+
}
34+
35+
.carbon-poweredby {
36+
display: block;
37+
margin-top: .75rem;
38+
color: var(--#{$prefix}body-color) !important;
39+
}
40+
41+
//
42+
// CoreUI PRO banner
43+
//
44+
45+
.banner-coreui-pro {
46+
display: block;
47+
min-height: 126px;
48+
padding: .7rem 1rem;
49+
color: var(--#{$prefix}body-color);
50+
text-decoration: none;
51+
background-image: url("../assets/img/background-pro-yellow.jpg");
52+
background-position: 50%;
53+
background-clip: border-box;
54+
background-size: cover;
55+
border: var(--#{$prefix}border-width) solid var(--#{$prefix}border-color-translucent);
56+
@include border-radius(var(--#{$prefix}border-radius));
57+
}
58+
59+
.banner-coreui-pro-logo {
60+
float: left;
61+
margin-right: 1rem;
62+
}
63+
64+
@if $enable-dark-mode {
65+
@include color-mode(dark) {
66+
#carbonads {
67+
background-color: var(--#{$prefix}tertiary-bg);
68+
}
69+
.banner-coreui-pro {
70+
background-image: url("../assets/img/background-pro.jpg");
71+
}
72+
}
73+
}

‎src/views/404.html‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,8 @@
4141
<link href="css/style.css" rel="stylesheet">
4242
<!-- We use those styles to show code examples, you should remove them in your application.-->
4343
<link href="css/examples.css" rel="stylesheet">
44+
<!-- We use those styles to style Carbon ads and CoreUI PRO banner, you should remove them in your application.-->
45+
<link href="css/ads.css" rel="stylesheet">
4446
<script src="js/config.js"></script>
4547
<script src="js/color-modes.js"></script>
4648
</head>

‎src/views/500.html‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,8 @@
4141
<link href="css/style.css" rel="stylesheet">
4242
<!-- We use those styles to show code examples, you should remove them in your application.-->
4343
<link href="css/examples.css" rel="stylesheet">
44+
<!-- We use those styles to style Carbon ads and CoreUI PRO banner, you should remove them in your application.-->
45+
<link href="css/ads.css" rel="stylesheet">
4446
<script src="js/config.js"></script>
4547
<script src="js/color-modes.js"></script>
4648
</head>

‎src/views/base/accordion.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,8 @@
4141
<link href="css/style.css" rel="stylesheet">
4242
<!-- We use those styles to show code examples, you should remove them in your application.-->
4343
<link href="css/examples.css" rel="stylesheet">
44+
<!-- We use those styles to style Carbon ads and CoreUI PRO banner, you should remove them in your application.-->
45+
<link href="css/ads.css" rel="stylesheet">
4446
<script src="js/config.js"></script>
4547
<script src="js/color-modes.js"></script>
4648
<link rel="canonical" href="https://coreui.io/docs/components/accordion/">
@@ -309,6 +311,17 @@
309311
</header>
310312
<div class="body flex-grow-1">
311313
<div class="container-lg px-4">
314+
<div class="row mb-4">
315+
<div class="col-xl-5 col-xxl-4 mb-4 mb-xl-0">
316+
<script id="_carbonads_js" async="" type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CEAICKJY&amp;placement=coreuiio"></script>
317+
</div>
318+
<div class="col-xl-7 col-xxl-8"><a class="banner-coreui-pro" href="https://coreui.io/product/bootstrap-dashboard-template/?theme=default">
319+
<svg class="banner-coreui-pro-logo d-xl-none d-xxl-block" width="100" height="100" alt="CoreUI Logo">
320+
<use xlink:href="assets/brand/coreui.svg#signet"></use>
321+
</svg>
322+
<h4 class="fw-bolder">Elevate Your Design with CoreUI PRO!</h4>
323+
<p>Unlock a world of possibilities: More themes, enhanced components (Date Picker, Multi Select, and more), and priority support.</p></a></div>
324+
</div>
312325
<div class="row">
313326
<div class="col-12">
314327
<div class="card mb-4">

‎src/views/base/breadcrumb.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,8 @@
4141
<link href="css/style.css" rel="stylesheet">
4242
<!-- We use those styles to show code examples, you should remove them in your application.-->
4343
<link href="css/examples.css" rel="stylesheet">
44+
<!-- We use those styles to style Carbon ads and CoreUI PRO banner, you should remove them in your application.-->
45+
<link href="css/ads.css" rel="stylesheet">
4446
<script src="js/config.js"></script>
4547
<script src="js/color-modes.js"></script>
4648
<link rel="canonical" href="https://coreui.io/docs/components/breadcrumb/">
@@ -309,6 +311,17 @@
309311
</header>
310312
<div class="body flex-grow-1">
311313
<div class="container-lg px-4">
314+
<div class="row mb-4">
315+
<div class="col-xl-5 col-xxl-4 mb-4 mb-xl-0">
316+
<script id="_carbonads_js" async="" type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CEAICKJY&amp;placement=coreuiio"></script>
317+
</div>
318+
<div class="col-xl-7 col-xxl-8"><a class="banner-coreui-pro" href="https://coreui.io/product/bootstrap-dashboard-template/?theme=default">
319+
<svg class="banner-coreui-pro-logo d-xl-none d-xxl-block" width="100" height="100" alt="CoreUI Logo">
320+
<use xlink:href="assets/brand/coreui.svg#signet"></use>
321+
</svg>
322+
<h4 class="fw-bolder">Elevate Your Design with CoreUI PRO!</h4>
323+
<p>Unlock a world of possibilities: More themes, enhanced components (Date Picker, Multi Select, and more), and priority support.</p></a></div>
324+
</div>
312325
<div class="row">
313326
<div class="col-lg-12">
314327
<div class="card mb-4">

0 commit comments

Comments
 (0)