Skip to content

Commit 476ebd2

Browse files
anikethsahaanikethsaha
committed
Docs: added carbon ad
1 parent 1dbb547 commit 476ebd2

File tree

2 files changed

+246
-42
lines changed

2 files changed

+246
-42
lines changed

‎docs/index.html

Lines changed: 115 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,108 @@
1919
nav.app-nav li ul {
2020
min-width: 100px;
2121
}
22+
23+
/* CarbonAds starts here */
24+
#carbonads {
25+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
26+
Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial,
27+
sans-serif;
28+
}
29+
30+
#carbonads {
31+
display: flex;
32+
position: fixed;
33+
bottom: 10px;
34+
right: 10px;
35+
max-width: 150px;
36+
background-color: hsl(0, 0%, 98%);
37+
box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, 0.1);
38+
z-index: 100;
39+
}
40+
41+
#carbonads a {
42+
color: inherit;
43+
text-decoration: none;
44+
}
45+
46+
#carbonads a:hover {
47+
color: inherit;
48+
}
49+
50+
#carbonads span {
51+
position: relative;
52+
display: block;
53+
overflow: hidden;
54+
}
55+
56+
#carbonads .carbon-wrap {
57+
display: flex;
58+
flex-direction: column;
59+
}
60+
61+
.carbon-img {
62+
display: block;
63+
margin: 0;
64+
line-height: 1;
65+
}
66+
67+
.carbon-img img {
68+
display: block;
69+
max-width: 100% !important;
70+
}
71+
72+
.carbon-text {
73+
font-size: 13px;
74+
padding: 10px;
75+
line-height: 1.5;
76+
text-align: left;
77+
}
78+
79+
.carbon-poweredby {
80+
display: block;
81+
padding: 8px 10px;
82+
background: repeating-linear-gradient(-45deg,
83+
transparent,
84+
transparent 5px,
85+
hsla(0, 0%, 0%, 0.025) 5px,
86+
hsla(0, 0%, 0%, 0.025) 10px) hsla(203, 11%, 95%, 0.4);
87+
text-align: center;
88+
text-transform: uppercase;
89+
letter-spacing: 0.5px;
90+
font-weight: 600;
91+
font-size: 9px;
92+
line-height: 1;
93+
}
94+
95+
@media only screen and (min-width: 320px) and (max-width: 759px) {
96+
#carbonads {
97+
float: none;
98+
margin: 20px 0;
99+
max-width: 330px;
100+
}
101+
102+
#carbonads .carbon-wrap {
103+
display: flex;
104+
flex-direction: row;
105+
}
106+
107+
.carbon-img {
108+
display: block;
109+
margin-bottom: 8px;
110+
max-width: 130px;
111+
line-height: 1;
112+
}
113+
114+
.carbon-img img {
115+
display: block;
116+
margin: 0 auto;
117+
max-width: 130px;
118+
width: 130px;
119+
height: auto;
120+
}
121+
}
122+
123+
/* CarbonAds ends here */
22124
</style>
23125
</head>
24126

@@ -92,21 +194,18 @@
92194
}
93195
]
94196
}
95-
</script>
96-
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
97-
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
98-
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/ga.min.js"></script>
99-
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/matomo.min.js"></script>
100-
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-bash.min.js"></script>
101-
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-markdown.min.js"></script>
102-
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-nginx.min.js"></script>
103-
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-php.min.js"></script>
104-
<script>
105-
((window.gitter = {}).chat = {}).options = {
106-
room: 'docsifyjs/Lobby'
107-
};
108-
</script>
109-
<script src="https://sidecar.gitter.im/dist/sidecar.v1.js" async defer></script>
197+
</script>
198+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
199+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
200+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/ga.min.js"></script>
201+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/matomo.min.js"></script>
202+
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-bash.min.js"></script>
203+
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-markdown.min.js"></script>
204+
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-nginx.min.js"></script>
205+
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-php.min.js"></script>
206+
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CEBI6KQE&placement=docsifyjsorg"
207+
id="_carbonads_js"></script>
208+
110209
</body>
111210

112-
</html>
211+
</html>

‎index.html

Lines changed: 131 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -2,25 +2,128 @@
22
<html lang="en">
33

