From 1311e0f45d0ce399f2f1a061175d4941f03af3fa Mon Sep 17 00:00:00 2001 From: Marco Ziccardi Date: Wed, 30 Sep 2015 14:53:03 +0200 Subject: [PATCH 1/3] Tabbed view with examples in landing page --- src/site/resources/css/site.css | 57 +++++++++++++++- src/site/resources/index.html | 67 +++++++++++++++---- src/site/resources/js/main.js | 7 +- .../resources/js/vendor/highlight.pack.js | 1 + 4 files changed, 115 insertions(+), 17 deletions(-) create mode 100644 src/site/resources/js/vendor/highlight.pack.js diff --git a/src/site/resources/css/site.css b/src/site/resources/css/site.css index b1fed62bc505..e5efa44caefb 100644 --- a/src/site/resources/css/site.css +++ b/src/site/resources/css/site.css @@ -333,7 +333,50 @@ h1, h2, h3, h4, h5, h6 { What is it? */ .about pre { - font-size: 110%; + padding: 8px; + background: #fff; + line-height: 1.6em; +} + +pre, code { + font-family: Monaco, 'Droid Sans Mono', monospace !important; +} + +.about .code-sample-tabs { + margin-top: 10px; + width: 450px; +} + +.about .code-sample-tabs a.selected { + background-color: #fff; + font-weight: bold; +} + +.about .code-sample-tabs a { + display: inline-block; + padding: 2px 12px 0px 12px; + background-color: #f8f8f8; + margin-right: 8px; + color: #333; + text-decoration: none; + cursor: pointer; +} + +.about .hljs { + background-color: #fff; + font-size: .9em; + line-height: 1.6em; +} + +.hljs { + display: block; + padding: .5em; + color: #333; + background: #f8f8f8; +} + +[hljs] > pre { + margin: 0 !important; } /* @@ -507,7 +550,7 @@ h1, h2, h3, h4, h5, h6 { } .about h4 { - margin-bottom: 0; + margin: 0; font-size: 1.2em; font-weight: bold; color: #4285f4; @@ -1114,6 +1157,16 @@ h1, h2, h3, h4, h5, h6 { font-size: 2em; } + .quote-box { + width: 40%; + float: left; + } + + .quote-box--supplementary { + float: right; + width: 56%; + } + /* Hero Banner */ diff --git a/src/site/resources/index.html b/src/site/resources/index.html index e64d0ff7b28a..31ab602a3f58 100644 --- a/src/site/resources/index.html +++ b/src/site/resources/index.html @@ -15,7 +15,7 @@ - +