Initial web page

12 years ago · 15e6e3e57c
--- a/css/style.css
+++ b/css/style.css
@ -0,0 +1,208 @@

 html, body {
    font-family: arial;
    font-size: 11pt;
    color: #4D4D4D;
    line-height: 1.7em;

    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
 }

 body {
    overflow-y: scroll;
 }

 #container {
    margin: 0 auto;
    width: 900px;
    width: 600px;

    /* TODO: cleanup
    height: 100%;
    */
 }

 #menu {
    width: 150px;
    float: left;
    text-align: right;

    /* TODO: cleanup
    height: 100%;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
    */
 }

 #menu-inner {
    padding: 70px 20px 0px 0px;
 }

 #contents {
    /* TODO: cleanup
    margin-left: 150px;
    */
    padding: 50px 25px;

    width: 700px;
    float: left;
 }

 h2 {
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #a0c0f0;
    color: #2B7CE9;
 }

 a {
    color: #2B7CE9;
    text-decoration: none;
 }
 a:visited {
    color: #2E60A4;
 }
 a:hover {
    color: red;
    text-decoration: underline;
 }

 /*
 ul.nav {
  text-decoration: none;
  text-transform: uppercase;

  margin-bottom: 30px;
  padding-left: 0px;
 }
 li.nav {
  list-style: none;
 }

 ul li.nav {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11pt;
  color: #2B7CE9;

  margin-top: 5px;
 }

 ul li ul li.nav {
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-size: 11pt;
  color: #4D4D4D;
 }
 */

 div.nav ul {
    text-decoration: none;
    text-transform: uppercase;

    margin-bottom: 30px;
    padding-left: 0px;
 }
 li.nav {

 }

 div.nav ul li {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11pt;
    color: #2B7CE9;

    list-style: none;
    margin-top: 5px;
 }

 div.nav ul li ul li {
    text-decoration: none;
    text-transform: none;
    font-weight: normal;
    font-size: 11pt;
    color: #4D4D4D;

    list-style: none;
 }

 a.nav {
    color: #4D4D4D;
 }

 a.nav:hover {
    color: #2B7CE9;
 }


 table.example {
    border-collapse: collapse;
 }

 th.example {
    font-weight: normal;
    border: 1px solid lightgray;
    background-color: #E5E5E5;
    text-align: left;
    vertical-align: top;
    padding: 5px;
 }
 td.example {
    border: 1px solid lightgray;
    padding: 5px;
 }


 pre {
    line-height: 1.5em;
    font-size: 10pt;
    overflow-x: auto;
    background-color: #F5F5F5;
    border: 1px solid lightgray;
    padding: 5px;
 }

 pre.example {
    background-color: transparent;
    border: none;
    padding: 0px;
    margin: 0px;
 }


 div.lastupdate {
    font-size: 75%;
    margin-top: 40px;

    border-top: 1px solid #a0c0f0;
    color: #2B7CE9;
 }

 img {
    border: none;
 }

 img.thumb {
    border: 1px solid #a0c0f0;
    width: 120px;
    height: 60px;
 }

 img.thumb:hover {
    border-color: #2E60A4;
 }

 #forkme {
    position: fixed;
    top: 0;
    right: 0;
    border: 0;
 }
