Author: buildbot
Date: Tue Jul 10 20:56:19 2012
New Revision: 825345
Log:
Staging update by buildbot for shindig
Added:
websites/staging/shindig/trunk/content/ (with props)
websites/staging/shindig/trunk/content/about_shindig_getting_started.html
websites/staging/shindig/trunk/content/about_shindig_overview.html
websites/staging/shindig/trunk/content/bootstrap/
websites/staging/shindig/trunk/content/bootstrap/css/
websites/staging/shindig/trunk/content/bootstrap/css/bootstrap-responsive.css
websites/staging/shindig/trunk/content/bootstrap/css/bootstrap-responsive.min.css
websites/staging/shindig/trunk/content/bootstrap/css/bootstrap.css
websites/staging/shindig/trunk/content/bootstrap/css/bootstrap.min.css
websites/staging/shindig/trunk/content/bootstrap/img/
websites/staging/shindig/trunk/content/bootstrap/img/glyphicons-halflings-white.png
(with props)
websites/staging/shindig/trunk/content/bootstrap/img/glyphicons-halflings.png
(with props)
websites/staging/shindig/trunk/content/bootstrap/js/
websites/staging/shindig/trunk/content/bootstrap/js/bootstrap.js
websites/staging/shindig/trunk/content/bootstrap/js/bootstrap.min.js
websites/staging/shindig/trunk/content/code_conventions.html
websites/staging/shindig/trunk/content/community_overview.html
websites/staging/shindig/trunk/content/download.html
websites/staging/shindig/trunk/content/faq.html
websites/staging/shindig/trunk/content/getting-help.html
websites/staging/shindig/trunk/content/images/
websites/staging/shindig/trunk/content/images/common_container.png (with
props)
websites/staging/shindig/trunk/content/images/common_container_manage_gadgets.png
(with props)
websites/staging/shindig/trunk/content/images/gadget-server.png (with
props)
websites/staging/shindig/trunk/content/images/java-logo.png (with props)
websites/staging/shindig/trunk/content/images/opensocialsite-logo.png
(with props)
websites/staging/shindig/trunk/content/images/php-logo.gif (with props)
websites/staging/shindig/trunk/content/images/shindig-client.jpg (with
props)
websites/staging/shindig/trunk/content/images/shindig-server-java.jpg
(with props)
websites/staging/shindig/trunk/content/images/shindig-server-php.jpg
(with props)
websites/staging/shindig/trunk/content/index.html
websites/staging/shindig/trunk/content/issue-tracking.html
websites/staging/shindig/trunk/content/jira_conventions.html
websites/staging/shindig/trunk/content/jquery/
websites/staging/shindig/trunk/content/jquery/js/
websites/staging/shindig/trunk/content/jquery/js/jquery-1.7.1.min.js
websites/staging/shindig/trunk/content/license.html
websites/staging/shindig/trunk/content/mail-lists.html
websites/staging/shindig/trunk/content/powered-by.html
websites/staging/shindig/trunk/content/releasing.html
websites/staging/shindig/trunk/content/resources.html
websites/staging/shindig/trunk/content/sitemap.html
websites/staging/shindig/trunk/content/source-repository.html
websites/staging/shindig/trunk/content/svn_conventions.html
Propchange: websites/staging/shindig/trunk/content/
------------------------------------------------------------------------------
cms:source-revision = 1359894
Added: websites/staging/shindig/trunk/content/about_shindig_getting_started.html
==============================================================================
--- websites/staging/shindig/trunk/content/about_shindig_getting_started.html
(added)
+++ websites/staging/shindig/trunk/content/about_shindig_getting_started.html
Tue Jul 10 20:56:19 2012
@@ -0,0 +1,206 @@
+<!--
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+-->
+<!DOCTYPE html>
+<!--
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+-->
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <title>Shindig - Getting Started</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="">
+ <meta name="author" content="">
+
+ <!-- Le styles -->
+ <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
+ <style type="text/css">
+ body {
+ padding-top: 60px;
+ padding-bottom: 40px;
+ }
+ </style>
+ <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
+
+ <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
+ <!--[if lt IE 9]>
+ <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="images/favicon.ico">
+ <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
+ <link rel="apple-touch-icon" sizes="72x72"
href="images/apple-touch-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="114x114"
href="images/apple-touch-icon-114x114.png">
+ </head>
+
+ <body>
+
+ <div class="navbar navbar-fixed-top">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse"
data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+ <a class="brand" href="index.html">Apache Shindig</a>
+ <!--
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+-->
+<div class="nav-collapse">
+ <ul class="nav">
+ <li class="dropdown">
+ <a class="dropdown-toggle" data-toggle="dropdown"
href="#menu1">
+ Get Shindig
+ <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a href="download.html">Download</a></li>
+ <li><a href="license.html">License</a></li>
+ </ul>
+ </li>
+ <li class="dropdown">
+ <a class="dropdown-toggle" data-toggle="dropdown"
href="#menu1">
+ About Shindig
+ <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a href="about_shindig_overview.html">Overview</a></li>
+ <li><a href="about_shindig_getting_started.html">Getting
Started</a></li>
+ <li><a href="faq.html">FAQ</a></li>
+ <li><a href="resources.html">Resources</a></li>
+ <li><a href="powered-by.html">Powered By</a></li>
+ </ul>
+ </li>
+ <li class="dropdown">
+ <a class="dropdown-toggle" data-toggle="dropdown"
href="#menu1">
+ Documentation
+ <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a href="#">Centre</a></li>
+ <li><a href="#">Java</a></li>
+ <li><a href="#">PHP</a></li>
+ <li><a href="#">Features</a></li>
+ </ul>
+ </li>
+ <li class="dropdown">
+ <a class="dropdown-toggle" data-toggle="dropdown"
href="#menu1">
+ Community
+ <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a href="community_overview.html">Overview</a></li>
+ <li><a href="getting-help.html">Getting Help</a></li>
+ <li><a href="issue-tracking.html">Issue Tracking</a></li>
+ <li><a href="source-repository.html">Source
Repository</a></li>
+ <li><a
href="https://cwiki.apache.org/confluence/display/SHINDIG/Index";>Wiki</a></li>
+ <li><a href="#">The Shindig Team</a></li>
+ </ul>
+ </li>
+ <li class="dropdown">
+ <a class="dropdown-toggle" data-toggle="dropdown"
href="#menu1">
+ Misc
+ <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a href="http://www.apache.org/";>Apache</a></li>
+ <li><a
href="http://www.apache.org/foundation/sponsorship.html";>Sponsorship</a></li>
+ <li><a
href="http://www.apache.org/foundation/thanks.html";>Thanks</a></li>
+ </ul>
+ </li>
+ <li class="dropdown">
+ <a class="dropdown-toggle" data-toggle="dropdown"
href="#menu1">
+ Project Doc
+ <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a href="#">Project Information</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div><!--/.nav-collapse -->
+ </div>
+ </div>
+ </div>
+
+ <div class="container">
+ <h1 id="getting-started">Getting Started</h1>
+<p>So, you correctly <a href="download.html">downloaded</a> and <a
href="download.html">installed</a> Apache Shindig, what's next?</p>
+<h2 id="discovering-apache-shindig-samples">Discovering Apache Shindig
Samples</h2>
+<p>The sample container should be your first starting point:</p>
+<p><a
href="http://localhost:8080/samplecontainer/examples/commoncontainer/index.html";>http://localhost:8080/samplecontainer/examples/commoncontainer/index.html</a></p>
+<p>The page displayed in the figure bellow is the Apache Shindig sample
container. Its goal is to help you to deploy and test your
+applications. It is build ontop of the common container client side code.</p>
+<p><img alt="Common Container" src="images/common_container.png" /></p>
+<p>By default there are no gadgets displayed in the container. You can add a
gadget to the container by entering a URL to a
+gadget definition and pressing "Preload and Add" or by selecting from a list
of predefined gadgets and pressing "Add Gadgets" in
+the manage gadgets section of the container.</p>
+<p><img alt="Manage Gadgets" src="images/common_container_manage_gadgets.png"
/></p>
+<p>There are various sets of predefinied gadgets available to you in the
sample common container page. See each individual gadget
+for details on what it does.</p>
+<p><span class="label label-important">Consider listing the other containers,
like the embedded experiences and container services container. Should we
continue to list the deprecated containers?</span></p>
+<h1 id="playing-with-apache-shindig">Playing With Apache Shindig</h1>
+ <hr>
+
+ <footer>
+ <p>Copyright © 2007-2012 <a href="http://www.apache.org";>The
Apache Software Foundation</a>. All Rights Reserved.</p>
+ </footer>
+
+ </div> <!-- /container -->
+
+ <!-- Le javascript
+ ================================================== -->
+ <!-- Placed at the end of the document so the pages load faster -->
+ <script src="jquery/js/jquery-1.7.1.min.js"></script>
+ <script src="bootstrap/js/bootstrap.min.js"></script>
+
+ </body>
+</html>
Added: websites/staging/shindig/trunk/content/about_shindig_overview.html
==============================================================================
--- websites/staging/shindig/trunk/content/about_shindig_overview.html (added)
+++ websites/staging/shindig/trunk/content/about_shindig_overview.html Tue Jul
10 20:56:19 2012
@@ -0,0 +1,293 @@
+<!--
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+-->
+<!DOCTYPE html>
+<!--
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+-->
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <title>Shindig - Overview Of Apache Shindig</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="">
+ <meta name="author" content="">
+
+ <!-- Le styles -->
+ <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
+ <style type="text/css">
+ body {
+ padding-top: 60px;
+ padding-bottom: 40px;
+ }
+ </style>
+ <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
+
+ <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
+ <!--[if lt IE 9]>
+ <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="images/favicon.ico">
+ <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
+ <link rel="apple-touch-icon" sizes="72x72"
href="images/apple-touch-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="114x114"
href="images/apple-touch-icon-114x114.png">
+ </head>
+
+ <body>
+
+ <div class="navbar navbar-fixed-top">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse"
data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+ <a class="brand" href="index.html">Apache Shindig</a>
+ <!--
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+-->
+<div class="nav-collapse">
+ <ul class="nav">
+ <li class="dropdown">
+ <a class="dropdown-toggle" data-toggle="dropdown"
href="#menu1">
+ Get Shindig
+ <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a href="download.html">Download</a></li>
+ <li><a href="license.html">License</a></li>
+ </ul>
+ </li>
+ <li class="dropdown">
+ <a class="dropdown-toggle" data-toggle="dropdown"
href="#menu1">
+ About Shindig
+ <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a href="about_shindig_overview.html">Overview</a></li>
+ <li><a href="about_shindig_getting_started.html">Getting
Started</a></li>
+ <li><a href="faq.html">FAQ</a></li>
+ <li><a href="resources.html">Resources</a></li>
+ <li><a href="powered-by.html">Powered By</a></li>
+ </ul>
+ </li>
+ <li class="dropdown">
+ <a class="dropdown-toggle" data-toggle="dropdown"
href="#menu1">
+ Documentation
+ <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a href="#">Centre</a></li>
+ <li><a href="#">Java</a></li>
+ <li><a href="#">PHP</a></li>
+ <li><a href="#">Features</a></li>
+ </ul>
+ </li>
+ <li class="dropdown">
+ <a class="dropdown-toggle" data-toggle="dropdown"
href="#menu1">
+ Community
+ <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a href="community_overview.html">Overview</a></li>
+ <li><a href="getting-help.html">Getting Help</a></li>
+ <li><a href="issue-tracking.html">Issue Tracking</a></li>
+ <li><a href="source-repository.html">Source
Repository</a></li>
+ <li><a
href="https://cwiki.apache.org/confluence/display/SHINDIG/Index";>Wiki</a></li>
+ <li><a href="#">The Shindig Team</a></li>
+ </ul>
+ </li>
+ <li class="dropdown">
+ <a class="dropdown-toggle" data-toggle="dropdown"
href="#menu1">
+ Misc
+ <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a href="http://www.apache.org/";>Apache</a></li>
+ <li><a
href="http://www.apache.org/foundation/sponsorship.html";>Sponsorship</a></li>
+ <li><a
href="http://www.apache.org/foundation/thanks.html";>Thanks</a></li>
+ </ul>
+ </li>
+ <li class="dropdown">
+ <a class="dropdown-toggle" data-toggle="dropdown"
href="#menu1">
+ Project Doc
+ <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a href="#">Project Information</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div><!--/.nav-collapse -->
+ </div>
+ </div>
+ </div>
+
+ <div class="container">
+ <h1 id="introduction">Introduction</h1>
+<p>Apache Shindig, a word meaning party, was originally started by Google in
2007 as a reference container for hosting OpenSocial
+compatible widgets in any website. Originally a port of Google's iGoogle
gadget container, with Brian McCallister's PHP code,
+Apache Shindig threw off it's egg shell, and showed that Google was serious
about making OpenSocial accessible to a larger
+number of sites. Since December 2007, Apache Shindig is now an Apache
project.</p>
+<h1 id="apache-shindigs-objectives">Apache Shindig's Objectives</h1>
+<div class="row-fluid">
+ <div class="span7">
+ Apache Shindig's primary goal is to provide infrastructure for those
wishing to host OpenSocial apps on their websites.
+ Another goal of Apache Shindig is to be language neutral and cover
multiple languages. Currently, Java and PHP versions
+ are availables and supported.
+ </div>
+ <div class="span2">
+ <div class="thumbnail">
+ <img src="images/java-logo.png"/>
+ </div>
+ </div>
+ <div class="span2">
+ <div class="thumbnail">
+ <img src="images/php-logo.gif"/>
+ </div>
+ </div>
+</div>
+
+<h1 id="apache-shindig-components">Apache Shindig Components</h1>
+<h2 id="server-side">Server Side</h2>
+<p>The Java and PHP version of Apache Shindig have 3 major server side
components:</p>
+<ol>
+<li>Persistent Data Loading Mechanism.</li>
+<li>Gadget Rendering Infrastructure.</li>
+<li>OpenSocial server side implementation.</li>
+</ol>
+<div class="row-fluid">
+ <div class="span6">
+ <div class="thumbnail">
+ <div class="caption">
+ <h5>Components of Apache Shindig Java Server Side container</h5>
+ </div>
+ <img src="images/shindig-server-java.jpg"/>
+ </div>
+ </div>
+ <div class="span6">
+ <div class="thumbnail">
+ <div class="caption">
+ <h5>Components of Apache Shindig PHP Server Side container</h5>
+ </div>
+ <img src="images/shindig-server-php.jpg"/>
+ </div>
+ </div>
+</div>
+
+<h2 id="client-side">Client Side</h2>
+<p>The Javascript features are:</p>
+<ul>
+<li>Gadget container (gadget.js), fully OpenSocial gadget compliant.</li>
+<li>OpenSocial container.</li>
+<li><a href="http://www.json.org/";>JSON</a>, Restful container and <a
href="http://code.google.com/p/google-caja/";>Caja</a> support.</li>
+</ul>
+<div class="row-fluid">
+ <div class="span6">
+ <div class="thumbnail">
+ <img src="images/shindig-client.jpg"/>
+ </div>
+ </div>
+</div>
+
+<h2 id="put-it-together-opensocial-flow">Put It Together: OpenSocial Flow</h2>
+<p>The following is a typical flow to get a list of Friends.</p>
+<h3 id="server-side-flow">Server Side Flow</h3>
+<ol>
+<li>Call JsonRpcServlet.</li>
+<li>Get the appropriate handler.</li>
+<li>Get the JSON object from the DB.</li>
+<li>Populate responses into a list.</li>
+<li>Return to the client.</li>
+</ol>
+<p>In the case of the REST use, the flow will be:</p>
+<ol>
+<li>Call DataServiceServlet.</li>
+<li>Get the appropriate converter.</li>
+<li>Get the handler.</li>
+<li>Get the JSON object from the DB.</li>
+<li>Return to the client.</li>
+</ol>
+<h3 id="client-side-flow">Client Side Flow</h3>
+<ol>
+<li>Create request object.</li>
+<li>Populate request parameters.</li>
+<li>Send the request.</li>
+</ol>
+<h2 id="opensocial-apis">OpenSocial APIs</h2>
+<p>Apache Shindig implements several OpenSocial APIs:</p>
+<ul>
+<li>OpenSocial REST: for server to server communication</li>
+<li>OpenSocial JSON-RPC: for gadget to server communication</li>
+<li>Javascript: for gadgets</li>
+</ul>
+<p>For more information on the OpenSocial APIs see the <a
href="http://docs.opensocial.org/display/OSD/Specs";>OpenSocial spec</a>.</p>
+<h2 id="resources">Resources</h2>
+<ul>
+<li><a
href="https://sites.google.com/site/opensocialarticles/Home/shindig-rest-java";>Overview
of REST Implementation in Apache Shindig - Java Version</a> by Rajdeep
Dua.</li>
+<li><a
href="https://sites.google.com/site/opensocialarticles/shindig-architecture-presentation";>Presentation
on Shindig Architecture - Java</a> by Rajdeep Dua.</li>
+</ul>
+ <hr>
+
+ <footer>
+ <p>Copyright © 2007-2012 <a href="http://www.apache.org";>The
Apache Software Foundation</a>. All Rights Reserved.</p>
+ </footer>
+
+ </div> <!-- /container -->
+
+ <!-- Le javascript
+ ================================================== -->
+ <!-- Placed at the end of the document so the pages load faster -->
+ <script src="jquery/js/jquery-1.7.1.min.js"></script>
+ <script src="bootstrap/js/bootstrap.min.js"></script>
+
+ </body>
+</html>
Added:
websites/staging/shindig/trunk/content/bootstrap/css/bootstrap-responsive.css
==============================================================================
---
websites/staging/shindig/trunk/content/bootstrap/css/bootstrap-responsive.css
(added)
+++
websites/staging/shindig/trunk/content/bootstrap/css/bootstrap-responsive.css
Tue Jul 10 20:56:19 2012
@@ -0,0 +1,581 @@
+/*!
+ * Bootstrap Responsive v2.0.1
+ *
+ * Copyright 2012 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
+ */
+.clearfix {
+ *zoom: 1;
+}
+.clearfix:before, .clearfix:after {
+ display: table;
+ content: "";
+}
+.clearfix:after {
+ clear: both;
+}
+.hidden {
+ display: none;
+ visibility: hidden;
+}
+@media (max-width: 480px) {
+ .nav-collapse {
+ -webkit-transform: translate3d(0, 0, 0);
+ }
+ .page-header h1 small {
+ display: block;
+ line-height: 18px;
+ }
+ input[class*="span"],
+ select[class*="span"],
+ textarea[class*="span"],
+ .uneditable-input {
+ display: block;
+ width: 100%;
+ min-height: 28px;
+ /* Make inputs at least the height of their button counterpart */
+
+ /* Makes inputs behave like true block-level elements */
+
+ -webkit-box-sizing: border-box;
+ /* Older Webkit */
+
+ -moz-box-sizing: border-box;
+ /* Older FF */
+
+ -ms-box-sizing: border-box;
+ /* IE8 */
+
+ box-sizing: border-box;
+ /* CSS3 spec*/
+
+ }
+ .input-prepend input[class*="span"], .input-append input[class*="span"] {
+ width: auto;
+ }
+ input[type="checkbox"], input[type="radio"] {
+ border: 1px solid #ccc;
+ }
+ .form-horizontal .control-group > label {
+ float: none;
+ width: auto;
+ padding-top: 0;
+ text-align: left;
+ }
+ .form-horizontal .controls {
+ margin-left: 0;
+ }
+ .form-horizontal .control-list {
+ padding-top: 0;
+ }
+ .form-horizontal .form-actions {
+ padding-left: 10px;
+ padding-right: 10px;
+ }
+ .modal {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ right: 10px;
+ width: auto;
+ margin: 0;
+ }
+ .modal.fade.in {
+ top: auto;
+ }
+ .modal-header .close {
+ padding: 10px;
+ margin: -10px;
+ }
+ .carousel-caption {
+ position: static;
+ }
+}
+@media (max-width: 767px) {
+ .container {
+ width: auto;
+ padding: 0 20px;
+ }
+ .row-fluid {
+ width: 100%;
+ }
+ .row {
+ margin-left: 0;
+ }
+ .row > [class*="span"], .row-fluid > [class*="span"] {
+ float: none;
+ display: block;
+ width: auto;
+ margin: 0;
+ }
+}
+@media (min-width: 768px) and (max-width: 979px) {
+ .row {
+ margin-left: -20px;
+ *zoom: 1;
+ }
+ .row:before, .row:after {
+ display: table;
+ content: "";
+ }
+ .row:after {
+ clear: both;
+ }
+ [class*="span"] {
+ float: left;
+ margin-left: 20px;
+ }
+ .span1 {
+ width: 42px;
+ }
+ .span2 {
+ width: 104px;
+ }
+ .span3 {
+ width: 166px;
+ }
+ .span4 {
+ width: 228px;
+ }
+ .span5 {
+ width: 290px;
+ }
+ .span6 {
+ width: 352px;
+ }
+ .span7 {
+ width: 414px;
+ }
+ .span8 {
+ width: 476px;
+ }
+ .span9 {
+ width: 538px;
+ }
+ .span10 {
+ width: 600px;
+ }
+ .span11 {
+ width: 662px;
+ }
+ .span12, .container {
+ width: 724px;
+ }
+ .offset1 {
+ margin-left: 82px;
+ }
+ .offset2 {
+ margin-left: 144px;
+ }
+ .offset3 {
+ margin-left: 206px;
+ }
+ .offset4 {
+ margin-left: 268px;
+ }
+ .offset5 {
+ margin-left: 330px;
+ }
+ .offset6 {
+ margin-left: 392px;
+ }
+ .offset7 {
+ margin-left: 454px;
+ }
+ .offset8 {
+ margin-left: 516px;
+ }
+ .offset9 {
+ margin-left: 578px;
+ }
+ .offset10 {
+ margin-left: 640px;
+ }
+ .offset11 {
+ margin-left: 702px;
+ }
+ .row-fluid {
+ width: 100%;
+ *zoom: 1;
+ }
+ .row-fluid:before, .row-fluid:after {
+ display: table;
+ content: "";
+ }
+ .row-fluid:after {
+ clear: both;
+ }
+ .row-fluid > [class*="span"] {
+ float: left;
+ margin-left: 2.762430939%;
+ }
+ .row-fluid > [class*="span"]:first-child {
+ margin-left: 0;
+ }
+ .row-fluid > .span1 {
+ width: 5.801104972%;
+ }
+ .row-fluid > .span2 {
+ width: 14.364640883%;
+ }
+ .row-fluid > .span3 {
+ width: 22.928176794%;
+ }
+ .row-fluid > .span4 {
+ width: 31.491712705%;
+ }
+ .row-fluid > .span5 {
+ width: 40.055248616%;
+ }
+ .row-fluid > .span6 {
+ width: 48.618784527%;
+ }
+ .row-fluid > .span7 {
+ width: 57.182320438000005%;
+ }
+ .row-fluid > .span8 {
+ width: 65.74585634900001%;
+ }
+ .row-fluid > .span9 {
+ width: 74.30939226%;
+ }
+ .row-fluid > .span10 {
+ width: 82.87292817100001%;
+ }
+ .row-fluid > .span11 {
+ width: 91.436464082%;
+ }
+ .row-fluid > .span12 {
+ width: 99.999999993%;
+ }
+ input.span1, textarea.span1, .uneditable-input.span1 {
+ width: 32px;
+ }
+ input.span2, textarea.span2, .uneditable-input.span2 {
+ width: 94px;
+ }
+ input.span3, textarea.span3, .uneditable-input.span3 {
+ width: 156px;
+ }
+ input.span4, textarea.span4, .uneditable-input.span4 {
+ width: 218px;
+ }
+ input.span5, textarea.span5, .uneditable-input.span5 {
+ width: 280px;
+ }
+ input.span6, textarea.span6, .uneditable-input.span6 {
+ width: 342px;
+ }
+ input.span7, textarea.span7, .uneditable-input.span7 {
+ width: 404px;
+ }
+ input.span8, textarea.span8, .uneditable-input.span8 {
+ width: 466px;
+ }
+ input.span9, textarea.span9, .uneditable-input.span9 {
+ width: 528px;
+ }
+ input.span10, textarea.span10, .uneditable-input.span10 {
+ width: 590px;
+ }
+ input.span11, textarea.span11, .uneditable-input.span11 {
+ width: 652px;
+ }
+ input.span12, textarea.span12, .uneditable-input.span12 {
+ width: 714px;
+ }
+}
+@media (max-width: 979px) {
+ body {
+ padding-top: 0;
+ }
+ .navbar-fixed-top {
+ position: static;
+ margin-bottom: 18px;
+ }
+ .navbar-fixed-top .navbar-inner {
+ padding: 5px;
+ }
+ .navbar .container {
+ width: auto;
+ padding: 0;
+ }
+ .navbar .brand {
+ padding-left: 10px;
+ padding-right: 10px;
+ margin: 0 0 0 -5px;
+ }
+ .navbar .nav-collapse {
+ clear: left;
+ }
+ .navbar .nav {
+ float: none;
+ margin: 0 0 9px;
+ }
+ .navbar .nav > li {
+ float: none;
+ }
+ .navbar .nav > li > a {
+ margin-bottom: 2px;
+ }
+ .navbar .nav > .divider-vertical {
+ display: none;
+ }
+ .navbar .nav .nav-header {
+ color: #999999;
+ text-shadow: none;
+ }
+ .navbar .nav > li > a, .navbar .dropdown-menu a {
+ padding: 6px 15px;
+ font-weight: bold;
+ color: #999999;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ }
+ .navbar .dropdown-menu li + li a {
+ margin-bottom: 2px;
+ }
+ .navbar .nav > li > a:hover, .navbar .dropdown-menu a:hover {
+ background-color: #222222;
+ }
+ .navbar .dropdown-menu {
+ position: static;
+ top: auto;
+ left: auto;
+ float: none;
+ display: block;
+ max-width: none;
+ margin: 0 15px;
+ padding: 0;
+ background-color: transparent;
+ border: none;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ }
+ .navbar .dropdown-menu:before, .navbar .dropdown-menu:after {
+ display: none;
+ }
+ .navbar .dropdown-menu .divider {
+ display: none;
+ }
+ .navbar-form, .navbar-search {
+ float: none;
+ padding: 9px 15px;
+ margin: 9px 0;
+ border-top: 1px solid #222222;
+ border-bottom: 1px solid #222222;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0
rgba(255, 255, 255, 0.1);
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255,
255, 255, 0.1);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255,
255, 0.1);
+ }
+ .navbar .nav.pull-right {
+ float: none;
+ margin-left: 0;
+ }
+ .navbar-static .navbar-inner {
+ padding-left: 10px;
+ padding-right: 10px;
+ }
+ .btn-navbar {
+ display: block;
+ }
+ .nav-collapse {
+ overflow: hidden;
+ height: 0;
+ }
+}
+@media (min-width: 980px) {
+ .nav-collapse.collapse {
+ height: auto !important;
+ }
+}
+@media (min-width: 1200px) {
+ .row {
+ margin-left: -30px;
+ *zoom: 1;
+ }
+ .row:before, .row:after {
+ display: table;
+ content: "";
+ }
+ .row:after {
+ clear: both;
+ }
+ [class*="span"] {
+ float: left;
+ margin-left: 30px;
+ }
+ .span1 {
+ width: 70px;
+ }
+ .span2 {
+ width: 170px;
+ }
+ .span3 {
+ width: 270px;
+ }
+ .span4 {
+ width: 370px;
+ }
+ .span5 {
+ width: 470px;
+ }
+ .span6 {
+ width: 570px;
+ }
+ .span7 {
+ width: 670px;
+ }
+ .span8 {
+ width: 770px;
+ }
+ .span9 {
+ width: 870px;
+ }
+ .span10 {
+ width: 970px;
+ }
+ .span11 {
+ width: 1070px;
+ }
+ .span12, .container {
+ width: 1170px;
+ }
+ .offset1 {
+ margin-left: 130px;
+ }
+ .offset2 {
+ margin-left: 230px;
+ }
+ .offset3 {
+ margin-left: 330px;
+ }
+ .offset4 {
+ margin-left: 430px;
+ }
+ .offset5 {
+ margin-left: 530px;
+ }
+ .offset6 {
+ margin-left: 630px;
+ }
+ .offset7 {
+ margin-left: 730px;
+ }
+ .offset8 {
+ margin-left: 830px;
+ }
+ .offset9 {
+ margin-left: 930px;
+ }
+ .offset10 {
+ margin-left: 1030px;
+ }
+ .offset11 {
+ margin-left: 1130px;
+ }
+ .row-fluid {
+ width: 100%;
+ *zoom: 1;
+ }
+ .row-fluid:before, .row-fluid:after {
+ display: table;
+ content: "";
+ }
+ .row-fluid:after {
+ clear: both;
+ }
+ .row-fluid > [class*="span"] {
+ float: left;
+ margin-left: 2.564102564%;
+ }
+ .row-fluid > [class*="span"]:first-child {
+ margin-left: 0;
+ }
+ .row-fluid > .span1 {
+ width: 5.982905983%;
+ }
+ .row-fluid > .span2 {
+ width: 14.529914530000001%;
+ }
+ .row-fluid > .span3 {
+ width: 23.076923077%;
+ }
+ .row-fluid > .span4 {
+ width: 31.623931624%;
+ }
+ .row-fluid > .span5 {
+ width: 40.170940171000005%;
+ }
+ .row-fluid > .span6 {
+ width: 48.717948718%;
+ }
+ .row-fluid > .span7 {
+ width: 57.264957265%;
+ }
+ .row-fluid > .span8 {
+ width: 65.81196581200001%;
+ }
+ .row-fluid > .span9 {
+ width: 74.358974359%;
+ }
+ .row-fluid > .span10 {
+ width: 82.905982906%;
+ }
+ .row-fluid > .span11 {
+ width: 91.45299145300001%;
+ }
+ .row-fluid > .span12 {
+ width: 100%;
+ }
+ input.span1, textarea.span1, .uneditable-input.span1 {
+ width: 60px;
+ }
+ input.span2, textarea.span2, .uneditable-input.span2 {
+ width: 160px;
+ }
+ input.span3, textarea.span3, .uneditable-input.span3 {
+ width: 260px;
+ }
+ input.span4, textarea.span4, .uneditable-input.span4 {
+ width: 360px;
+ }
+ input.span5, textarea.span5, .uneditable-input.span5 {
+ width: 460px;
+ }
+ input.span6, textarea.span6, .uneditable-input.span6 {
+ width: 560px;
+ }
+ input.span7, textarea.span7, .uneditable-input.span7 {
+ width: 660px;
+ }
+ input.span8, textarea.span8, .uneditable-input.span8 {
+ width: 760px;
+ }
+ input.span9, textarea.span9, .uneditable-input.span9 {
+ width: 860px;
+ }
+ input.span10, textarea.span10, .uneditable-input.span10 {
+ width: 960px;
+ }
+ input.span11, textarea.span11, .uneditable-input.span11 {
+ width: 1060px;
+ }
+ input.span12, textarea.span12, .uneditable-input.span12 {
+ width: 1160px;
+ }
+ .thumbnails {
+ margin-left: -30px;
+ }
+ .thumbnails > li {
+ margin-left: 30px;
+ }
+}
Added:
websites/staging/shindig/trunk/content/bootstrap/css/bootstrap-responsive.min.css
==============================================================================
---
websites/staging/shindig/trunk/content/bootstrap/css/bootstrap-responsive.min.css
(added)
+++
websites/staging/shindig/trunk/content/bootstrap/css/bootstrap-responsive.min.css
Tue Jul 10 20:56:19 2012
@@ -0,0 +1,4 @@
+.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";}
+.clearfix:after{clear:both;}
+.hidden{display:none;visibility:hidden;}
+@media (max-width:480px){.nav-collapse{-webkit-transform:translate3d(0, 0,
0);} .page-header h1 small{display:block;line-height:18px;}
input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.input-prepend input[class*="span"],.input-append
input[class*="span"]{width:auto;}
input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;}
.form-horizontal
.control-group>label{float:none;width:auto;padding-top:0;text-align:left;}
.form-horizontal .controls{margin-left:0;} .form-horizontal
.control-list{padding-top:0;} .form-horizontal
.form-actions{padding-left:10px;padding-right:10px;}
.modal{position:absolute;top:10px;left:10px;right:10px;width:auto;margin:0;}.modal.fade.in{top:auto;}
.modal-header .close{padding:10px;margin:-10px;}
.carousel-caption{position:static;}}@media (max-width:767px){.conta
iner{width:auto;padding:0 20px;} .row-fluid{width:100%;} .row{margin-left:0;}
.row>[class*="span"],.row-fluid>[class*="span"]{float:none;display:block;width:auto;margin:0;}}@media
(min-width:768px) and
(max-width:979px){.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";}
.row:after{clear:both;} [class*="span"]{float:left;margin-left:20px;}
.span1{width:42px;} .span2{width:104px;} .span3{width:166px;}
.span4{width:228px;} .span5{width:290px;} .span6{width:352px;}
.span7{width:414px;} .span8{width:476px;} .span9{width:538px;}
.span10{width:600px;} .span11{width:662px;} .span12,.container{width:724px;}
.offset1{margin-left:82px;} .offset2{margin-left:144px;}
.offset3{margin-left:206px;} .offset4{margin-left:268px;}
.offset5{margin-left:330px;} .offset6{margin-left:392px;}
.offset7{margin-left:454px;} .offset8{margin-left:516px;}
.offset9{margin-left:578px;} .offset10{margin-left:640px;}
.offset11{margin-left:702px;} .row-fluid{width:100%;*zoom:1;}.
row-fluid:before,.row-fluid:after{display:table;content:"";}
.row-fluid:after{clear:both;}
.row-fluid>[class*="span"]{float:left;margin-left:2.762430939%;}
.row-fluid>[class*="span"]:first-child{margin-left:0;}
.row-fluid>.span1{width:5.801104972%;} .row-fluid>.span2{width:14.364640883%;}
.row-fluid>.span3{width:22.928176794%;} .row-fluid>.span4{width:31.491712705%;}
.row-fluid>.span5{width:40.055248616%;} .row-fluid>.span6{width:48.618784527%;}
.row-fluid>.span7{width:57.182320438000005%;}
.row-fluid>.span8{width:65.74585634900001%;}
.row-fluid>.span9{width:74.30939226%;}
.row-fluid>.span10{width:82.87292817100001%;}
.row-fluid>.span11{width:91.436464082%;}
.row-fluid>.span12{width:99.999999993%;}
input.span1,textarea.span1,.uneditable-input.span1{width:32px;}
input.span2,textarea.span2,.uneditable-input.span2{width:94px;}
input.span3,textarea.span3,.uneditable-input.span3{width:156px;}
input.span4,textarea.span4,.uneditable-input.span4{width:218px;}
input.span5,textarea.sp
an5,.uneditable-input.span5{width:280px;}
input.span6,textarea.span6,.uneditable-input.span6{width:342px;}
input.span7,textarea.span7,.uneditable-input.span7{width:404px;}
input.span8,textarea.span8,.uneditable-input.span8{width:466px;}
input.span9,textarea.span9,.uneditable-input.span9{width:528px;}
input.span10,textarea.span10,.uneditable-input.span10{width:590px;}
input.span11,textarea.span11,.uneditable-input.span11{width:652px;}
input.span12,textarea.span12,.uneditable-input.span12{width:714px;}}@media
(max-width:979px){body{padding-top:0;}
.navbar-fixed-top{position:static;margin-bottom:18px;} .navbar-fixed-top
.navbar-inner{padding:5px;} .navbar .container{width:auto;padding:0;} .navbar
.brand{padding-left:10px;padding-right:10px;margin:0 0 0 -5px;} .navbar
.nav-collapse{clear:left;} .navbar .nav{float:none;margin:0 0 9px;} .navbar
.nav>li{float:none;} .navbar .nav>li>a{margin-bottom:2px;} .navbar
.nav>.divider-vertical{display:none;} .navbar .nav .nav-header{color:#9
99999;text-shadow:none;} .navbar .nav>li>a,.navbar .dropdown-menu
a{padding:6px
15px;font-weight:bold;color:#999999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.navbar .dropdown-menu li+li a{margin-bottom:2px;} .navbar
.nav>li>a:hover,.navbar .dropdown-menu a:hover{background-color:#222222;}
.navbar
.dropdown-menu{position:static;top:auto;left:auto;float:none;display:block;max-width:none;margin:0
15px;padding:0;background-color:transparent;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.navbar .dropdown-menu:before,.navbar .dropdown-menu:after{display:none;}
.navbar .dropdown-menu .divider{display:none;}
.navbar-form,.navbar-search{float:none;padding:9px 15px;margin:9px
0;border-top:1px solid #222222;border-bottom:1px solid
#222222;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0
rgba(255, 255, 255, 0.1);-moz-box-shadow:inset 0 1px 0 rgba(255, 25
5, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);box-shadow:inset 0 1px 0
rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);} .navbar
.nav.pull-right{float:none;margin-left:0;} .navbar-static
.navbar-inner{padding-left:10px;padding-right:10px;}
.btn-navbar{display:block;} .nav-collapse{overflow:hidden;height:0;}}@media
(min-width:980px){.nav-collapse.collapse{height:auto !important;}}@media
(min-width:1200px){.row{margin-left:-30px;*zoom:1;}.row:before,.row:after{display:table;content:"";}
.row:after{clear:both;} [class*="span"]{float:left;margin-left:30px;}
.span1{width:70px;} .span2{width:170px;} .span3{width:270px;}
.span4{width:370px;} .span5{width:470px;} .span6{width:570px;}
.span7{width:670px;} .span8{width:770px;} .span9{width:870px;}
.span10{width:970px;} .span11{width:1070px;} .span12,.container{width:1170px;}
.offset1{margin-left:130px;} .offset2{margin-left:230px;}
.offset3{margin-left:330px;} .offset4{margin-left:430px;}
.offset5{margin-left:530px;} .offset
6{margin-left:630px;} .offset7{margin-left:730px;}
.offset8{margin-left:830px;} .offset9{margin-left:930px;}
.offset10{margin-left:1030px;} .offset11{margin-left:1130px;}
.row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";}
.row-fluid:after{clear:both;}
.row-fluid>[class*="span"]{float:left;margin-left:2.564102564%;}
.row-fluid>[class*="span"]:first-child{margin-left:0;}
.row-fluid>.span1{width:5.982905983%;}
.row-fluid>.span2{width:14.529914530000001%;}
.row-fluid>.span3{width:23.076923077%;} .row-fluid>.span4{width:31.623931624%;}
.row-fluid>.span5{width:40.170940171000005%;}
.row-fluid>.span6{width:48.717948718%;} .row-fluid>.span7{width:57.264957265%;}
.row-fluid>.span8{width:65.81196581200001%;}
.row-fluid>.span9{width:74.358974359%;}
.row-fluid>.span10{width:82.905982906%;}
.row-fluid>.span11{width:91.45299145300001%;} .row-fluid>.span12{width:100%;}
input.span1,textarea.span1,.uneditable-input.span1{width:60px;} input.span2,text
area.span2,.uneditable-input.span2{width:160px;}
input.span3,textarea.span3,.uneditable-input.span3{width:260px;}
input.span4,textarea.span4,.uneditable-input.span4{width:360px;}
input.span5,textarea.span5,.uneditable-input.span5{width:460px;}
input.span6,textarea.span6,.uneditable-input.span6{width:560px;}
input.span7,textarea.span7,.uneditable-input.span7{width:660px;}
input.span8,textarea.span8,.uneditable-input.span8{width:760px;}
input.span9,textarea.span9,.uneditable-input.span9{width:860px;}
input.span10,textarea.span10,.uneditable-input.span10{width:960px;}
input.span11,textarea.span11,.uneditable-input.span11{width:1060px;}
input.span12,textarea.span12,.uneditable-input.span12{width:1160px;}
.thumbnails{margin-left:-30px;} .thumbnails>li{margin-left:30px;}}
