Skip to content

Commit

Permalink
Clean up website
Browse files Browse the repository at this point in the history
  • Loading branch information
Carson Gross committed Dec 17, 2013
1 parent 318e098 commit d81a405
Show file tree
Hide file tree
Showing 6 changed files with 140 additions and 134 deletions.
7 changes: 7 additions & 0 deletions www/_config.yml
View file
@@ -0,0 +1,7 @@
name: IntercoolerJS - REST-ful data bindings for HTML
pygments: false
exclude:
- config
- Gemfile
- Gemfile.lock
- Capfile
57 changes: 57 additions & 0 deletions www/_layouts/default.html
View file
@@ -0,0 +1,57 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A Javascript-optional AJAX library featuring declarative, REST-ful bindings">
<meta name="author" content="">
<link rel="shortcut icon" href="./img/icon.png">

<title>Intercooler.JS - The Javascript-optional AJAX library</title>

<!-- Bootstrap core CSS -->
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Crete+Round:400italic,400" rel="stylesheet" type="text/css">
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,300,400italic,400,600italic,600,700italic,700,800italic,800"
rel="stylesheet" type="text/css">
<link href="./css/site.css" rel="stylesheet" type="text/css">

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
</head>

<body>
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">Intercooler.JS</a>
</div>
<ul class="nav navbar-nav">
<li class="{% active examples %}"><a href="/examples.html">Examples</a></li>
</ul>
</div>
</div>

<div class="body-wrapper">
{{content}}
</div>

<div class="container">
<hr>
<footer>
<p>
&copy; <a href="http://intercoolerjs.org">IntercoolerJS.org</a> 2013-2014
<span class="pull-right"><em>Sponsored By <a href="http://www.leaddyno.com">LeadDyno</a></em></span>
</p>
</footer>
</div>
</body>
</html>
27 changes: 27 additions & 0 deletions www/_plugins/nav_tags.rb
View file
@@ -0,0 +1,27 @@
require 'digest/md5'

module Jekyll
class ActiveTag < Liquid::Tag
def initialize(tag_name, text, tokens)
super
@text = text
end
def render(context)
nav = context.registers[:page]['nav'] || ''
'active' if nav.include? @text.chop
end
end
class HideTag < Liquid::Tag
def initialize(tag_name, text, tokens)
super
@text = text
end
def render(context)
nav = context.registers[:page]['nav'] || ''
'hide' unless nav.include? @text.chop
end
end
end