--- a/images/bg_hr.png
+++ b/images/bg_hr.png
--- a/images/blacktocat.png
+++ b/images/blacktocat.png
--- a/images/icon_download.png
+++ b/images/icon_download.png
--- a/images/sprite_download.png
+++ b/images/sprite_download.png
--- a/img/forkme_right_darkblue_121621.png
+++ b/img/forkme_right_darkblue_121621.png
--- a/index.html
+++ b/index.html
@ -1,57 +1,47 @@
 <!DOCTYPE html>
 <html>

  <head>
 <head>
    <meta charset='utf-8' />
    <meta http-equiv="X-UA-Compatible" content="chrome=1" />
    <meta name="description" content="vis.js : Dynamic, browser-based visualization library" />
    <meta name="description" content="vis.js : dynamic, browser-based visualization library" />

    <link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">

    <title>vis.js</title>
  </head>
    <title>vis.js | dynamic, browser-based visualization library</title>
 </head>

  <body>
 <body>

    <!-- HEADER -->
    <div id="header_wrap" class="outer">
        <header class="inner">
          <a id="forkme_banner" href="https://github.com/almende/vis">View on GitHub</a>
 <div id="container">
    <h1>vis.js</h1>

          <h1 id="project_title">vis.js</h1>
          <h2 id="project_tagline">Dynamic, browser-based visualization library</h2>
    <p>
        Vis.js is a dynamic, browser based visualization library.
        The library is designed to be easy to use, to handle large amounts
        of dynamic data, and to enable manipulation of the data.
        The library consists of a Timeline, LineChart, LineChart3d, Graph, and Treegrid.
    </p>

            <section id="downloads">
              <a class="zip_download_link" href="https://github.com/almende/vis/zipball/master">Download this project as a .zip file</a>
              <a class="tar_download_link" href="https://github.com/almende/vis/tarball/master">Download this project as a tar.gz file</a>
            </section>
        </header>
    </div>
    <p>
        Vis.js Library is part of <a href="http://chap.almende.com">CHAP</a>,
        the Common Hybrid Agent Platform, developed by <a href="http://almende.com">Almende B.V</a>.
        It is the successor of the <a href="https://github.com/almende/chap-links-library">CHAP Links Library</a>.
    </p>

    <!-- MAIN CONTENT -->
    <div id="main_content_wrap" class="outer">
      <section id="main_content" class="inner">
        <h1>vis.js</h1>
    <p>
        The source code of vis.js is available on github:
        <a href="https://github.com/almende/vis" target="_blank">https://github.com/almende/vis</a>
    </p>

 <p>Vis.js is a dynamic, browser based visualization library.
 The library is designed to be easy to use, to handle large amounts
 of dynamic data, and to enable manipulation of the data.
 The library consists of Timeline, LineChart, LineChart3d, Graph, and Treegrid.</p>
    <p style="font-style: italic;">
        Coming soon...
    </p>
 </div>

 <p>vis.js Library is part of <a href="http://chap.almende.com">CHAP</a>,
 the Common Hybrid Agent Platform, developed by <a href="http://almende.com">Almende B.V</a>.</p>
      </section>
    </div>
 <a id="forkme" href="https://github.com/almende/vis/" target="_blank">
    <img src="img/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" >
 </a>

    <!-- FOOTER  -->
    <div id="footer_wrap" class="outer">
      <footer class="inner">
        <p class="copyright">vis.js maintained by <a href="https://github.com/almende">almende</a></p>
        <p>Published with <a href="http://pages.github.com">GitHub Pages</a></p>
      </footer>
    </div>

    

  </body>
 </body>
 </html>
--- a/javascripts/main.js
+++ b/javascripts/main.js
@ -1 +0,0 @@
 console.log('This would be the main JS file.');
--- a/params.json
+++ b/params.json
@ -1 +0,0 @@
 {"name":"vis.js","tagline":"Dynamic, browser-based visualization library","body":"vis.js\r\n==================\r\n\r\nVis.js is a dynamic, browser based visualization library.\r\nThe library is designed to be easy to use, to handle large amounts\r\nof dynamic data, and to enable manipulation of the data.\r\nThe library consists of Timeline, LineChart, LineChart3d, Graph, and Treegrid.\r\n\r\nvis.js Library is part of [CHAP](http://chap.almende.com),\r\nthe Common Hybrid Agent Platform, developed by [Almende B.V](http://almende.com).\r\n","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."}
