diff --git a/.gitignore b/.gitignore index 582ed7b5..6fe13fcd 100644 --- a/.gitignore +++ b/.gitignore @@ -2,3 +2,4 @@ .sass-cache/ _site/ node_modules/ +.vscode/ diff --git a/_config.yml b/_config.yml index d5aeeab0..3a16502f 100644 --- 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 new file mode 100644 index 00000000..751e0dcc --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,23 @@ + + + + {%- include head.html -%} + + + + {%- include header.html -%} + +
+ {% if page.url != "/" %} + + {% endif %} +
+ {{ content }} +
+
+ + {%- include footer.html -%} + + + + diff --git a/assets/main.scss b/assets/main.scss index 045e2314..39e9a030 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -48,3 +48,79 @@ 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: 10px; + top: 90px; + font-size: 12px; + line-height: 1.45; + background-color: #f9f9f9; + border: 1px dashed; + border-color: #cacaca; +} + +@media (max-width: 1420px) { + #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; +} + +#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: 10px; + line-height: 1; +} + +#carbonads .carbon-poweredby:hover { + color: #637381; +} + +@media only screen and (min-width: 320px) and (max-width: 759px) { + .carbon-text { + font-size: 14px; + } +} diff --git a/index.md b/index.md index a67a09bb..5fe4b646 100644 --- a/index.md +++ b/index.md @@ -1,5 +1,5 @@ --- -layout: page +layout: default title: JSON Schema permalink: / ---