diff --git a/docs/css/_home.scss b/docs/css/_home.scss index 92fc4a8e..c82a9fd7 100644 --- a/docs/css/_home.scss +++ b/docs/css/_home.scss @@ -7,9 +7,33 @@ h2 { font-size: 1.8em; font-weight: normal; letter-spacing: 1px; - margin-bottom: 1em; } + margin-bottom: 1em; +} .showcase--image { max-width: 200px; } +.jumbotron { +} + +#join-form { + background: white; + display: block; + width: 400px; + margin: 0 auto; + border: 2px solid #ccc; +} + +@media (min-width: $screen-lg) { + .jumbotron { + height: 400px; + } + + #join-form { + position: absolute; + top: 60px; + right: -20px; + padding: 10px; + } +} diff --git a/docs/index.haml b/docs/index.haml index 5b1e5596..b9ff1601 100644 --- a/docs/index.haml +++ b/docs/index.haml @@ -4,12 +4,12 @@ layout: default .main-content .jumbotron - .container + .container.pos-rel %h1 Documentation Search %p Add relevant, fast and reliable search to your documentation website in minutes. - %p.text-center + %iframe#join-form{height: 356, allowTransparency: true, frameborder: 0, scrolling: 'no', src: '//www.formget.com/app/embed/form/H5IR-174988/i?w=328'} .container %h1 Showcase