Add carbon ads

Relequestual · Relequestual · commit 3871e030918e · 2020-07-21T21:49:07.000+01:00
diff --git a/.gitignore b/.gitignore
@@ -2,3 +2,4 @@
 .sass-cache/
 _site/
 node_modules/
+.vscode/
diff --git a/_config.yml b/_config.yml
@@ -18,7 +18,7 @@ title: JSON Schema
 description: The home of JSON Schema
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "" # the base hostname & protocol for your site
-#twitter_username: jekyllrb
+twitter_username: jsonschema
 github_username:  json-schema-org
 google_analytics: UA-99695987-1
 
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: "en" }}">
+
+  {%- include head.html -%}
+
+  <body>
+
+    {%- include header.html -%}
+
+    <main class="page-content" aria-label="Content">
+      {% if page.url != "/" %}
+      <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CE7I627Y&placement=json-schemaorg" id="_carbonads_js"></script>
+      {% endif %}
+      <div class="wrapper">
+        {{ content }}
+      </div>
+    </main>
+
+    {%- include footer.html -%}
+
+  </body>
+
+</html>
diff --git a/assets/main.scss b/assets/main.scss
@@ -48,3 +48,75 @@ code {
 // minima.scss overrides
 $spacing-unit:     10px !default;
 $content-width:    960px !default;
+
+// Carbon ads
+
+#carbonads {
+  max-width: 300px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  display: flex;
+  position: fixed;
+  right: 30px;
+  top: 90px;
+  font-size: 12px;
+  line-height: 1.45;
+  box-shadow: 0 0 17px rgba(0,0,0,.2);
+}
+
+@media (max-width: 1199.98px) {
+  #carbonads {
+    display: block;
+    position: relative;
+    right: unset;
+    top: unset;
+    margin: auto;
+    margin-bottom: 30px;
+    overflow: hidden;
+    max-width: 728px;
+    font-size: 24px;
+    box-sizing: content-box;
+  }
+}
+
+#carbonads > span {
+  position: relative;
+  display: block;
+  padding: 10px;
+  border-radius: 4px;
+  background-color: #fff;
+  box-shadow: 0 1px 3px hsla(0, 0%, 0%, .05);
+}
+
+#carbonads .carbon-wrap {
+  display: flex;
+}
+
+#carbonads .carbon-img {
+  margin-right: 10px;
+  line-height: 1;
+}
+
+#carbonads .carbon-text {
+  margin-bottom: 12px;
+  color: #637381;
+  text-decoration: none;
+}
+
+#carbonads .carbon-poweredby {
+  position: absolute;
+  bottom: 10px;
+  left: 152px;
+  color: #c5cdd0;
+  text-decoration: none;
+  text-transform: uppercase;
+  letter-spacing: .5px;
+  font-weight: 500;
+  font-size: 8px;
+  line-height: 1;
+}
+
+@media only screen and (min-width: 320px) and (max-width: 759px) {
+  .carbon-text {
+    font-size: 14px;
+  }
+}
diff --git a/index.md b/index.md
@@ -1,5 +1,5 @@
 ---
-layout: page
+layout: default
 title: JSON Schema
 permalink: /
 ---