Liquid::Template.register_tag('active', Jekyll::ActiveTag)
Liquid::Template.register_tag('unless', Jekyll::HideTag)
2 changes: 1 addition & 1 deletion www/css/site.css
View file
@@ -1,4 +1,4 @@
div.jumbotron {
.body-wrapper {
margin-top:50px !important;
}

Expand Down
55 changes: 5 additions & 50 deletions www/demo.html → www/examples.html
View file
@@ -1,34 +1,7 @@
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A Javascript-optional AJAX library featuring declarative, REST-ful bindings">
<meta name="author" content="">
<link rel="shortcut icon" href="./img/icon.png">

<title>Intercooler.JS - The Javascript-optional AJAX library</title>

<!-- Bootstrap core CSS -->
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Crete+Round:400italic,400" rel="stylesheet" type="text/css">
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,300,400italic,400,600italic,600,700italic,700,800italic,800"
rel="stylesheet" type="text/css">
<link href="./css/site.css" rel="stylesheet" type="text/css">

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
</head>

<body>

---
layout: default
nav: examples
---
<script type="text/javascript" src="../src/intercooler.js"></script>
<script type="text/javascript" src="/js/intercooler.js"></script>
<script>
Expand Down Expand Up @@ -119,21 +92,6 @@

</script>

<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">Intercooler.JS</a>
</div>
<ul class="nav navbar-nav">
<li><a href="demo.html">Demo</a></li>
</ul>
</div>
</div>

<br/>
<br/>
<br/>

<div class="container">

<div class="row">
Expand Down Expand Up @@ -326,7 +284,4 @@ <h4>Live Example</h4>
<br/>
<br/>
<br/>
<br/>

</body>
</html>
<br/>
126 changes: 43 additions & 83 deletions www/index.html
View file
@@ -1,54 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A Javascript-optional AJAX library featuring declarative, REST-ful bindings">
<meta name="author" content="">
<link rel="shortcut icon" href="./img/icon.png">

<title>Intercooler.JS - The Javascript-optional AJAX library</title>

<!-- Bootstrap core CSS -->
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Crete+Round:400italic,400" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,300,400italic,400,600italic,600,700italic,700,800italic,800" rel="stylesheet" type="text/css">
<link href="./css/site.css" rel="stylesheet" type="text/css">

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>

<body>
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">Intercooler.JS</a>
</div>
<ul class="nav navbar-nav">
<li><a href="demo.html">Demo</a></li>
</ul>
</div>
</div>


<div class="jumbotron">
<div class="container">
<h1><i class="fa fa-asterisk red"></i> Intercooler.JS</h1>
<p>Intercooler allows you add AJAX to your web-application with as little (or as much) javascript as you would like. Bindings and dependencies are managed via REST-ful URLs using HTML5 declarations.</p>
</div>
</div>

<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 class="text-center">Example Code</h3>
---
layout: default
---
<div class="jumbotron">
<div class="container">
<h1><i class="fa fa-asterisk red"></i> Intercooler.JS</h1>

<p>Intercooler allows you add AJAX to your web-application with as little (or as much) javascript as you would like.
Bindings and dependencies are managed via REST-ful URLs using HTML5 declarations.</p>
</div>
</div>

<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 class="text-center">Example Code</h3>
<pre>

&lt;-- Bind a button to a URL -->
Expand All @@ -59,41 +25,35 @@ <h3 class="text-center">Example Code</h3>
&lt;div ic-source="/widget/1/status">The widgets status is 'Good'&lt;div/>

</pre>
<hr/>
</div>
</div>
<hr/>
</div>
</div>
</div>

<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-md-4">
<h2>Scaleable</h2>

<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-md-4">
<h2>Scaleable</h2>
<p>You can use Intercooler.JS for as much or as little of your application as you like. It mixes in cleanly with
either traditional web-app methodology or fancy-pants single-page-app libraries.</p>
</div>
<div class="col-md-4">
<h2>Declarative</h2>
<p>Keeping the simple stuff simple, you can use easy to understand REST-ful urls to specify a server-side UI model for your HTML elements. Of course, Intercooler is pluggable, so you can drop into javascript whenever you'd like.</p>
</div>
<div class="col-md-4">
<h2>Automatic Dependency Detection</h2>
<p>Intercooler uses pattern matching in your REST-ful URLs to detect and refresh dependencies between independent elements. Typically it will do the right thing without any additional work on your part. Of course, if you need to add or ignore dependencies, Intercooler allows you to do that as well.</p>
</div>
</div>
<p>You can use Intercooler.JS for as much or as little of your application as you like. It mixes in cleanly with
either traditional web-app methodology or fancy-pants single-page-app libraries.</p>
</div>
<div class="col-md-4">
<h2>Declarative</h2>

<hr>
<p>Keeping the simple stuff simple, you can use easy to understand REST-ful urls to specify a server-side UI model
for your HTML elements. Of course, Intercooler is pluggable, so you can drop into javascript whenever you'd
like.</p>
</div>
<div class="col-md-4">
<h2>Automatic Dependency Detection</h2>

<footer>
<p>&copy; <a href="http://intercoolerjs.org">IntercoolerJS.org</a> 2013-2014</p>
</footer>
</div> <!-- /container -->
<p>Intercooler uses pattern matching in your REST-ful URLs to detect and refresh dependencies between independent
elements. Typically it will do the right thing without any additional work on your part. Of course, if you need
to add or ignore dependencies, Intercooler allows you to do that as well.</p>
</div>
</div>
</div> <!-- /container -->


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
</body>
</html>

0 comments on commit d81a405

Please sign in to comment.