Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

futzing with tabs

  • Loading branch information...
commit dbd70ff5c114ce3facdb1a59f907d9414ad3e93c 1 parent dc088be
@worrydream authored
Showing with 38 additions and 46 deletions.
  1. +37 −37 TangleTemplate.html
  2. +1 −1  download.html
  3. +0 −8 style.css
View
74 TangleTemplate.html
@@ -1,48 +1,48 @@
<!DOCTYPE html>
<html>
<head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>Tangle document</title>
-
- <!-- Tangle -->
- <script type="text/javascript" src="Tangle.js"></script>
-
- <!-- TangleKit (optional) -->
- <link rel="stylesheet" href="TangleKit/TangleKit.css" type="text/css">
- <script type="text/javascript" src="TangleKit/mootools.js"></script>
- <script type="text/javascript" src="TangleKit/sprintf.js"></script>
- <script type="text/javascript" src="TangleKit/BVTouchable.js"></script>
- <script type="text/javascript" src="TangleKit/TangleKit.js"></script>
-
- <!-- example -->
- <script type="text/javascript">
-
- function setUpTangle () {
-
- var element = document.getElementById("example");
-
- var tangle = new Tangle(element, {
- initialize: function () {
- this.cookies = 4;
- this.caloriesPerCookie = 50;
- },
- update: function () {
- this.calories = this.cookies * this.caloriesPerCookie;
- }
- });
- }
-
- </script>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <title>Tangle document</title>
+
+ <!-- Tangle -->
+ <script type="text/javascript" src="Tangle.js"></script>
+
+ <!-- TangleKit (optional) -->
+ <link rel="stylesheet" href="TangleKit/TangleKit.css" type="text/css">
+ <script type="text/javascript" src="TangleKit/mootools.js"></script>
+ <script type="text/javascript" src="TangleKit/sprintf.js"></script>
+ <script type="text/javascript" src="TangleKit/BVTouchable.js"></script>
+ <script type="text/javascript" src="TangleKit/TangleKit.js"></script>
+
+ <!-- example -->
+ <script type="text/javascript">
+
+ function setUpTangle () {
+
+ var element = document.getElementById("example");
+
+ var tangle = new Tangle(element, {
+ initialize: function () {
+ this.cookies = 4;
+ this.caloriesPerCookie = 50;
+ },
+ update: function () {
+ this.calories = this.cookies * this.caloriesPerCookie;
+ }
+ });
+ }
+
+ </script>
</head>
<body onload="setUpTangle();">
- <p>This is a simple reactive document.</p>
+ <p>This is a simple reactive document.</p>
- <p id="example">
- When you eat <span data-var="cookies" class="TKAdjustableNumber" data-min="2" data-max="100"> cookies</span>, you
- will consume <span data-var="calories"></span> calories.
- </p>
+ <p id="example">
+ When you eat <span data-var="cookies" class="TKAdjustableNumber" data-min="2" data-max="100"> cookies</span>, you
+ will consume <span data-var="calories"></span> calories.
+ </p>
</body>
</html>
View
2  download.html
@@ -5,7 +5,7 @@
<base target="_top">
<title>Tangle: Download</title>
- <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
+ <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="Fonts/Insolent/stylesheet.css" type="text/css">
<link rel="stylesheet" href="Fonts/BorisBlackBloxx/stylesheet.css" type="text/css">
<link rel="stylesheet" href="style.css" type="text/css">
View
8 style.css
@@ -240,14 +240,6 @@ strong {
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
-/* cookie example */
-
-#cookieExample {
- position:relative;
-}
-
-
-/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* park example */
#parkExample {

0 comments on commit dbd70ff

Please sign in to comment.
Something went wrong with that request. Please try again.