Permalink
Browse files

Progress on front page, and navigation.

  • Loading branch information...
1 parent 77ffd5a commit 010170c5803e5453e6ff2a2e985cda01bb388ae5 @heathermiller heathermiller committed Oct 19, 2011
@@ -0,0 +1,43 @@
+
+<header class="scrollingmenu">
+<!--<h2>Here is some type of meaningful headline.</h2>-->
+<h2>Community-driven documentation for Scala.</h2>
+
+<ul id="accordion2">
+ <li>
+ <img class="slide_thumb" alt="Thumbnail" src="{{ site.baseurl }}/resources/images/slide1.jpg" />
+ <p class="slide_title"><strong>Overviews and Guides</strong></p>
+ <p class="slide_content">Collections, Actors, Swing, and more.</p>
+ <p class="slide_button"><a href="#">Go there</a></p>
+ </li>
+ <li>
+ <img class="slide_thumb" alt="Thumbnail" src="{{ site.baseurl }}/resources/images/slide2.jpg" />
+ <p class="slide_title"><strong>Tutorials</strong></p>
+ <p class="slide_content">Coming from Java? Python? Ruby? Tutorials which help the transition from language XYZ to Scala.</p>
+ <p class="slide_button"><a href="#">Go there</a></p>
+ </li>
+ <li>
+ <img class="slide_thumb" alt="Thumbnail" src="{{ site.baseurl }}/resources/images/slide3.jpg" />
+ <p class="slide_title"><strong>Glossary</strong></p>
+ <p class="slide_content">Lost on some terminology? Check the glossary, direct from the book, <em>Programming in Scala</em>.</p>
+ <p class="slide_button"><a href="#">Go there</a></p>
+ </li>
+</ul>
+</header>
+
+<div class="bottom">
+ <div class="container">
+ <div class="row">
+
+ <div class="span8">
+"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"
+ </div>
+ <div class="span8">
+"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"
+ </div>
+
+ </div>
+ </div>
+</div>
+
+
@@ -0,0 +1,3 @@
+ </body>
+</html>
+
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html>
+ <head>
+
+ <title>{% if page.title %}{{ page.title }} - {% endif %}{{ site.title }}</title>
+ {% if page.description %}
+ <meta name="description" content="{{ page.description }}" />
+ {% endif %}
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+
+ <link rel="icon" type="image/png" href="{{ site.baseurl }}/resources/favicon.ico">
+
+ <!-- prettify js and CSS -->
+ <link rel="stylesheet" href="{{ site.baseurl }}/resources/stylesheets/prettify.css" type="text/css" />
+ <script src="{{ site.baseurl }}/resources/javascript/prettify/prettify.js" type="text/javascript" ></script>
+
+ <!-- jquery js -->
+ <script src="{{ site.baseurl }}/resources/javascript/jquery.js" type="text/javascript" ></script>
+
+ <!-- Bootstrap JS and CSS -->
+ <link rel="stylesheet" href="{{ site.baseurl }}/resources/stylesheets/bootstrap.css" type="text/css" />
+ <script src="{{ site.baseurl }}/resources/javascript/bootstrap-dropdown.js" type="text/javascript" ></script>
+ <script src="{{ site.baseurl }}/resources/javascript/bootstrap-dropdown-app.js" type="text/javascript" ></script>
+
+ <!-- You may want to change the paths below, according to your own CSS and JavaScript setup -->
+ <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/resources/stylesheets/frontpage.css" />
+ <script type="text/javascript" src="{{ site.baseurl }}/resources/javascript/jquery.js"></script>
+ <script type="text/javascript" src="{{ site.baseurl }}/resources/javascript/jquery.easing.js"></script>
+ <script type="text/javascript" src="{{ site.baseurl }}/resources/javascript/jquery.accordionza.js"></script>
+ <script src="{{ site.baseurl }}/resources/javascript/frontpage.js" type="text/javascript" ></script>
+
+ <!-- prettyprint js to prepend generated pre/code tags -->
+ <script type="text/javascript">
+ function styleCode()
+ {
+ if (typeof disableStyleCode != "undefined")
+ {
+ return;
+ }
+ var a = false;
+ $("pre code").parent().each(function()
+ {
+ if (!$(this).hasClass("prettyprint"))
+ {
+ $(this).addClass("prettyprint lang-scala linenums");
+ a = true
+ }
+ });
+ if (a) { prettyPrint() }
+ }
+ </script>
+
+ <style type="text/css">
+ html, body {
+ padding-top: 36px;
+ height: 100%;
+ background:url({{ site.baseurl }}/resources/images/bg.jpg) no-repeat top center #310808;
+ -webkit-box-shadow: inset 0 10px 50px rgba(0,0,0,.6);
+ -moz-box-shadow: inset 0 10px 50px rgba(0,0,0,.6);
+ /* box-shadow: inset 0 10px 30px rgba(0,0,0,.3);*/
+ }
+ .scrollingmenu {
+ width: 940px;
+ margin-left: auto;
+ margin-right: auto;
+ height: 280px;
+ zoom: 1;
+ }
+ .scrollingmenu h2 {
+ padding-bottom: 30px;
+ color: #ffffff;
+ font-size: 42px;
+ line-height: 1;
+ text-shadow: 0 1px 2px rgba(0,0,0,.5);
+ }
+ .bottom {
+ height: 100%;
+ background-color: #bcbcbc;
+ padding-top: 30px;
+ border-top: 1px solid #8e397d;
+ }
+ </style>
+
+</head>
+ <body>
@@ -10,19 +10,22 @@
<link rel="icon" type="image/png" href="{{ site.baseurl }}/resources/favicon.ico">
- <!-- Bootstrap CSS -->
- <link rel="stylesheet" href="{{ site.baseurl }}/resources/stylesheets/bootstrap.css" type="text/css" />
-
<!-- prettify js and CSS -->
<link rel="stylesheet" href="{{ site.baseurl }}/resources/stylesheets/prettify.css" type="text/css" />
<script src="{{ site.baseurl }}/resources/javascript/prettify/prettify.js" type="text/javascript" ></script>
+
<!-- jquery js -->
<script src="{{ site.baseurl }}/resources/javascript/jquery.js" type="text/javascript" ></script>
<script src="{{ site.baseurl }}/resources/javascript/effects.core.js" type="text/javascript" ></script>
<script src="{{ site.baseurl }}/resources/javascript/effects.highlight.js" type="text/javascript" ></script>
<script src="{{ site.baseurl }}/resources/javascript/moveScroller.js" type="text/javascript" ></script>
+ <!-- Bootstrap JS and CSS -->
+ <link rel="stylesheet" href="{{ site.baseurl }}/resources/stylesheets/bootstrap.css" type="text/css" />
+ <script src="{{ site.baseurl }}/resources/javascript/bootstrap-dropdown.js" type="text/javascript" ></script>
+ <script src="{{ site.baseurl }}/resources/javascript/bootstrap-dropdown-app.js" type="text/javascript" ></script>
+
<!-- table of contents js -->
<script src="{{ site.baseurl }}/resources/javascript/toc.js" type="text/javascript" ></script>
View
@@ -1,14 +1,31 @@
<!-- Topbar
================================================== -->
- <div class="topbar" >
- <div class="topbar-inner">
+<div class="topbar">
+ <div class="topbar-inner">
<div class="container">
- <a class="brand" href="{{ site.baseurl }}/index.html"><img src="{{ site.baseurl }}/resources/images/scala-logo.png"> Documentation</a>
- <ul class="nav">
- <li class="active"><a href="#overview">Empty</a></li>
- <li><a href="#grid-system">Empty</a></li>
- <li><a href="#layouts">Empty</a></li>
+ <a class="brand" href="{{ site.baseurl }}/index.html"><img src="{{ site.baseurl }}/resources/images/scala-logo.png"> Documentation</a>
+ <ul class="nav">
+
+ <li class="menu">
+ <a href="#" class="menu">API</a>
+ <ul class="menu-dropdown">
+ <li><a href="http://www.scala-lang.org/api/current/">Current</a></li>
+ <li><a href="http://www.scala-lang.org/archives/downloads/distrib/files/nightly/docs/library/index.html">Nightly</a></li>
+ <li class="divider"></li>
+ <li><a href="#">Previous Versions</a></li>
+ </ul>
+ </li>
+
+ <li><a href="#">Guides</a></li>
+ <li><a href="#">Tutorials</a></li>
+ <li><a href="#">Glossary</a></li>
+ <li><a href="#">Cheatsheets</a></li>
+ </ul>
+ <form action="">
+ <input type="text" placeholder="Search" />
+ </form>
+ </li>
</ul>
</div>
- </div>
</div>
+</div>
@@ -1,5 +1,2 @@
-{% include header.txt %}
- {{ content }}
-
-{% include footer.txt %}
+{{ content }}
@@ -1,15 +0,0 @@
----
-layout: default
----
-
-{% include topbar.txt %}
-
-<div class="container">
- <div class="row">
- <h1>{{ site.title }}</h1>
- {% if page.title %}<h1>{{ page.title }}</h1>{% endif %}
- <div class="span10">
- {{ content }}
- </div>
- </div>
-</div>
@@ -0,0 +1,10 @@
+---
+layout: default
+---
+
+{% include frontpage-header.txt %}
+{% include topbar.txt %}
+
+{% include frontpage-content.txt %}
+
+{% include frontpage-footer.txt %}
@@ -1,8 +1,9 @@
---
layout: default
---
-
+{% include header.txt %}
{% include topbar.txt %}
+
<div class="container">
<div class="row">
@@ -27,3 +28,4 @@
</div>
</div>
+{% include footer.txt %}
View
@@ -1,8 +1,9 @@
---
layout: default
---
-
+{% include header.txt %}
{% include sips-topbar.txt %}
+
<div class="container">
<div class="row">
@@ -22,3 +23,4 @@
</div>
</div>
+{% include footer.txt %}
View
@@ -1,13 +1,4 @@
---
-layout: front-page
+layout: frontpage
title: Scala Documentation
---
-
-## Welcome ##
-
-Documentation will be added here as we acquire and organize old and new documents.
-
-## SIPs ##
-
-Check out the [SIP documents](sips.new/index.html)
-
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -0,0 +1,10 @@
+$(document).ready(function(){
+ $("body").bind("click", function (e) {
+ $('a.menu').parent("li").removeClass("open");
+ });
+
+ $("a.menu").click(function (e) {
+ var $li = $(this).parent("li").toggleClass('open');
+ return false;
+ });
+});
@@ -0,0 +1,53 @@
+/* ============================================================
+ * bootstrap-dropdown.js v1.3.0
+ * http://twitter.github.com/bootstrap/javascript.html#dropdown
+ * ============================================================
+ * Copyright 2011 Twitter, Inc.
+ *
+ * Licensed 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.
+ * ============================================================ */
+
+
+!function( $ ){
+
+ /* DROPDOWN PLUGIN DEFINITION
+ * ========================== */
+
+ $.fn.dropdown = function ( selector ) {
+ return this.each(function () {
+ $(this).delegate(selector || d, 'click', function (e) {
+ var li = $(this).parent('li')
+ , isActive = li.hasClass('open')
+
+ clearMenus()
+ !isActive && li.toggleClass('open')
+ return false
+ })
+ })
+ }
+
+ /* APPLY TO STANDARD DROPDOWN ELEMENTS
+ * =================================== */
+
+ var d = 'a.menu, .dropdown-toggle'
+
+ function clearMenus() {
+ $(d).parent('li').removeClass('open')
+ }
+
+ $(function () {
+ $('html').bind("click", clearMenus)
+ $('body').dropdown( '[data-dropdown] a.menu, [data-dropdown] .dropdown-toggle' )
+ })
+
+}( window.jQuery || window.ender );
@@ -0,0 +1,26 @@
+$(document).ready(function() {
+
+ // Accordion Demo #2
+ $('#accordion2').accordionza({
+ autoPlay: true,
+ autoRestartDelay: 4500,
+ onSlideClose: function() {
+ this.children('p').stop(true).animate({left: 470, opacity: 0}, 500);
+ },
+ onSlideOpen: function() {
+ var properties = {left: 100, opacity: 1};
+ var duration = 250;
+ var easing = 'easeOutBack';
+ this.children('p').stop(true)
+ .filter(':eq(0)').animate({opacity: 0}, 000).animate(properties, duration, easing).end()
+ .filter(':eq(1)').animate({opacity: 0}, 000).animate(properties, duration, easing).end()
+ .filter(':eq(2)').animate({opacity: 0}, 000).animate(properties, duration, easing);
+ },
+ slideDelay: 3000,
+ slideEasing: 'easeOutCirc',
+ slideSpeed: 250,
+ slideTrigger: 'mouseover',
+ slideWidthClosed: 60
+ });
+
+});
Oops, something went wrong.

0 comments on commit 010170c

Please sign in to comment.