Merge pull request #375 from vapor/feature/adding-carbon-ads

Feature/adding carbon ads
This commit is contained in:
Tanner 2018-12-05 17:10:09 -05:00 committed by GitHub
commit 913e6487e7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 82 additions and 0 deletions

View File

@ -129,6 +129,7 @@ markdown_extensions:
theme:
name: 'material'
custom_dir: 'theme/'
palette:
primary: 'blue'
accent: 'purple'

11
3.0/theme/main.html Normal file
View File

@ -0,0 +1,11 @@
{% extends "base.html" %}
{% block styles %}
{{ super() }}
<link rel="stylesheet" type="text/css" href="{{ base_url }}/styles/carbon.css">
{% endblock %}
{% block libs %}
{{ super() }}
<script src="{{ base_url }}/scripts/carbon.js"></script>
{% endblock %}

View File

@ -0,0 +1,9 @@
// data-md-component="toc"
document.addEventListener("DOMContentLoaded", function(event) {
var toc_inner = document.querySelectorAll('[data-md-component=toc] .md-sidebar__inner')[0];
var script = document.createElement("script");
script.src = '//cdn.carbonads.com/carbon.js?serve=CK7DT2QW&placement=vaporcodes';
script.type = 'text/javascript';
script.id = '_carbonads_js';
toc_inner.appendChild(script);
});

View File

@ -0,0 +1,61 @@
#carbonads {
margin-left: 10px;
margin-top: 12px;
display: block;
overflow: hidden;
max-width: 160px;
border: solid 1px hsla(0, 0%, 0%, .1);
border-radius: 4px;
background-color: hsl(0, 0%, 98%);
text-align: center;
font-size: 12px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.5;
}
#carbonads a {
color: inherit;
text-decoration: none;
}
#carbonads a:hover {
color: inherit;
}
#carbonads span {
position: relative;
display: block;
overflow: hidden;
}
.carbon-img {
display: block;
margin-bottom: 8px;
max-width: 160px;
line-height: 1;
}
.carbon-img img {
display: block;
margin: 0 auto;
max-width: 160px !important;
width: 160px;
height: auto;
}
.carbon-text {
display: block;
padding: 0 1em 8px;
}
.carbon-poweredby {
display: block;
padding: 10px 12px;
background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .025) 5px, hsla(0, 0%, 0%, .025) 10px) hsla(203, 11%, 95%, .4);
text-transform: uppercase;
letter-spacing: .5px;
font-weight: 600;
font-size: 9px;
line-height: 0;
}