--- a/stylesheets/pygment_trac.css
+++ b/stylesheets/pygment_trac.css
@ -1,70 +0,0 @@
 .highlight .hll { background-color: #ffffcc }
 .highlight  { background: #f0f3f3; }
 .highlight .c { color: #0099FF; font-style: italic } /* Comment */
 .highlight .err { color: #AA0000; background-color: #FFAAAA } /* Error */
 .highlight .k { color: #006699; font-weight: bold } /* Keyword */
 .highlight .o { color: #555555 } /* Operator */
 .highlight .cm { color: #0099FF; font-style: italic } /* Comment.Multiline */
 .highlight .cp { color: #009999 } /* Comment.Preproc */
 .highlight .c1 { color: #0099FF; font-style: italic } /* Comment.Single */
 .highlight .cs { color: #0099FF; font-weight: bold; font-style: italic } /* Comment.Special */
 .highlight .gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */
 .highlight .ge { font-style: italic } /* Generic.Emph */
 .highlight .gr { color: #FF0000 } /* Generic.Error */
 .highlight .gh { color: #003300; font-weight: bold } /* Generic.Heading */
 .highlight .gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */
 .highlight .go { color: #AAAAAA } /* Generic.Output */
 .highlight .gp { color: #000099; font-weight: bold } /* Generic.Prompt */
 .highlight .gs { font-weight: bold } /* Generic.Strong */
 .highlight .gu { color: #003300; font-weight: bold } /* Generic.Subheading */
 .highlight .gt { color: #99CC66 } /* Generic.Traceback */
 .highlight .kc { color: #006699; font-weight: bold } /* Keyword.Constant */
 .highlight .kd { color: #006699; font-weight: bold } /* Keyword.Declaration */
 .highlight .kn { color: #006699; font-weight: bold } /* Keyword.Namespace */
 .highlight .kp { color: #006699 } /* Keyword.Pseudo */
 .highlight .kr { color: #006699; font-weight: bold } /* Keyword.Reserved */
 .highlight .kt { color: #007788; font-weight: bold } /* Keyword.Type */
 .highlight .m { color: #FF6600 } /* Literal.Number */
 .highlight .s { color: #CC3300 } /* Literal.String */
 .highlight .na { color: #330099 } /* Name.Attribute */
 .highlight .nb { color: #336666 } /* Name.Builtin */
 .highlight .nc { color: #00AA88; font-weight: bold } /* Name.Class */
 .highlight .no { color: #336600 } /* Name.Constant */
 .highlight .nd { color: #9999FF } /* Name.Decorator */
 .highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
 .highlight .ne { color: #CC0000; font-weight: bold } /* Name.Exception */
 .highlight .nf { color: #CC00FF } /* Name.Function */
 .highlight .nl { color: #9999FF } /* Name.Label */
 .highlight .nn { color: #00CCFF; font-weight: bold } /* Name.Namespace */
 .highlight .nt { color: #330099; font-weight: bold } /* Name.Tag */
 .highlight .nv { color: #003333 } /* Name.Variable */
 .highlight .ow { color: #000000; font-weight: bold } /* Operator.Word */
 .highlight .w { color: #bbbbbb } /* Text.Whitespace */
 .highlight .mf { color: #FF6600 } /* Literal.Number.Float */
 .highlight .mh { color: #FF6600 } /* Literal.Number.Hex */
 .highlight .mi { color: #FF6600 } /* Literal.Number.Integer */
 .highlight .mo { color: #FF6600 } /* Literal.Number.Oct */
 .highlight .sb { color: #CC3300 } /* Literal.String.Backtick */
 .highlight .sc { color: #CC3300 } /* Literal.String.Char */
 .highlight .sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */
 .highlight .s2 { color: #CC3300 } /* Literal.String.Double */
 .highlight .se { color: #CC3300; font-weight: bold } /* Literal.String.Escape */
 .highlight .sh { color: #CC3300 } /* Literal.String.Heredoc */
 .highlight .si { color: #AA0000 } /* Literal.String.Interpol */
 .highlight .sx { color: #CC3300 } /* Literal.String.Other */
 .highlight .sr { color: #33AAAA } /* Literal.String.Regex */
 .highlight .s1 { color: #CC3300 } /* Literal.String.Single */
 .highlight .ss { color: #FFCC33 } /* Literal.String.Symbol */
 .highlight .bp { color: #336666 } /* Name.Builtin.Pseudo */
 .highlight .vc { color: #003333 } /* Name.Variable.Class */
 .highlight .vg { color: #003333 } /* Name.Variable.Global */
 .highlight .vi { color: #003333 } /* Name.Variable.Instance */
 .highlight .il { color: #FF6600 } /* Literal.Number.Integer.Long */

 .type-csharp .highlight .k { color: #0000FF }
 .type-csharp .highlight .kt { color: #0000FF }
 .type-csharp .highlight .nf { color: #000000; font-weight: normal }
 .type-csharp .highlight .nc { color: #2B91AF }
 .type-csharp .highlight .nn { color: #000000 }
 .type-csharp .highlight .s { color: #A31515 }
 .type-csharp .highlight .sc { color: #A31515 }
--- a/stylesheets/stylesheet.css
+++ b/stylesheets/stylesheet.css
@ -1,431 +0,0 @@
 /*******************************************************************************
 Slate Theme for GitHub Pages
 by Jason Costello, @jsncostello
 *******************************************************************************/

@import url(pygment_trac.css);

 /*******************************************************************************
 MeyerWeb Reset
 *******************************************************************************/

 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td,
 article, aside, canvas, details, embed,
 figure, figcaption, footer, header, hgroup,
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
 }

 /* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
  display: block;
 }

 ol, ul {
  list-style: none;
 }

 blockquote, q {
 }

 table {
  border-collapse: collapse;
  border-spacing: 0;
 }

 a:focus {
  outline: none;
 }

 /*******************************************************************************
 Theme Styles
 *******************************************************************************/

 body {
  box-sizing: border-box;
  color:#373737;
  background: #212121;
  font-size: 16px;
  font-family: 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
 }

 h1, h2, h3, h4, h5, h6 {
  margin: 10px 0;
  font-weight: 700;
  color:#222222;
  font-family: 'Lucida Grande', 'Calibri', Helvetica, Arial, sans-serif;
  letter-spacing: -1px;
 }

 h1 {
  font-size: 36px;
  font-weight: 700;
 }

 h2 {
  padding-bottom: 10px;
  font-size: 32px;
  background: url('../images/bg_hr.png') repeat-x bottom;
 }

 h3 {
  font-size: 24px;
 }

 h4 {
  font-size: 21px;
 }

 h5 {
  font-size: 18px;
 }

 h6 {
  font-size: 16px;
 }

 p {
  margin: 10px 0 15px 0;
 }

 footer p {
  color: #f2f2f2;
 }

 a {
  text-decoration: none;
  color: #007edf;
  text-shadow: none;

  transition: color 0.5s ease;
  transition: text-shadow 0.5s ease;
  -webkit-transition: color 0.5s ease;
  -webkit-transition: text-shadow 0.5s ease;
  -moz-transition: color 0.5s ease;
  -moz-transition: text-shadow 0.5s ease;
  -o-transition: color 0.5s ease;
  -o-transition: text-shadow 0.5s ease;
  -ms-transition: color 0.5s ease;
  -ms-transition: text-shadow 0.5s ease;
 }

 #main_content a:hover {
  color: #0069ba;
  text-shadow: #0090ff 0px 0px 2px;
 }

 footer a:hover {
  color: #43adff;
  text-shadow: #0090ff 0px 0px 2px;
 }

 em {
  font-style: italic;
 }

 strong {
  font-weight: bold;
 }

 img {
  position: relative;
  margin: 0 auto;
  max-width: 739px;
  padding: 5px;
  margin: 10px 0 10px 0;
  border: 1px solid #ebebeb;

  box-shadow: 0 0 5px #ebebeb;
  -webkit-box-shadow: 0 0 5px #ebebeb;
  -moz-box-shadow: 0 0 5px #ebebeb;
  -o-box-shadow: 0 0 5px #ebebeb;
  -ms-box-shadow: 0 0 5px #ebebeb;
 }

 pre, code {
  width: 100%;
  color: #222;
  background-color: #fff;

  font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
  font-size: 14px;

  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;



 }

 pre {
  width: 100%;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,.1);
  overflow: auto;
 }

 code {
  padding: 3px;
  margin: 0 3px;
  box-shadow: 0 0 10px rgba(0,0,0,.1);
 }

 pre code {
  display: block;
  box-shadow: none;
 }

 blockquote {
  color: #666;
  margin-bottom: 20px;
  padding: 0 0 0 20px;
  border-left: 3px solid #bbb;
 }

 ul, ol, dl {
  margin-bottom: 15px
 }

 ul li {
  list-style: inside;
  padding-left: 20px;
 }

 ol li {
  list-style: decimal inside;
  padding-left: 20px;
 }

 dl dt {
  font-weight: bold;
 }

 dl dd {
  padding-left: 20px;
  font-style: italic;
 }

 dl p {
  padding-left: 20px;
  font-style: italic;
 }

 hr {
  height: 1px;
  margin-bottom: 5px;
  border: none;
  background: url('../images/bg_hr.png') repeat-x center;
 }

 table {
  border: 1px solid #373737;
  margin-bottom: 20px;
  text-align: left;
 }

 th {
  font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 10px;
  background: #373737;
  color: #fff;
 }

 td {
  padding: 10px;
  border: 1px solid #373737;
 }

 form {
  background: #f2f2f2;
  padding: 20px;
 }

 img {
  width: 100%;
  max-width: 100%;
 }

 /*******************************************************************************
 Full-Width Styles
 *******************************************************************************/

 .outer {
  width: 100%;
 }

 .inner {
  position: relative;
  max-width: 640px;
  padding: 20px 10px;
  margin: 0 auto;
 }

 #forkme_banner {
  display: block;
  position: absolute;
  top:0;
  right: 10px;
  z-index: 10;
  padding: 10px 50px 10px 10px;
  color: #fff;
  background: url('../images/blacktocat.png') #0090ff no-repeat 95% 50%;
  font-weight: 700;
  box-shadow: 0 0 10px rgba(0,0,0,.5);
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
 }

 #header_wrap {
  background: #212121;
  background: -moz-linear-gradient(top, #373737, #212121);
  background: -webkit-linear-gradient(top, #373737, #212121);
  background: -ms-linear-gradient(top, #373737, #212121);
  background: -o-linear-gradient(top, #373737, #212121);
  background: linear-gradient(top, #373737, #212121);
 }

 #header_wrap .inner {
  padding: 50px 10px 30px 10px;
 }

 #project_title {
  margin: 0;
  color: #fff;
  font-size: 42px;
  font-weight: 700;
  text-shadow: #111 0px 0px 10px;
 }

 #project_tagline {
  color: #fff;
  font-size: 24px;
  font-weight: 300;
  background: none;
  text-shadow: #111 0px 0px 10px;
 }

 #downloads {
  position: absolute;
  width: 210px;
  z-index: 10;
  bottom: -40px;
  right: 0;
  height: 70px;
  background: url('../images/icon_download.png') no-repeat 0% 90%;
 }

 .zip_download_link {
  display: block;
  float: right;
  width: 90px;
  height:70px;
  text-indent: -5000px;
  overflow: hidden;
  background: url(../images/sprite_download.png) no-repeat bottom left;
 }

 .tar_download_link {
  display: block;
  float: right;
  width: 90px;
  height:70px;
  text-indent: -5000px;
  overflow: hidden;
  background: url(../images/sprite_download.png) no-repeat bottom right;
  margin-left: 10px;
 }

 .zip_download_link:hover {
  background: url(../images/sprite_download.png) no-repeat top left;
 }

 .tar_download_link:hover {
  background: url(../images/sprite_download.png) no-repeat top right;
 }

 #main_content_wrap {
  background: #f2f2f2;
  border-top: 1px solid #111;
  border-bottom: 1px solid #111;
 }

 #main_content {
  padding-top: 40px;
 }

 #footer_wrap {
  background: #212121;
 }



 /*******************************************************************************
 Small Device Styles
 *******************************************************************************/

@media screen and (max-width: 480px) {
  body {
    font-size:14px;
  }

  #downloads {
    display: none;
  }

  .inner {
    min-width: 320px;
    max-width: 480px;
  }

  #project_title {
  font-size: 32px;
  }

  h1 {
    font-size: 28px;
  }

  h2 {
    font-size: 24px;
  }

  h3 {
    font-size: 21px;
  }

  h4 {
    font-size: 18px;
  }

  h5 {
    font-size: 14px;
  }

  h6 {
    font-size: 12px;
  }

  code, pre {
    min-width: 320px;
    max-width: 480px;
    font-size: 11px;
  }

 }