null+****@clear*****
null+****@clear*****
2012年 6月 21日 (木) 18:43:32 JST
SHIMODA Hiroshi 2012-06-21 18:43:32 +0900 (Thu, 21 Jun 2012) New Revision: d70330b6a2e7c0ed4dfc45b10278d46575d939f7 https://github.com/groonga/gcs.groonga.org/commit/d70330b6a2e7c0ed4dfc45b10278d46575d939f7 Log: Create cover section for the home page Added files: stylesheets/screen/base.css stylesheets/screen/home.css Removed files: stylesheets/screen.css Modified files: _layouts/default.html index.md Renamed files: stylesheets/screen/header-bg.jpg (from stylesheets/header-bg.jpg) Modified: _layouts/default.html (+5 -2) =================================================================== --- _layouts/default.html 2012-06-21 18:16:12 +0900 (bb8d22d) +++ _layouts/default.html 2012-06-21 18:43:32 +0900 (03043d0) @@ -2,10 +2,13 @@ <html> <head> <title>{% if page.title %}{{ page.title }} | {% endif %}{{ site.title }}</title> - <link href="/stylesheets/screen.css" media="screen" rel="stylesheet" type="text/css" /> + <link href="/stylesheets/screen/base.css" media="screen" rel="stylesheet" type="text/css" /> + {% if page.style %} + <link href="/stylesheets/{{ page.style }}" media="screen" rel="stylesheet" type="text/css" /> + {% endif %} </head> <body{% if page.id %} id="page-{{ page.id }}"{% endif %}> - <h1><a href="/">Groonga CloudSearch</a></h1> + <h1 id="global-heading"><a href="/">Groonga CloudSearch</a></h1> {{ content }} </body> </html> Modified: index.md (+9 -1) =================================================================== --- index.md 2012-06-21 18:16:12 +0900 (b2588da) +++ index.md 2012-06-21 18:43:32 +0900 (495207b) @@ -1,8 +1,16 @@ --- layout: default -id: home +style: screen/home.css --- +<section id="cover"> + <h1>Groonga CloudSearch + <span class="subtitle">Open source implementation of Amazon CloudSearch</span></h1> + <p>The Groonga CloudSearch (GCS) is an alternative implementation of + the Amazon CloudSearch (ACS), developed as an OSS project. + You can try the ACS freely without accessing the actual service.</p> +</section> + ## Functional comparison <table border="1"> Deleted: stylesheets/screen.css (+0 -40) 100644 =================================================================== --- stylesheets/screen.css 2012-06-21 18:16:12 +0900 (f137c19) +++ /dev/null @@ -1,40 +0,0 @@ -body { - background: #D5E1EB; - border-top: #286DA0 10px solid; - font-family: "Lucida Grande", - "Lucida Sans Unicode", - "Lucida Sans", - Verdana, - Tahoma, - sans-serif; - margin: 0; - padding: 1em 10%; -} - -h1 { - background: url("header-bg.jpg") no-repeat top right; - margin: 0 -12.5%; - padding: 1em 0; - text-indent: 12.5%; -} - -h1, h1 * { - color: white; - text-decoration: none; -} - -body#page-home h1 { - height: 200px; - padding-bottom: 50px; - padding-top: 50px; -} - -.functional-ok { - color: #00BF2B; - text-shadow: #5AFF79 0 0 0.2em; -} - -.functional-ng { - color: #FF4000; - text-shadow: #FF9750 0 0 0.2em; -} Added: stylesheets/screen/base.css (+22 -0) 100644 =================================================================== --- /dev/null +++ stylesheets/screen/base.css 2012-06-21 18:43:32 +0900 (263ea34) @@ -0,0 +1,22 @@ +body { + background: #D5E1EB; + border-top: #286DA0 10px solid; + font-family: "Lucida Grande", + "Lucida Sans Unicode", + "Lucida Sans", + Verdana, + Tahoma, + sans-serif; + margin: 0; + padding: 1em 10%; +} + +.functional-ok { + color: #00BF2B; + text-shadow: #5AFF79 0 0 0.2em; +} + +.functional-ng { + color: #FF4000; + text-shadow: #FF9750 0 0 0.2em; +} Renamed: stylesheets/screen/header-bg.jpg (+0 -0) 100% =================================================================== Added: stylesheets/screen/home.css (+33 -0) 100644 =================================================================== --- /dev/null +++ stylesheets/screen/home.css 2012-06-21 18:43:32 +0900 (6a54c79) @@ -0,0 +1,33 @@ +h1#global-heading { + display: none; +} + +#cover { + background: #286DA0 url("header-bg.jpg") no-repeat right; + min-height: 200px; + margin: 0 -12.5%; + padding-bottom: 30px; + padding-top: 30px; +} + +#cover > * { + margin-left: 10%; + margin-right: 10%; +} + +#cover, +#cover * { + color: white; + text-decoration: none; + text-shadow: #0A344C 0 0 0.5em; +} + +#cover h1 { + font-size: 200%; + font-style: italic; +} + +#cover h1 .subtitle { + display: block; + font-size: 55%; +} -------------- next part -------------- HTML$B$NE:IU%U%!%$%k$rJ]4I$7$^$7$?(B...Download