44
<head>
5-
<meta charset="UTF-8">
6-
<title>docsify</title>
7-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
8-
<meta name="viewport" content="width=device-width,initial-scale=1">
9-
<link rel="stylesheet" href="/themes/vue.css" title="vue">
10-
<link rel="stylesheet" href="/themes/dark.css" title="dark" disabled>
11-
<link rel="stylesheet" href="/themes/buble.css" title="buble" disabled>
12-
<link rel="stylesheet" href="/themes/pure.css" title="pure" disabled>
13-
<style>
14-
nav.app-nav li ul {
15-
min-width: 100px;
16-
}
17-
</style>
5+
<meta charset="UTF-8">
6+
<title>docsify</title>
7+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
8+
<meta name="viewport" content="width=device-width,initial-scale=1">
9+
<link rel="stylesheet" href="/themes/vue.css" title="vue">
10+
<link rel="stylesheet" href="/themes/dark.css" title="dark" disabled>
11+
<link rel="stylesheet" href="/themes/buble.css" title="buble" disabled>
12+
<link rel="stylesheet" href="/themes/pure.css" title="pure" disabled>
13+
14+
<style>
15+
nav.app-nav li ul {
16+
min-width: 100px;
17+
}
18+
19+
/* CarbonAds starts here */
20+
#carbonads {
21+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
22+
Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial,
23+
sans-serif;
24+
}
25+
26+
#carbonads {
27+
display: flex;
28+
position: fixed;
29+
bottom: 10px;
30+
right: 10px;
31+
max-width: 150px;
32+
background-color: hsl(0, 0%, 98%);
33+
box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, 0.1);
34+
z-index: 100;
35+
}
36+
37+
#carbonads a {
38+
color: inherit;
39+
text-decoration: none;
40+
}
41+
42+
#carbonads a:hover {
43+
color: inherit;
44+
}
45+
46+
#carbonads span {
47+
position: relative;
48+
display: block;
49+
overflow: hidden;
50+
}
51+
52+
#carbonads .carbon-wrap {
53+
display: flex;
54+
flex-direction: column;
55+
}
56+
57+
.carbon-img {
58+
display: block;
59+
margin: 0;
60+
line-height: 1;
61+
}
62+
63+
.carbon-img img {
64+
display: block;
65+
max-width: 100% !important;
66+
}
67+
68+
.carbon-text {
69+
font-size: 13px;
70+
padding: 10px;
71+
line-height: 1.5;
72+
text-align: left;
73+
}
74+
75+
.carbon-poweredby {
76+
display: block;
77+
padding: 8px 10px;
78+
background: repeating-linear-gradient(-45deg,
79+
transparent,
80+
transparent 5px,
81+
hsla(0, 0%, 0%, 0.025) 5px,
82+
hsla(0, 0%, 0%, 0.025) 10px) hsla(203, 11%, 95%, 0.4);
83+
text-align: center;
84+
text-transform: uppercase;
85+
letter-spacing: 0.5px;
86+
font-weight: 600;
87+
font-size: 9px;
88+
line-height: 1;
89+
}
90+
91+
@media only screen and (min-width: 320px) and (max-width: 759px) {
92+
#carbonads {
93+
float: none;
94+
margin: 20px 0;
95+
max-width: 330px;
96+
}
97+
98+
#carbonads .carbon-wrap {
99+
display: flex;
100+
flex-direction: row;
101+
}
102+
103+
.carbon-img {
104+
display: block;
105+
margin-bottom: 8px;
106+
max-width: 130px;
107+
line-height: 1;
108+
}
109+
110+
.carbon-img img {
111+
display: block;
112+
margin: 0 auto;
113+
max-width: 130px;
114+
width: 130px;
115+
height: auto;
116+
}
117+
}
118+
119+
/* CarbonAds ends here */
120+
</style>
18121
</head>
19122

20123
<body>
21-
<div id="app"></div>
22-
<script>
23-
window.$docsify = {
124+
<div id="app"></div>
125+
<script>
126+
window.$docsify = {
24127
alias: {
25128
'.*?/awesome': 'https://github.com/raw/docsifyjs/awesome-docsify/master/README.md',
26129
'.*?/changelog': 'https://github.com/raw/docsifyjs/docsify/master/CHANGELOG.md',
@@ -78,15 +181,17 @@
78181
},
79182
]
80183
}
81-
</script>
82-
<script src="/lib/docsify.js"></script>
83-
<script src="/lib/plugins/search.js"></script>
84-
<script src="/lib/plugins/emoji.js"></script>
85-
<script src="/lib/plugins/front-matter.js"></script>
86-
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-bash.min.js"></script>
87-
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-markdown.min.js"></script>
88-
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-nginx.min.js"></script>
89-
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-php.min.js"></script>
184+
</script>
185+
<script src="/lib/docsify.js"></script>
186+
<script src="/lib/plugins/search.js"></script>
187+
<script src="/lib/plugins/emoji.js"></script>
188+
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CEBI6KQE&placement=docsifyjsorg"
189+
id="_carbonads_js"></script>
190+
<script src="/lib/plugins/front-matter.js"></script>
191+
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-bash.min.js"></script>
192+
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-markdown.min.js"></script>
193+
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-nginx.min.js"></script>
194+
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-php.min.js"></script>
90195
</body>
91196

92-
</html>
197+
</html>

0 commit comments

Comments
 (0)