You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@tinkerpop.apache.org by ok...@apache.org on 2016/03/09 15:38:38 UTC
svn commit: r1734244 - in /incubator/tinkerpop/site: index.html prism.css
Author: okram
Date: Wed Mar 9 14:38:37 2016
New Revision: 1734244
URL: http://svn.apache.org/viewvc?rev=1734244&view=rev
Log:
the carousel now switches every 30 seconds. I removed the prev/next arrows and added 1/2/3 radio buttons. I have the syntax colors cleaner. I made the Gremlin Apache image a bit smaller.
Modified:
incubator/tinkerpop/site/index.html
incubator/tinkerpop/site/prism.css
Modified: incubator/tinkerpop/site/index.html
URL: http://svn.apache.org/viewvc/incubator/tinkerpop/site/index.html?rev=1734244&r1=1734243&r2=1734244&view=diff
==============================================================================
--- incubator/tinkerpop/site/index.html (original)
+++ incubator/tinkerpop/site/index.html Wed Mar 9 14:38:37 2016
@@ -50,6 +50,24 @@
font-weight: 200;
line-height: 27px;
}
+ .carousel-indicators-numbers li {
+ font-size: 10px;
+ text-indent: 0;
+ margin: 0 2px;
+ width: 20px;
+ height: 20px;
+ border: none;
+ border-radius: 100%;
+ line-height: 20px;
+ color: #fff;
+ background-color: #999;
+ }
+ .carousel-indicators-numbers li.active {
+ margin: 0 2px;
+ width: 20px;
+ height: 20px;
+ background-color: #337ab7;
+ }
</style>
<!-- Le fav and touch icons -->
@@ -168,72 +186,65 @@
<li><a href="http://tinkerpop.apache.org/javadocs/3.1.1-incubating/full/">TinkerPop3 Full-Javadoc</a></li>
</ul>
</ul>
- <p><a href="http://tinkerpop.apache.org/docs/3.1.1-incubating/tutorials/getting-started"><img src="images/gremlin-gym-mini.png" width="200" class="img-responsive" align="left"/></a></p>
+ <p><a href="http://tinkerpop.apache.org/docs/3.1.1-incubating/tutorials/getting-started"><img src="images/gremlin-gym-mini.png" width="175" class="img-responsive" align="left"/></a></p>
</div>
</div>
</div>
<div><br/></div>
- <div id="gremlinCarousel" class="carousel slide" data-ride="carousel">
+ <div id="gremlinCarousel" class="carousel slide" data-ride="carousel" data-interval="30000" border="none">
<!-- Indicators -->
- <ol class="carousel-indicators">
- <li data-target="#gremlinCarousel" data-slide-to="0" class="active"></li>
- <li data-target="#gremlinCarousel" data-slide-to="1"></li>
- <li data-target="#gremlinCarousel" data-slide-to="2"></li>
+ <ol class="carousel-indicators carousel-indicators-numbers">
+ <li data-target="#gremlinCarousel" data-slide-to="0" class="active">1</li>
+ <li data-target="#gremlinCarousel" data-slide-to="1">2</li>
+ <li data-target="#gremlinCarousel" data-slide-to="2">3</li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item active">
<pre><code class="language-javascript">
- // What are the names of Gremlin's friends' friends?
- g.V().has("name","gremlin").
- out("knows").out("knows").values("name")
+ // What are the names of Gremlin's friends' friends?
+ g.V().has("name","gremlin").
+ out("knows").out("knows").values("name")
</code></pre>
</div>
<div class="item">
<pre><code class="language-javascript">
- // What are the names of the projects created by two friends?
- g.V().match(
- as("a").out("knows").as("b"),
- as("a").out("created").as("c"),
- as("b").out("created").as("c"),
- as("c").in("created").count().is(2)).
- select("c").by("name")
+ // What are the names of the projects created by two friends?
+ g.V().match(
+ as("a").out("knows").as("b"),
+ as("a").out("created").as("c"),
+ as("b").out("created").as("c"),
+ as("c").in("created").count().is(2)).
+ select("c").by("name")
</code></pre>
</div>
<div class="item">
<pre><code class="language-javascript">
- // What are the names of the managers in
- // the management chain from Gremlin to the CEO?
- g.V().has("name","gremlin").
- repeat(in("manages")).until("title","ceo").
- path().by("name")
+ // What are the names of the managers in
+ // the management chain from Gremlin to the CEO?
+ g.V().has("name","gremlin").
+ repeat(in("manages")).until("title","ceo").
+ path().by("name")
</code></pre>
</div>
<div class="item">
<pre><code class="language-javascript">
- // What is the distribution of titles of Gremlin's collaborators?
- g.V().has("name","gremlin").as("a").
- out("created").in("created").
- where(neq("a")).
- groupCount().by("title")
+ // What is the distribution of titles of Gremlin's collaborators?
+ g.V().has("name","gremlin").as("a").
+ out("created").in("created").
+ where(neq("a")).
+ groupCount().by("title")
</code></pre>
</div>
</div>
- <a class="left carousel-control" href="#gremlinCarousel" role="button" data-slide="prev">
- <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
- <span class="sr-only">Previous</span>
- </a>
- <a class="right carousel-control" href="#gremlinCarousel" role="button" data-slide="next">
- <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
- <span class="sr-only">Next</span>
- </a>
+
</div><!-- /.carousel -->
<h3>Contributing to Apache TinkerPop</h3>
<div class="row">
@@ -254,10 +265,10 @@
<li>Make significant, long lasting contributions over time.</li>
<ul><li>Become a TinkerPop Committer and help determine the evolution of The TinkerPop.</li></ul>
</ol>
- <p>Interested in how to build the TinkerPop source code? That information can be found in the <a href="http://tinkerpop.apache.org/docs/3.1.1-incubating/dev/developer/#building-testing">developer documentation</a>.
+ <p>To build TinkerPop from source, please review the <a href="http://tinkerpop.apache.org/docs/3.1.1-incubating/dev/developer/#building-testing">developer documentation</a>.
</div>
<div class="col-xs-4">
- <a href="http://tinkerpop.apache.org/docs/3.1.1-incubating/dev/developer/"><img src="images/gremlin-apache.png" class="img-responsive" /></a>
+ <a href="http://tinkerpop.apache.org/docs/3.1.1-incubating/dev/developer/"><img src="images/gremlin-apache.png" width="250" class="img-responsive" /></a>
</div>
</div>
<h3>Community Contributions</h3>
Modified: incubator/tinkerpop/site/prism.css
URL: http://svn.apache.org/viewvc/incubator/tinkerpop/site/prism.css?rev=1734244&r1=1734243&r2=1734244&view=diff
==============================================================================
--- incubator/tinkerpop/site/prism.css (original)
+++ incubator/tinkerpop/site/prism.css Wed Mar 9 14:38:37 2016
@@ -7,9 +7,9 @@
code[class*="language-"],
pre[class*="language-"] {
- color: black;
+ color: #337ab7;
background: none;
- text-shadow: 0 1px white;
+ text-shadow: 0 0px white;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
text-align: left;
white-space: pre;
@@ -53,8 +53,8 @@ code[class*="language-"]::selection, cod
/* Code blocks */
pre[class*="language-"] {
- padding: 1em;
- margin: .5em 0;
+ padding: 0em;
+ margin: 0em 0;
overflow: auto;
}
@@ -65,8 +65,8 @@ pre[class*="language-"] {
/* Inline code */
:not(pre) > code[class*="language-"] {
- padding: .1em;
- border-radius: .3em;
+ padding: 0em;
+ border-radius: 0em;
white-space: normal;
}
@@ -74,11 +74,11 @@ pre[class*="language-"] {
.token.prolog,
.token.doctype,
.token.cdata {
- color: slategray;
+ color: gray;
}
.token.punctuation {
- color: #999;
+ color: black;
}
.namespace {
@@ -116,17 +116,17 @@ pre[class*="language-"] {
.token.atrule,
.token.attr-value,
.token.keyword {
- color: #342D7E;
+ color: #337ab7;
}
.token.function {
- color: #342D7E;
+ color: #337ab7;
}
.token.regex,
.token.important,
.token.variable {
- color: #e90;
+ color: #337ab7;
}
.token.important,
@@ -139,5 +139,6 @@ pre[class*="language-"] {
.token.entity {
cursor: help;
+ color: #337ab7;
}