You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@groovy.apache.org by pa...@apache.org on 2018/10/30 05:34:51 UTC
[10/10] groovy-website git commit: now using gradle to build the dev
site
now using gradle to build the dev site
Project: http://git-wip-us.apache.org/repos/asf/groovy-website/repo
Commit: http://git-wip-us.apache.org/repos/asf/groovy-website/commit/e565e871
Tree: http://git-wip-us.apache.org/repos/asf/groovy-website/tree/e565e871
Diff: http://git-wip-us.apache.org/repos/asf/groovy-website/diff/e565e871
Branch: refs/heads/asf-site
Commit: e565e8718d75efb871cf346d494a83ccc046a087
Parents: 190a73c
Author: Paul King <pa...@asert.com.au>
Authored: Tue Oct 30 15:33:42 2018 +1000
Committer: Paul King <pa...@asert.com.au>
Committed: Tue Oct 30 15:33:42 2018 +1000
----------------------------------------------------------------------
404.html | 97 +
buildstatus.html | 110 +
css/book.css | 681 +--
css/bootstrap.css | 6200 +---------------------
css/docstyle.css | 66 +-
css/main.css | 305 +-
css/normalize.css | 528 +-
css/style.css | 1099 +---
faq.html | 101 +
img/books/Kousen-MJG.png | Bin 0 -> 113588 bytes
img/books/g2cook.jpg | Bin 0 -> 16565 bytes
img/books/gdsl.jpg | Bin 0 -> 181096 bytes
img/books/ggood.jpg | Bin 0 -> 34046 bytes
img/books/learning_groovy.jpg | Bin 0 -> 44535 bytes
img/books/practical-grails-3-book-cover.png | Bin 0 -> 59923 bytes
img/books/pratical-grails-3-book-cover.png | Bin 0 -> 59923 bytes
img/books/regina.png | Bin 0 -> 25121 bytes
img/books/vslg2.jpg | Bin 0 -> 105938 bytes
img/books/weissmann_groovy_grails.png | Bin 0 -> 76365 bytes
img/confs/g3summit2016.png | Bin 0 -> 42130 bytes
img/confs/gr8confeu.png | Bin 0 -> 15006 bytes
img/confs/gr8confin.png | Bin 0 -> 15470 bytes
img/confs/gr8confus.png | Bin 0 -> 32301 bytes
img/confs/greach.png | Bin 0 -> 19014 bytes
img/courses/groovy-course-cover.png | Bin 0 -> 97283 bytes
img/ecosystem/beakerx.png | Bin 0 -> 12991 bytes
img/ecosystem/geb.png | Bin 0 -> 9785 bytes
img/ecosystem/gpars.png | Bin 0 -> 17029 bytes
img/ecosystem/gradle.png | Bin 0 -> 18405 bytes
img/ecosystem/grails.png | Bin 0 -> 16001 bytes
img/ecosystem/griffon.png | Bin 0 -> 14209 bytes
img/ecosystem/micronaut.png | Bin 0 -> 9096 bytes
img/ecosystem/ratpack.png | Bin 0 -> 5589 bytes
img/ecosystem/sdkman.png | Bin 0 -> 6435 bytes
img/logos/nielsen.png | Bin 0 -> 11675 bytes
img/videos/groovy-ecosystem-revisited.png | Bin 0 -> 71130 bytes
img/videos/groovy-puzzlers.png | Bin 0 -> 85894 bytes
img/videos/metaprogramming-part-1.png | Bin 0 -> 67863 bytes
index.html | 26 +-
js/plugins.js | 25 +-
js/vendor/bootstrap.js | 2110 +-------
js/vendor/classie.js | 72 +-
js/vendor/sidebarEffects.js | 66 +-
search.html | 188 +
versioning.html | 106 +
wiki/GEP-1.html | 372 ++
wiki/GEP-10.html | 531 ++
wiki/GEP-11.html | 632 +++
wiki/GEP-12.html | 513 ++
wiki/GEP-2.html | 515 ++
wiki/GEP-3.html | 713 +++
wiki/GEP-4.html | 360 ++
wiki/GEP-5.html | 255 +
wiki/GEP-6.html | 316 ++
wiki/GEP-7.html | 409 ++
wiki/GEP-8.html | 684 +++
wiki/GEP-9.html | 538 ++
wiki/GEPs.html | 97 +
wiki/groovy-release-discussion.html | 404 ++
wiki/img/mop_2.jpg | Bin 0 -> 31337 bytes
wiki/initial-release-process-proposal.html | 524 ++
61 files changed, 7488 insertions(+), 11155 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/groovy-website/blob/e565e871/404.html
----------------------------------------------------------------------
diff --git a/404.html b/404.html
new file mode 100644
index 0000000..c89e06b
--- /dev/null
+++ b/404.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--><head>
+ <meta charset='utf-8'/><meta http-equiv='X-UA-Compatible' content='IE=edge'/><meta name='viewport' content='width=device-width, initial-scale=1'/><title>The Apache Groovy programming language - 404</title><link href='img/favicon.ico' type='image/x-ico' rel='icon'/><link rel='stylesheet' type='text/css' href='css/bootstrap.css'/><link rel='stylesheet' type='text/css' href='css/font-awesome.min.css'/><link rel='stylesheet' type='text/css' href='css/style.css'/>
+</head><body>
+ <div id='fork-me'>
+ <a href='https://github.com/apache/groovy'>
+ <img style='position: fixed; top: -14px; right: -14px; border: 0; z-index: 100' src='https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67' alt='Fork me on GitHub' data-canonical-src='https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png'/>
+ </a>
+ </div><div id='st-container' class='st-container st-effect-9'>
+ <nav class='st-menu st-effect-9' id='menu-12'>
+ <h2 class='icon icon-lab'>Socialize</h2><ul>
+ <li>
+ <a href='http://groovy-lang.org/mailing-lists.html' class='icon'><span class='fa fa-envelope'></span> Discuss on the mailing-list</a>
+ </li><li>
+ <a href='http://groovy-lang.org/groovy-weekly.html' class='icon'><span class='fa fa-envelope-o'></span> Groovy newsletter</a>
+ </li><li>
+ <a href='https://twitter.com/ApacheGroovy' class='icon'><span class='fa fa-twitter'></span> Groovy on Twitter</a>
+ </li><li>
+ <a href='http://groovy-lang.org/events.html' class='icon'><span class='fa fa-calendar'></span> Events and conferences</a>
+ </li><li>
+ <a href='https://github.com/apache/groovy' class='icon'><span class='fa fa-github'></span> Source code on GitHub</a>
+ </li><li>
+ <a href='http://groovy-lang.org/reporting-issues.html' class='icon'><span class='fa fa-bug'></span> Report issues in Jira</a>
+ </li><li>
+ <a href='https://google.com/+groovy' class='icon'><span class='fa fa-google-plus'></span> Google+ Groovy Page</a>
+ </li><li>
+ <a href='http://bit.ly/g-community' class='icon'><span class='fa fa-google-plus'></span> Google+ Groovy Community</a>
+ </li><li>
+ <a href='http://stackoverflow.com/questions/tagged/groovy' class='icon'><span class='fa fa-stack-overflow'></span> Stack Overflow questions</a>
+ </li><li>
+ <a href='http://groovycommunity.com/' class='icon'><span class='fa fa-slack'></span> Slack Community</a>
+ </li>
+ </ul>
+ </nav><div class='st-pusher'>
+ <div class='st-content'>
+ <div class='st-content-inner'>
+ <!--[if lt IE 7]>
+ <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+ <![endif]--><div><div class='navbar navbar-default navbar-static-top' role='navigation'>
+ <div class='container'>
+ <div class='navbar-header'>
+ <button type='button' class='navbar-toggle' data-toggle='collapse' data-target='.navbar-collapse'>
+ <span class='sr-only'></span><span class='icon-bar'></span><span class='icon-bar'></span><span class='icon-bar'></span>
+ </button><a class='navbar-brand' href='index.html'>
+ <i class='fa fa-star'></i> Apache Groovy
+ </a>
+ </div><div class='navbar-collapse collapse'>
+ <ul class='nav navbar-nav navbar-right'>
+ <li class=''><a href='http://groovy-lang.org/learn.html'>Learn</a></li><li class=''><a href='http://groovy-lang.org/documentation.html'>Documentation</a></li><li class=''><a href='http://groovy-lang.org/download.html'>Download</a></li><li class=''><a href='http://groovy-lang.org/support.html'>Support</a></li><li class=''><a href='/'>Contribute</a></li><li class=''><a href='http://groovy-lang.org/ecosystem.html'>Ecosystem</a></li><li>
+ <a data-effect='st-effect-9' class='st-trigger' href='#'>Socialize</a>
+ </li><li class=''>
+ <a href='search.html'>
+ <i class='fa fa-search'></i>
+ </a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div><div id='content' class='page-1'><div class='row'><div class='row-fluid'><div class='panel panel-danger'><div class='panel-heading'>Oops! The page you are looking for does not exist!</div><div class='panel-body'><p>We could not find the page you are looking for. Maybe you are looking for one of those?</p><ul><li>The <a href='http://docs.groovy-lang.org/latest/html/documentation'>reference documentation</a> of the Groovy language.</li><li>The latest <a href='http://docs.groovy-lang.org/latest/html/api'>Javadocs</a> of the language.</li><li>The latest <a href='http://docs.groovy-lang.org/latest/html/gapi'>Groovdocs</a> of the language.</li><li>Description of <a href='http://docs.groovy-lang.org/latest/html/groovy-jdk'>the Groovy development kit APIs</a>.</li></ul></div></div></div></div></div><footer id='footer'>
+ <div class='row'>
+ <div class='colset-3-footer'>
+ <div class='col-1'>
+ <h1>Groovy</h1><ul>
+ <li><a href='http://groovy-lang.org/learn.html'>Learn</a></li><li><a href='http://groovy-lang.org/documentation.html'>Documentation</a></li><li><a href='http://groovy-lang.org/download.html'>Download</a></li><li><a href='http://groovy-lang.org/support.html'>Support</a></li><li><a href='/'>Contribute</a></li><li><a href='http://groovy-lang.org/ecosystem.html'>Ecosystem</a></li>
+ </ul>
+ </div><div class='col-2'>
+ <h1>About</h1><ul>
+ <li><a href='https://github.com/apache/groovy'>Source code</a></li><li><a href='http://groovy-lang.org/security.html'>Security</a></li><li><a href='http://groovy-lang.org/learn.html#books'>Books</a></li><li><a href='http://groovy-lang.org/thanks.html'>Thanks</a></li><li><a href='http://www.apache.org/foundation/sponsorship.html'>Sponsorship</a></li><li><a href='http://groovy-lang.org/faq.html'>FAQ</a></li><li><a href='http://groovy-lang.org/search.html'>Search</a></li>
+ </ul>
+ </div><div class='col-3'>
+ <h1>Socialize</h1><ul>
+ <li><a href='http://groovy-lang.org/mailing-lists.html'>Discuss on the mailing-list</a></li><li><a href='http://groovy-lang.org/groovy-weekly.html'>Groovy newsletter</a></li><li><a href='https://twitter.com/ApacheGroovy'>Groovy on Twitter</a></li><li><a href='http://groovy-lang.org/events.html'>Events and conferences</a></li><li><a href='https://github.com/apache/groovy'>Source code on GitHub</a></li><li><a href='http://groovy-lang.org/reporting-issues.html'>Report issues in Jira</a></li><li><a href='https://google.com/+groovy'>Google+ Groovy Page</a></li><li><a href='http://bit.ly/g-community'>Google+ Groovy Community</a></li><li><a href='http://stackoverflow.com/questions/tagged/groovy'>Stack Overflow questions</a></li><li><a href='http://groovycommunity.com/'>Slack Community</a></li>
+ </ul>
+ </div><div class='col-right'>
+ <p>
+ The Groovy programming language is supported by the <a href='http://www.apache.org'>Apache Software Foundation</a> and the Groovy community
+ </p><img src='img/asf_logo.png' title='The Apache Software Foundation' alt='The Apache Software Foundation' class='img-responsive'/>
+ </div>
+ </div><div class='clearfix'>© 2003-2018 the Apache Groovy project — Groovy is Open Source, <a href='http://www.apache.org/licenses/LICENSE-2.0.html'>Apache 2 License</a></div>
+ </div>
+ </footer></div>
+ </div>
+ </div>
+ </div>
+ </div><script src='js/vendor/jquery-1.10.2.min.js' defer></script><script src='js/vendor/classie.js' defer></script><script src='js/vendor/bootstrap.js' defer></script><script src='js/vendor/sidebarEffects.js' defer></script><script src='js/vendor/modernizr-2.6.2.min.js' defer></script><script src='js/plugins.js' defer></script><script>
+ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+ m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+ })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+ ga('create', 'UA-257558-10', 'auto');
+ ga('send', 'pageview');
+ </script>
+</body></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/groovy-website/blob/e565e871/buildstatus.html
----------------------------------------------------------------------
diff --git a/buildstatus.html b/buildstatus.html
new file mode 100644
index 0000000..4dc2794
--- /dev/null
+++ b/buildstatus.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--><head>
+ <meta charset='utf-8'/><meta http-equiv='X-UA-Compatible' content='IE=edge'/><meta name='viewport' content='width=device-width, initial-scale=1'/><title>The Apache Groovy programming language - Continuous integration</title><link href='img/favicon.ico' type='image/x-ico' rel='icon'/><link rel='stylesheet' type='text/css' href='css/bootstrap.css'/><link rel='stylesheet' type='text/css' href='css/font-awesome.min.css'/><link rel='stylesheet' type='text/css' href='css/style.css'/>
+</head><body>
+ <div id='fork-me'>
+ <a href='https://github.com/apache/groovy'>
+ <img style='position: fixed; top: -14px; right: -14px; border: 0; z-index: 100' src='https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67' alt='Fork me on GitHub' data-canonical-src='https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png'/>
+ </a>
+ </div><div id='st-container' class='st-container st-effect-9'>
+ <nav class='st-menu st-effect-9' id='menu-12'>
+ <h2 class='icon icon-lab'>Socialize</h2><ul>
+ <li>
+ <a href='http://groovy-lang.org/mailing-lists.html' class='icon'><span class='fa fa-envelope'></span> Discuss on the mailing-list</a>
+ </li><li>
+ <a href='http://groovy-lang.org/groovy-weekly.html' class='icon'><span class='fa fa-envelope-o'></span> Groovy newsletter</a>
+ </li><li>
+ <a href='https://twitter.com/ApacheGroovy' class='icon'><span class='fa fa-twitter'></span> Groovy on Twitter</a>
+ </li><li>
+ <a href='http://groovy-lang.org/events.html' class='icon'><span class='fa fa-calendar'></span> Events and conferences</a>
+ </li><li>
+ <a href='https://github.com/apache/groovy' class='icon'><span class='fa fa-github'></span> Source code on GitHub</a>
+ </li><li>
+ <a href='http://groovy-lang.org/reporting-issues.html' class='icon'><span class='fa fa-bug'></span> Report issues in Jira</a>
+ </li><li>
+ <a href='https://google.com/+groovy' class='icon'><span class='fa fa-google-plus'></span> Google+ Groovy Page</a>
+ </li><li>
+ <a href='http://bit.ly/g-community' class='icon'><span class='fa fa-google-plus'></span> Google+ Groovy Community</a>
+ </li><li>
+ <a href='http://stackoverflow.com/questions/tagged/groovy' class='icon'><span class='fa fa-stack-overflow'></span> Stack Overflow questions</a>
+ </li><li>
+ <a href='http://groovycommunity.com/' class='icon'><span class='fa fa-slack'></span> Slack Community</a>
+ </li>
+ </ul>
+ </nav><div class='st-pusher'>
+ <div class='st-content'>
+ <div class='st-content-inner'>
+ <!--[if lt IE 7]>
+ <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+ <![endif]--><div><div class='navbar navbar-default navbar-static-top' role='navigation'>
+ <div class='container'>
+ <div class='navbar-header'>
+ <button type='button' class='navbar-toggle' data-toggle='collapse' data-target='.navbar-collapse'>
+ <span class='sr-only'></span><span class='icon-bar'></span><span class='icon-bar'></span><span class='icon-bar'></span>
+ </button><a class='navbar-brand' href='index.html'>
+ <i class='fa fa-star'></i> Apache Groovy
+ </a>
+ </div><div class='navbar-collapse collapse'>
+ <ul class='nav navbar-nav navbar-right'>
+ <li class=''><a href='http://groovy-lang.org/learn.html'>Learn</a></li><li class=''><a href='http://groovy-lang.org/documentation.html'>Documentation</a></li><li class=''><a href='http://groovy-lang.org/download.html'>Download</a></li><li class=''><a href='http://groovy-lang.org/support.html'>Support</a></li><li class=''><a href='/'>Contribute</a></li><li class=''><a href='http://groovy-lang.org/ecosystem.html'>Ecosystem</a></li><li>
+ <a data-effect='st-effect-9' class='st-trigger' href='#'>Socialize</a>
+ </li><li class=''>
+ <a href='search.html'>
+ <i class='fa fa-search'></i>
+ </a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div><div id='content' class='page-1'><div class='row'><div class='row-fluid'><div class='col-lg-8 col-lg-pull-0'><div id='contribute-btn'>
+ <button type='button' class='btn btn-default' onclick='window.location.href="https://github.com/groovy/groovy-website/tree/master/site/src/site/pages/buildstatus.groovy"'>
+ <i class='fa fa-pencil-square-o'></i> Improve this doc
+ </button>
+ </div><h1><i class='fa fa-circle-o-notch'></i> Continuous integration</h1><article><p>
+ Our <a href='http://ci.groovy-lang.org?guest=1'>continuous integration server</a>,
+ sponsored by <a href='http://www.jetbrains.com'>JetBrains</a>,
+ builds Groovy against multiple JDK versions, as well as some projects from the community tested
+ against development versions of Groovy:
+ </p><hr class='divider'/><h2>Groovy builds</h2><table class='table table-stripped'><thead><tr><th>Build name</th><th>Status</th></tr></thead><tbody><tr><td>Groovy master, JDK 7</td><td><a href='http://ci.groovy-lang.org/viewType.html?buildTypeId=Groovy_Jdk7Build&branch=master&tab=buildTypeStatusDiv&guest=1'><img src='http://ci.groovy-lang.org:8111/app/rest/builds/buildType:(id:Groovy_Jdk7Build),branch:master/statusIcon'/></a></td></tr><tr><td>Groovy master, JDK 8</td><td><a href='http://ci.groovy-lang.org/viewType.html?buildTypeId=Groovy_Jdk8Build_2&branch=master&tab=buildTypeStatusDiv&guest=1'><img src='http://ci.groovy-lang.org:8111/app/rest/builds/buildType:(id:Groovy_Jdk8Build_2),branch:master/statusIcon'/></a></td></tr><tr><td>Groovy master, JDK 9</td><td><a href='http://ci.groovy-lang.org/viewType.html?buildTypeId=Groovy_Jdk9Build&branch=master&tab=buildTypeStatusDiv&guest=1'><img src='http://ci.groovy-lang.org:8111/app/rest/builds/buildType:(id
:Groovy_Jdk9Build),branch:master/statusIcon'/></a></td></tr><tr><td>Groovy 2.4.X, JDK 6</td><td><a href='http://ci.groovy-lang.org/viewType.html?buildTypeId=Groovy_Jdk6Build&branch=GROOVY_2_4_X&tab=buildTypeStatusDiv&guest=1'><img src='http://ci.groovy-lang.org:8111/app/rest/builds/buildType:(id:Groovy_Jdk6Build),branch:GROOVY_2_4_X/statusIcon'/></a></td></tr><tr><td>Groovy 2.4.X, JDK 7</td><td><a href='http://ci.groovy-lang.org/viewType.html?buildTypeId=Groovy_Jdk7Build&branch=GROOVY_2_4_X&tab=buildTypeStatusDiv&guest=1'><img src='http://ci.groovy-lang.org:8111/app/rest/builds/buildType:(id:Groovy_Jdk7Build),branch:GROOVY_2_4_X/statusIcon'/></a></td></tr><tr><td>Groovy 2.5.X, JDK 7</td><td><a href='http://ci.groovy-lang.org/viewType.html?buildTypeId=Groovy_Jdk7Build_2&branch=GROOVY_2_5_X&tab=buildTypeStatusDiv&guest=1'><img src='http://ci.groovy-lang.org:8111/app/rest/builds/buildType:(id:Groovy_Jdk7Build_2),branch:GROOVY_2_5_X/statusIcon'/></a></td></tr></tbody></table><hr class='
divider'/><h2>Community joint builds</h2><table class='table table-stripped'><thead><tr><th>Build name</th><th>Status</th></tr></thead><tbody><tr><td>Grails 3.2.x, Groovy 2.4.X</td><td><a href='http://ci.groovy-lang.org/viewType.html?buildTypeId=JointBuilds_Grails_Grails32x_Groovy24x&branch=&tab=buildTypeStatusDiv&guest=1'><img src='http://ci.groovy-lang.org:8111/app/rest/builds/buildType:(id:JointBuilds_Grails_Grails32x_Groovy24x)/statusIcon'/></a></td></tr><tr><td>GORM 6.1.x, Groovy 2.4.X</td><td><a href='http://ci.groovy-lang.org/viewType.html?buildTypeId=JointBuilds_Grails_Gorm61xGroovy24x&branch=&tab=buildTypeStatusDiv&guest=1'><img src='http://ci.groovy-lang.org:8111/app/rest/builds/buildType:(id:JointBuilds_Grails_Gorm61xGroovy24x)/statusIcon'/></a></td></tr><tr><td>Nextflow master, Groovy 2.4.X</td><td><a href='http://ci.groovy-lang.org/viewType.html?buildTypeId=JointBuilds_Nextflow_Groovy24xJointBuild&branch=&tab=buildTypeStatusDiv&guest=1'><img src='http://ci.groovy-lang.o
rg:8111/app/rest/builds/buildType:(id:JointBuilds_Nextflow_Groovy24xJointBuild)/statusIcon'/></a></td></tr><tr><td>Ratpack master, Groovy 2.4.X</td><td><a href='http://ci.groovy-lang.org/viewType.html?buildTypeId=JointBuilds_Ratpac_RatpackGroovy24x&branch=&tab=buildTypeStatusDiv&guest=1'><img src='http://ci.groovy-lang.org:8111/app/rest/builds/buildType:(id:JointBuilds_Ratpac_RatpackGroovy24x)/statusIcon'/></a></td></tr></tbody></table><p>
+ The Groovy development team is keen to test Groovy development versions against important
+ ecosystem projects. If you want your project to be added to the list, please contact
+ us on the <a href='mailing-lists.html'>development mailing list</a>.
+ </p></article></div></div></div></div><footer id='footer'>
+ <div class='row'>
+ <div class='colset-3-footer'>
+ <div class='col-1'>
+ <h1>Groovy</h1><ul>
+ <li><a href='http://groovy-lang.org/learn.html'>Learn</a></li><li><a href='http://groovy-lang.org/documentation.html'>Documentation</a></li><li><a href='http://groovy-lang.org/download.html'>Download</a></li><li><a href='http://groovy-lang.org/support.html'>Support</a></li><li><a href='/'>Contribute</a></li><li><a href='http://groovy-lang.org/ecosystem.html'>Ecosystem</a></li>
+ </ul>
+ </div><div class='col-2'>
+ <h1>About</h1><ul>
+ <li><a href='https://github.com/apache/groovy'>Source code</a></li><li><a href='http://groovy-lang.org/security.html'>Security</a></li><li><a href='http://groovy-lang.org/learn.html#books'>Books</a></li><li><a href='http://groovy-lang.org/thanks.html'>Thanks</a></li><li><a href='http://www.apache.org/foundation/sponsorship.html'>Sponsorship</a></li><li><a href='http://groovy-lang.org/faq.html'>FAQ</a></li><li><a href='http://groovy-lang.org/search.html'>Search</a></li>
+ </ul>
+ </div><div class='col-3'>
+ <h1>Socialize</h1><ul>
+ <li><a href='http://groovy-lang.org/mailing-lists.html'>Discuss on the mailing-list</a></li><li><a href='http://groovy-lang.org/groovy-weekly.html'>Groovy newsletter</a></li><li><a href='https://twitter.com/ApacheGroovy'>Groovy on Twitter</a></li><li><a href='http://groovy-lang.org/events.html'>Events and conferences</a></li><li><a href='https://github.com/apache/groovy'>Source code on GitHub</a></li><li><a href='http://groovy-lang.org/reporting-issues.html'>Report issues in Jira</a></li><li><a href='https://google.com/+groovy'>Google+ Groovy Page</a></li><li><a href='http://bit.ly/g-community'>Google+ Groovy Community</a></li><li><a href='http://stackoverflow.com/questions/tagged/groovy'>Stack Overflow questions</a></li><li><a href='http://groovycommunity.com/'>Slack Community</a></li>
+ </ul>
+ </div><div class='col-right'>
+ <p>
+ The Groovy programming language is supported by the <a href='http://www.apache.org'>Apache Software Foundation</a> and the Groovy community
+ </p><img src='img/asf_logo.png' title='The Apache Software Foundation' alt='The Apache Software Foundation' class='img-responsive'/>
+ </div>
+ </div><div class='clearfix'>© 2003-2018 the Apache Groovy project — Groovy is Open Source, <a href='http://www.apache.org/licenses/LICENSE-2.0.html'>Apache 2 License</a></div>
+ </div>
+ </footer></div>
+ </div>
+ </div>
+ </div>
+ </div><script src='js/vendor/jquery-1.10.2.min.js' defer></script><script src='js/vendor/classie.js' defer></script><script src='js/vendor/bootstrap.js' defer></script><script src='js/vendor/sidebarEffects.js' defer></script><script src='js/vendor/modernizr-2.6.2.min.js' defer></script><script src='js/plugins.js' defer></script><script>
+ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+ m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+ })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+ ga('create', 'UA-257558-10', 'auto');
+ ga('send', 'pageview');
+ </script>
+</body></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/groovy-website/blob/e565e871/css/book.css
----------------------------------------------------------------------
diff --git a/css/book.css b/css/book.css
index 517dd54..44b1cb2 100644
--- a/css/book.css
+++ b/css/book.css
@@ -1,680 +1 @@
-.book-btn {
- display: inline-block;
- text-transform: uppercase;
- text-decoration: none;
- border: 2px solid black;
- margin-top: 100px;
- font-size: 0.7em;
- font-weight: 700;
- padding: 0.1em 0.4em;
- margin-left: 40px;
- text-align: center;
- -webkit-transition: color 0.3s, border-color 0.3s;
- -moz-transition: color 0.3s, border-color 0.3s;
- transition: color 0.3s, border-color 0.3s;
-}
-
-.book-btn:hover {
- border-color: #db4800;
- color: #db4800;
-}
-
-/* ///////////////////////////////////////////////////
-
-HARDCOVER
-Table of Contents
-
-1. container
-2. background & color
-3. opening cover, back cover and pages
-4. position, transform y transition
-5. events
-6. Bonus
- - Cover design
- - Ribbon
- - Figcaption
-7. mini-reset
-
-/////////////////////////////////////////////////////*/
-
-/*
- 1. container
-*/
-
-.book {
- position: relative;
- width: 160px;
- height: 220px;
- -webkit-perspective: 1000px;
- -moz-perspective: 1000px;
- perspective: 1000px;
- -webkit-transform-style: preserve-3d;
- -moz-transform-style: preserve-3d;
- transform-style: preserve-3d;
- margin: 20px;
- margin-bottom: 40px;
- margin-left: 60px;
-}
-
-.book ul {
- list-style: none;
-}
-
-/*
- 2. background & color
-*/
-
-/* HARDCOVER FRONT */
-.hardcover_front li:first-child {
- background-color: #eee;
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- backface-visibility: hidden;
-}
-
-/* reverse */
-.hardcover_front li:last-child {
- background: #fffbec;
-}
-
-/* HARDCOVER BACK */
-.hardcover_back li:first-child {
- background: #fffbec;
-}
-
-/* reverse */
-.hardcover_back li:last-child {
- background: #fffbec;
-}
-
-.book_spine li:first-child {
- background: #eee;
-}
-
-.book_spine li:last-child {
- background: #333;
-}
-
-/* thickness of cover */
-
-.hardcover_front li:first-child:after,
-.hardcover_front li:first-child:before,
-.hardcover_front li:last-child:after,
-.hardcover_front li:last-child:before,
-.hardcover_back li:first-child:after,
-.hardcover_back li:first-child:before,
-.hardcover_back li:last-child:after,
-.hardcover_back li:last-child:before,
-.book_spine li:first-child:after,
-.book_spine li:first-child:before,
-.book_spine li:last-child:after,
-.book_spine li:last-child:before {
- background: #999;
-}
-
-/* page */
-
-.page > li {
- background: -webkit-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
- background: -moz-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
- background: -ms-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
- background: linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
- box-shadow: inset 0px -1px 2px rgba(50, 50, 50, 0.1), inset -1px 0px 1px rgba(150, 150, 150, 0.2);
- border-radius: 0px 5px 5px 0px;
-}
-
-/*
- 3. opening cover, back cover and pages
-*/
-
-.hardcover_front {
- -webkit-transform: rotateY(-34deg) translateZ(8px);
- -moz-transform: rotateY(-34deg) translateZ(8px);
- transform: rotateY(-34deg) translateZ(8px);
- z-index: 100;
-}
-
-.hardcover_back {
- -webkit-transform: rotateY(-15deg) translateZ(-8px);
- -moz-transform: rotateY(-15deg) translateZ(-8px);
- transform: rotateY(-15deg) translateZ(-8px);
-}
-
-.page li:nth-child(1) {
- -webkit-transform: rotateY(-28deg);
- -moz-transform: rotateY(-28deg);
- transform: rotateY(-28deg);
-}
-
-.page li:nth-child(2) {
- -webkit-transform: rotateY(-30deg);
- -moz-transform: rotateY(-30deg);
- transform: rotateY(-30deg);
-}
-
-.page li:nth-child(3) {
- -webkit-transform: rotateY(-32deg);
- -moz-transform: rotateY(-32deg);
- transform: rotateY(-32deg);
-}
-
-.page li:nth-child(4) {
- -webkit-transform: rotateY(-34deg);
- -moz-transform: rotateY(-34deg);
- transform: rotateY(-34deg);
-}
-
-.page li:nth-child(5) {
- -webkit-transform: rotateY(-36deg);
- -moz-transform: rotateY(-36deg);
- transform: rotateY(-36deg);
-}
-
-/*
- 4. position, transform & transition
-*/
-
-.hardcover_front,
-.hardcover_back,
-.book_spine,
-.hardcover_front li,
-.hardcover_back li,
-.book_spine li {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- -webkit-transform-style: preserve-3d;
- -moz-transform-style: preserve-3d;
- transform-style: preserve-3d;
-}
-
-.hardcover_front,
-.hardcover_back {
- -webkit-transform-origin: 0% 100%;
- -moz-transform-origin: 0% 100%;
- transform-origin: 0% 100%;
-}
-
-.hardcover_front {
- -webkit-transition: all 0.8s ease, z-index 0.6s;
- -moz-transition: all 0.8s ease, z-index 0.6s;
- transition: all 0.8s ease, z-index 0.6s;
-}
-
-/* HARDCOVER front */
-.hardcover_front li:first-child {
- cursor: default;
- -webkit-user-select: none;
- -moz-user-select: none;
- user-select: none;
- -webkit-transform: translateZ(2px);
- -moz-transform: translateZ(2px);
- transform: translateZ(2px);
-}
-
-.hardcover_front li:last-child {
- -webkit-transform: rotateY(180deg) translateZ(2px);
- -moz-transform: rotateY(180deg) translateZ(2px);
- transform: rotateY(180deg) translateZ(2px);
-}
-
-/* HARDCOVER back */
-.hardcover_back li:first-child {
- -webkit-transform: translateZ(2px);
- -moz-transform: translateZ(2px);
- transform: translateZ(2px);
-}
-
-.hardcover_back li:last-child {
- -webkit-transform: translateZ(-2px);
- -moz-transform: translateZ(-2px);
- transform: translateZ(-2px);
-}
-
-/* thickness of cover */
-.hardcover_front li:first-child:after,
-.hardcover_front li:first-child:before,
-.hardcover_front li:last-child:after,
-.hardcover_front li:last-child:before,
-.hardcover_back li:first-child:after,
-.hardcover_back li:first-child:before,
-.hardcover_back li:last-child:after,
-.hardcover_back li:last-child:before,
-.book_spine li:first-child:after,
-.book_spine li:first-child:before,
-.book_spine li:last-child:after,
-.book_spine li:last-child:before {
- position: absolute;
- top: 0;
- left: 0;
-}
-
-/* HARDCOVER front */
-.hardcover_front li:first-child:after,
-.hardcover_front li:first-child:before {
- width: 4px;
- height: 100%;
-}
-
-.hardcover_front li:first-child:after {
- -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
- -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
- transform: rotateY(90deg) translateZ(-2px) translateX(2px);
-}
-
-.hardcover_front li:first-child:before {
- -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
- -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
- transform: rotateY(90deg) translateZ(158px) translateX(2px);
-}
-
-.hardcover_front li:last-child:after,
-.hardcover_front li:last-child:before {
- width: 4px;
- height: 160px;
-}
-
-.hardcover_front li:last-child:after {
- -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
- -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
- transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
-}
-
-.hardcover_front li:last-child:before {
- box-shadow: 0px 0px 30px 5px #333;
- -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
- -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
- transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
-}
-
-/* thickness of cover */
-
-.hardcover_back li:first-child:after,
-.hardcover_back li:first-child:before {
- width: 4px;
- height: 100%;
-}
-
-.hardcover_back li:first-child:after {
- -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
- -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
- transform: rotateY(90deg) translateZ(-2px) translateX(2px);
-}
-
-.hardcover_back li:first-child:before {
- -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
- -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
- transform: rotateY(90deg) translateZ(158px) translateX(2px);
-}
-
-.hardcover_back li:last-child:after,
-.hardcover_back li:last-child:before {
- width: 4px;
- height: 160px;
-}
-
-.hardcover_back li:last-child:after {
- -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
- -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
- transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
-}
-
-.hardcover_back li:last-child:before {
- box-shadow: 10px -1px 80px 20px #666;
- -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
- -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
- transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
-}
-
-/* BOOK SPINE */
-.book_spine {
- -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
- -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
- transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
- width: 16px;
- z-index: 0;
-}
-
-.book_spine li:first-child {
- -webkit-transform: translateZ(2px);
- -moz-transform: translateZ(2px);
- transform: translateZ(2px);
-}
-
-.book_spine li:last-child {
- -webkit-transform: translateZ(-2px);
- -moz-transform: translateZ(-2px);
- transform: translateZ(-2px);
-}
-
-/* thickness of book spine */
-.book_spine li:first-child:after,
-.book_spine li:first-child:before {
- width: 4px;
- height: 100%;
-}
-
-.book_spine li:first-child:after {
- -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
- -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
- transform: rotateY(90deg) translateZ(-2px) translateX(2px);
-}
-
-.book_spine li:first-child:before {
- -webkit-transform: rotateY(-90deg) translateZ(-12px);
- -moz-transform: rotateY(-90deg) translateZ(-12px);
- transform: rotateY(-90deg) translateZ(-12px);
-}
-
-.book_spine li:last-child:after,
-.book_spine li:last-child:before {
- width: 4px;
- height: 16px;
-}
-
-.book_spine li:last-child:after {
- -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
- -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
- transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
-}
-
-.book_spine li:last-child:before {
- box-shadow: 5px -1px 100px 40px rgba(0, 0, 0, 0.2);
- -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
- -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
- transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
-}
-
-.page,
-.page > li {
- position: absolute;
- top: 0;
- left: 0;
- -webkit-transform-style: preserve-3d;
- -moz-transform-style: preserve-3d;
- transform-style: preserve-3d;
-}
-
-.page {
- width: 100%;
- height: 98%;
- top: 1%;
- left: 3%;
- z-index: 10;
-}
-
-.page > li {
- width: 100%;
- height: 100%;
- -webkit-transform-origin: left center;
- -moz-transform-origin: left center;
- transform-origin: left center;
- -webkit-transition-property: transform;
- -moz-transition-property: transform;
- transition-property: transform;
- -webkit-transition-timing-function: ease;
- -moz-transition-timing-function: ease;
- transition-timing-function: ease;
-}
-
-.page > li:nth-child(1) {
- -webkit-transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- transition-duration: 0.6s;
-}
-
-.page > li:nth-child(2) {
- -webkit-transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- transition-duration: 0.6s;
-}
-
-.page > li:nth-child(3) {
- -webkit-transition-duration: 0.4s;
- -moz-transition-duration: 0.4s;
- transition-duration: 0.4s;
-}
-
-.page > li:nth-child(4) {
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- transition-duration: 0.5s;
-}
-
-.page > li:nth-child(5) {
- -webkit-transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- transition-duration: 0.6s;
-}
-
-/*
- 5. events
-*/
-
-@media screen and (min-width: 768px) {
- .book:hover > .hardcover_front {
- -webkit-transform: rotateY(-145deg) translateZ(0);
- -moz-transform: rotateY(-145deg) translateZ(0);
- transform: rotateY(-145deg) translateZ(0);
- z-index: 0;
- }
-
- .book:hover > .page li:nth-child(1) {
- -webkit-transform: rotateY(-30deg);
- -moz-transform: rotateY(-30deg);
- transform: rotateY(-30deg);
- -webkit-transition-duration: 1.5s;
- -moz-transition-duration: 1.5s;
- transition-duration: 1.5s;
- }
-
- .book:hover > .page li:nth-child(2) {
- -webkit-transform: rotateY(-35deg);
- -moz-transform: rotateY(-35deg);
- transform: rotateY(-35deg);
- -webkit-transition-duration: 1.8s;
- -moz-transition-duration: 1.8s;
- transition-duration: 1.8s;
- }
-
- .book:hover > .page li:nth-child(3) {
- -webkit-transform: rotateY(-118deg);
- -moz-transform: rotateY(-118deg);
- transform: rotateY(-118deg);
- -webkit-transition-duration: 1.6s;
- -moz-transition-duration: 1.6s;
- transition-duration: 1.6s;
- }
-
- .book:hover > .page li:nth-child(4) {
- -webkit-transform: rotateY(-130deg);
- -moz-transform: rotateY(-130deg);
- transform: rotateY(-130deg);
- -webkit-transition-duration: 1.4s;
- -moz-transition-duration: 1.4s;
- transition-duration: 1.4s;
- }
-
- .book:hover > .page li:nth-child(5) {
- -webkit-transform: rotateY(-140deg);
- -moz-transform: rotateY(-140deg);
- transform: rotateY(-140deg);
- -webkit-transition-duration: 1.2s;
- -moz-transition-duration: 1.2s;
- transition-duration: 1.2s;
- }
-}
-
-/*
- 6. Bonus
-*/
-
-/* cover CSS */
-
-.coverDesign {
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- overflow: hidden;
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- backface-visibility: hidden;
-}
-
-.coverDesign::after {
- background-image: -webkit-linear-gradient(-135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);
- background-image: -moz-linear-gradient(-135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);
- background-image: linear-gradient(-135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
-}
-
-.coverDesign h1 {
- color: #fff;
- font-size: 2.2em;
- letter-spacing: 0.05em;
- text-align: center;
- margin: 54% 0 0 0;
- text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
-}
-
-.coverDesign p {
- color: #f8f8f8;
- font-size: 1em;
- text-align: center;
- text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
-}
-
-.yellow {
- background-color: #f1c40f;
- background-image: -webkit-linear-gradient(top, #f1c40f 58%, #e7ba07 0%);
- background-image: -moz-linear-gradient(top, #f1c40f 58%, #e7ba07 0%);
- background-image: linear-gradient(top, #f1c40f 58%, #e7ba07 0%);
-}
-
-.blue {
- background-color: #3498db;
- background-image: -webkit-linear-gradient(top, #3498db 58%, #2a90d4 0%);
- background-image: -moz-linear-gradient(top, #3498db 58%, #2a90d4 0%);
- background-image: linear-gradient(top, #3498db 58%, #2a90d4 0%);
-}
-
-.grey {
- background-color: #f8e9d1;
- background-image: -webkit-linear-gradient(top, #f8e9d1 58%, #e7d5b7 0%);
- background-image: -moz-linear-gradient(top, #f8e9d1 58%, #e7d5b7 0%);
- background-image: linear-gradient(top, #f8e9d1 58%, #e7d5b7 0%);
-}
-
-/* Basic ribbon */
-
-.ribbon {
- background: #c0392b;
- color: #fff;
- display: block;
- font-size: 0.7em;
- position: absolute;
- top: 11px;
- right: 1px;
- width: 40px;
- height: 20px;
- line-height: 20px;
- letter-spacing: 0.15em;
- text-align: center;
- -webkit-transform: rotateZ(45deg) translateZ(1px);
- -moz-transform: rotateZ(45deg) translateZ(1px);
- transform: rotateZ(45deg) translateZ(1px);
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- backface-visibility: hidden;
- z-index: 10;
-}
-
-.ribbon::before,
-.ribbon::after {
- position: absolute;
- top: -20px;
- width: 0;
- height: 0;
- border-bottom: 20px solid #c0392b;
- border-top: 20px solid transparent;
-}
-
-.ribbon::before {
- left: -20px;
- border-left: 20px solid transparent;
-}
-
-.ribbon::after {
- right: -20px;
- border-right: 20px solid transparent;
-}
-
-/* figcaption */
-
-.book figcaption {
- padding-left: 40px;
- padding-top: 40px;
- text-align: left;
- position: absolute;
- top: 0%;
- left: 160px;
- width: 500px;
-}
-
-.book figcaption h1 {
- margin: 0;
-}
-
-.book figcaption span {
- color: #245f78;
- padding: 0.6em 0 0.2em 0;
- display: block;
-}
-
-.book figcaption p {
- color: black;
- line-height: 1.3;
-}
-
-/* Media Queries */
-@media screen and (max-width: 767px) {
- .align > li {
- width: 100%;
- min-height: 440px;
- height: auto;
- padding: 0;
- margin: 0 0 30px 0;
- }
-
- .book {
- margin-left: 60px;
- display: block;
- margin-bottom: 280px;
- }
-
- .book figcaption {
- min-width: 320px;
- top: 250px;
- padding-left: 0;
- left: -60px;
- display: block;
- }
-}
-
-@media screen and (max-width: 550px) {
- .book {
- height: 250px;
- }
-
- .book figcaption {
- width: 320px;
- }
-}
+.book-btn{display:inline-block;text-transform:uppercase;text-decoration:none;border:2px solid black;margin-top:100px;font-size:.7em;font-weight:700;padding:.1em .4em;margin-left:40px;text-align:center;-webkit-transition:color .3s,border-color .3s;-moz-transition:color .3s,border-color .3s;transition:color .3s,border-color .3s}.book-btn:hover{border-color:#db4800;color:#db4800}.book{position:relative;width:160px;height:220px;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;margin:20px;margin-bottom:40px;margin-left:60px}.book ul{list-style:none}.hardcover_front li:first-child{background-color:#eee;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.hardcover_front li:last-child{background:#fffbec}.hardcover_back li:first-child{background:#fffbec}.hardcover_back li:last-child{background:#fffbec}.book_spine li:first-child{backg
round:#eee}.book_spine li:last-child{background:#333}.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before{background:#999}.page>li{background:-webkit-linear-gradient(left,#e1ddd8 0,#fffbf6 100%);background:-moz-linear-gradient(left,#e1ddd8 0,#fffbf6 100%);background:-ms-linear-gradient(left,#e1ddd8 0,#fffbf6 100%);background:linear-gradient(left,#e1ddd8 0,#fffbf6 100%);box-shadow:inset 0 -1px 2px rgba(50,50,50,0.1),inset -1px 0 1px rgba(150,150,150,0.2);border-radius:0 5px 5px 0}.hardcover_front{-webkit-transform:rotateY(-34deg) translateZ(8px);-moz-transform:rotateY(-34deg) translateZ(8px);transform:rotateY(-3
4deg) translateZ(8px);z-index:100}.hardcover_back{-webkit-transform:rotateY(-15deg) translateZ(-8px);-moz-transform:rotateY(-15deg) translateZ(-8px);transform:rotateY(-15deg) translateZ(-8px)}.page li:nth-child(1){-webkit-transform:rotateY(-28deg);-moz-transform:rotateY(-28deg);transform:rotateY(-28deg)}.page li:nth-child(2){-webkit-transform:rotateY(-30deg);-moz-transform:rotateY(-30deg);transform:rotateY(-30deg)}.page li:nth-child(3){-webkit-transform:rotateY(-32deg);-moz-transform:rotateY(-32deg);transform:rotateY(-32deg)}.page li:nth-child(4){-webkit-transform:rotateY(-34deg);-moz-transform:rotateY(-34deg);transform:rotateY(-34deg)}.page li:nth-child(5){-webkit-transform:rotateY(-36deg);-moz-transform:rotateY(-36deg);transform:rotateY(-36deg)}.hardcover_front,.hardcover_back,.book_spine,.hardcover_front li,.hardcover_back li,.book_spine li{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:pr
eserve-3d}.hardcover_front,.hardcover_back{-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;transform-origin:0 100%}.hardcover_front{-webkit-transition:all .8s ease,z-index .6s;-moz-transition:all .8s ease,z-index .6s;transition:all .8s ease,z-index .6s}.hardcover_front li:first-child{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-transform:translateZ(2px);-moz-transform:translateZ(2px);transform:translateZ(2px)}.hardcover_front li:last-child{-webkit-transform:rotateY(180deg) translateZ(2px);-moz-transform:rotateY(180deg) translateZ(2px);transform:rotateY(180deg) translateZ(2px)}.hardcover_back li:first-child{-webkit-transform:translateZ(2px);-moz-transform:translateZ(2px);transform:translateZ(2px)}.hardcover_back li:last-child{-webkit-transform:translateZ(-2px);-moz-transform:translateZ(-2px);transform:translateZ(-2px)}.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after
,.hardcover_front li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before{position:absolute;top:0;left:0}.hardcover_front li:first-child:after,.hardcover_front li:first-child:before{width:4px;height:100%}.hardcover_front li:first-child:after{-webkit-transform:rotateY(90deg) translateZ(-2px) translateX(2px);-moz-transform:rotateY(90deg) translateZ(-2px) translateX(2px);transform:rotateY(90deg) translateZ(-2px) translateX(2px)}.hardcover_front li:first-child:before{-webkit-transform:rotateY(90deg) translateZ(158px) translateX(2px);-moz-transform:rotateY(90deg) translateZ(158px) translateX(2px);transform:rotateY(90deg) translateZ(158px) translateX(2px)}.hardcover_front li:last-child:after,.hardcover_front li:last-child:before{width:4px;height:16
0px}.hardcover_front li:last-child:after{-webkit-transform:rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);-moz-transform:rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);transform:rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px)}.hardcover_front li:last-child:before{box-shadow:0 0 30px 5px #333;-webkit-transform:rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);-moz-transform:rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);transform:rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px)}.hardcover_back li:first-child:after,.hardcover_back li:first-child:before{width:4px;height:100%}.hardcover_back li:first-child:after{-webkit-transform:rotateY(90deg) translateZ(-2px) translateX(2px);-moz-transform:rotateY(90deg) translateZ(-2px) translateX(2px);transform:rotateY(90deg) translateZ(-2px)
translateX(2px)}.hardcover_back li:first-child:before{-webkit-transform:rotateY(90deg) translateZ(158px) translateX(2px);-moz-transform:rotateY(90deg) translateZ(158px) translateX(2px);transform:rotateY(90deg) translateZ(158px) translateX(2px)}.hardcover_back li:last-child:after,.hardcover_back li:last-child:before{width:4px;height:160px}.hardcover_back li:last-child:after{-webkit-transform:rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);-moz-transform:rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);transform:rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px)}.hardcover_back li:last-child:before{box-shadow:10px -1px 80px 20px #666;-webkit-transform:rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);-moz-transform:rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);transform:rotateX(90deg) rotateZ(90deg) translateZ(-140px) tran
slateX(2px) translateY(-78px)}.book_spine{-webkit-transform:rotateY(60deg) translateX(-5px) translateZ(-12px);-moz-transform:rotateY(60deg) translateX(-5px) translateZ(-12px);transform:rotateY(60deg) translateX(-5px) translateZ(-12px);width:16px;z-index:0}.book_spine li:first-child{-webkit-transform:translateZ(2px);-moz-transform:translateZ(2px);transform:translateZ(2px)}.book_spine li:last-child{-webkit-transform:translateZ(-2px);-moz-transform:translateZ(-2px);transform:translateZ(-2px)}.book_spine li:first-child:after,.book_spine li:first-child:before{width:4px;height:100%}.book_spine li:first-child:after{-webkit-transform:rotateY(90deg) translateZ(-2px) translateX(2px);-moz-transform:rotateY(90deg) translateZ(-2px) translateX(2px);transform:rotateY(90deg) translateZ(-2px) translateX(2px)}.book_spine li:first-child:before{-webkit-transform:rotateY(-90deg) translateZ(-12px);-moz-transform:rotateY(-90deg) translateZ(-12px);transform:rotateY(-90deg) translateZ(-12px)}.book_spine li:
last-child:after,.book_spine li:last-child:before{width:4px;height:16px}.book_spine li:last-child:after{-webkit-transform:rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);-moz-transform:rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);transform:rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px)}.book_spine li:last-child:before{box-shadow:5px -1px 100px 40px rgba(0,0,0,0.2);-webkit-transform:rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);-moz-transform:rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);transform:rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px)}.page,.page>li{position:absolute;top:0;left:0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.page{width:100%;height:98%;top:1%;left:3%;z-index:10}.page>li{width:100%;height:100%;-webkit-transfo
rm-origin:left center;-moz-transform-origin:left center;transform-origin:left center;-webkit-transition-property:transform;-moz-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;transition-timing-function:ease}.page>li:nth-child(1){-webkit-transition-duration:.6s;-moz-transition-duration:.6s;transition-duration:.6s}.page>li:nth-child(2){-webkit-transition-duration:.6s;-moz-transition-duration:.6s;transition-duration:.6s}.page>li:nth-child(3){-webkit-transition-duration:.4s;-moz-transition-duration:.4s;transition-duration:.4s}.page>li:nth-child(4){-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s}.page>li:nth-child(5){-webkit-transition-duration:.6s;-moz-transition-duration:.6s;transition-duration:.6s}@media screen and (min-width:768px){.book:hover>.hardcover_front{-webkit-transform:rotateY(-145deg) translateZ(0);-moz-transform:rotateY(-145deg) translateZ(0);trans
form:rotateY(-145deg) translateZ(0);z-index:0}.book:hover>.page li:nth-child(1){-webkit-transform:rotateY(-30deg);-moz-transform:rotateY(-30deg);transform:rotateY(-30deg);-webkit-transition-duration:1.5s;-moz-transition-duration:1.5s;transition-duration:1.5s}.book:hover>.page li:nth-child(2){-webkit-transform:rotateY(-35deg);-moz-transform:rotateY(-35deg);transform:rotateY(-35deg);-webkit-transition-duration:1.8s;-moz-transition-duration:1.8s;transition-duration:1.8s}.book:hover>.page li:nth-child(3){-webkit-transform:rotateY(-118deg);-moz-transform:rotateY(-118deg);transform:rotateY(-118deg);-webkit-transition-duration:1.6s;-moz-transition-duration:1.6s;transition-duration:1.6s}.book:hover>.page li:nth-child(4){-webkit-transform:rotateY(-130deg);-moz-transform:rotateY(-130deg);transform:rotateY(-130deg);-webkit-transition-duration:1.4s;-moz-transition-duration:1.4s;transition-duration:1.4s}.book:hover>.page li:nth-child(5){-webkit-transform:rotateY(-140deg);-moz-transform:rotateY(-
140deg);transform:rotateY(-140deg);-webkit-transition-duration:1.2s;-moz-transition-duration:1.2s;transition-duration:1.2s}}.coverDesign{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.coverDesign::after{background-image:-webkit-linear-gradient(-135deg,rgba(255,255,255,0.45) 0,transparent 100%);background-image:-moz-linear-gradient(-135deg,rgba(255,255,255,0.45) 0,transparent 100%);background-image:linear-gradient(-135deg,rgba(255,255,255,0.45) 0,transparent 100%);position:absolute;top:0;left:0;bottom:0;right:0}.coverDesign h1{color:#fff;font-size:2.2em;letter-spacing:.05em;text-align:center;margin:54% 0 0 0;text-shadow:-1px -1px 0 rgba(0,0,0,0.1)}.coverDesign p{color:#f8f8f8;font-size:1em;text-align:center;text-shadow:-1px -1px 0 rgba(0,0,0,0.1)}.yellow{background-color:#f1c40f;background-image:-webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0);background-image:-moz-linear
-gradient(top,#f1c40f 58%,#e7ba07 0);background-image:linear-gradient(top,#f1c40f 58%,#e7ba07 0)}.blue{background-color:#3498db;background-image:-webkit-linear-gradient(top,#3498db 58%,#2a90d4 0);background-image:-moz-linear-gradient(top,#3498db 58%,#2a90d4 0);background-image:linear-gradient(top,#3498db 58%,#2a90d4 0)}.grey{background-color:#f8e9d1;background-image:-webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0);background-image:-moz-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0);background-image:linear-gradient(top,#f8e9d1 58%,#e7d5b7 0)}.ribbon{background:#c0392b;color:#fff;display:block;font-size:.7em;position:absolute;top:11px;right:1px;width:40px;height:20px;line-height:20px;letter-spacing:.15em;text-align:center;-webkit-transform:rotateZ(45deg) translateZ(1px);-moz-transform:rotateZ(45deg) translateZ(1px);transform:rotateZ(45deg) translateZ(1px);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;z-index:10}.ribbon::before,.ribbon::aft
er{position:absolute;top:-20px;width:0;height:0;border-bottom:20px solid #c0392b;border-top:20px solid transparent}.ribbon::before{left:-20px;border-left:20px solid transparent}.ribbon::after{right:-20px;border-right:20px solid transparent}.book figcaption{padding-left:40px;padding-top:40px;text-align:left;position:absolute;top:0;left:160px;width:500px}.book figcaption h1{margin:0}.book figcaption span{color:#245f78;padding:.6em 0 .2em 0;display:block}.book figcaption p{color:black;line-height:1.3}@media screen and (max-width:767px){.align>li{width:100%;min-height:440px;height:auto;padding:0;margin:0 0 30px 0}.book{margin-left:60px;display:block;margin-bottom:280px}.book figcaption{min-width:320px;top:250px;padding-left:0;left:-60px;display:block}}@media screen and (max-width:550px){.book{height:250px}.book figcaption{width:320px}}
\ No newline at end of file