generalized menu bar, added tiddlywiki to showcase

10 years ago · 4d22effb04
--- a/blog.html
+++ b/blog.html
@ -43,6 +43,7 @@
        div.navbar-wrapper {
            background-color:#07508E;
            border-bottom: 3px solid #ffffff;
            font-size:16px;
        }

        div.center {
@ -51,7 +52,7 @@
            margin-right:auto;
        }

        div.container {
        div.container.small{
            max-width:970px;
        }

@ -173,7 +174,7 @@
 </div>

 <a href="https://github.com/almende/vis" class="hidden-xs hidden-sm hidden-md"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a>
 <div class="container full">
 <div class="container full small">
    <div class="center">
        <img src="./images/wallHeader.png">
    </div>
--- a/css/examples.css
+++ b/css/examples.css
@ -6,12 +6,10 @@ body {
 div.contentWrapper {
    padding:10px;
 }
 div.container {
    max-width:970px;
 }
 div.navbar-wrapper {
    background-color:#07508E;
    border-bottom: 3px solid #ffffff;
    font-size:16px;
 }


--- a/featureRequests.html
+++ b/featureRequests.html
@ -8,7 +8,7 @@
    <link rel="icon" HREF="favicon.ico">

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -19,10 +19,19 @@


    <style>

        body {
            padding:10px;
            font-family: Lustria,Georgia,Times,"Times New Roman",serif !important;
        }
        div.navbar-wrapper {
            background-color:#07508E;
            border-bottom: 3px solid #ffffff;
            font-size:16px;
            font-weight:normal;
        }
        div.contentWrapper {
            padding:20px;
        }

        div.textHTMLContent {
            display:block;
@ -57,13 +66,45 @@
            max-width:900px;
        }

        a {
            font-weight:bold;
        }
    </style>

 </head>
 <body>



 <div class="navbar-wrapper">
    <div class="container">
        <nav class="navbar navbar-inverse navbar-static-top" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand hidden-sm" href="./index.html">vis.js</a>
                </div>
                <div id="navbar" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="./index.html#modules">Modules</a></li>
                        <li><a href="./docs/index.html" target="_blank">Documentation <img class="icon" src="./images/external-link-icons/external-link-icon-white.png"></a></li>
                        <li><a href="./blog.html">Blog</a></li>
                        <li><a href="./index.html#download_install">Download</a></li>
                        <li><a href="./showcase/index.html">Showcase</a></li>
                        <li><a href="./index.html#contribute">Contribute</a></li>
                        <li class="active"><a href="./featureRequests.html">Feature requests</a></li>
                        <li><a href="./index.html#licenses">License</a></li>
                    </ul>
                </div>
            </div>
        </nav>

    </div>
 </div>

 <div class="contentWrapper">
 <h1>Feature requests</h1>
 <hr class="featurette-divider">
 <div class="textHTMLContent">
@ -157,7 +198,7 @@ Legend:
 <ul>
    <li class="normal">(<a href="https://github.com/almende/vis/issues/339" target="_blank">339</a>) Dynamically update the filter of a DataView.</li>
 </ul>

 </div>

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

--- a/showcase/images/antworks_1.png.crdownload
+++ b/showcase/images/antworks_1.png.crdownload
--- a/showcase/images/tiddlywiki.png
+++ b/showcase/images/tiddlywiki.png
--- a/showcase/index.html
+++ b/showcase/index.html
@ -7,7 +7,7 @@
    <title>vis.js showcase</title>
    <link rel="icon" HREF="favicon.ico">
    <!-- Bootstrap -->
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/bootstrap.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -20,7 +20,14 @@
    <style>
        body {
            font-family: Lustria,Georgia,Times,"Times New Roman",serif !important;
            padding:10px;
        }
        div.navbar-wrapper {
            background-color:#07508E;
            border-bottom: 3px solid #ffffff;
            font-size:16px;
        }
        div.contentWrapper {
            padding:20px;
        }

        a:link {color: #8bb9fb;}
@ -67,8 +74,41 @@

 </head>
 <body>
 <h1>Showcase projects</h1>


 <div class="navbar-wrapper">
    <div class="container">
        <nav class="navbar navbar-inverse navbar-static-top" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand hidden-sm" href="../index.html">vis.js</a>
                </div>
                <div id="navbar" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="../index.html#modules">Modules</a></li>
                        <li><a href="../docs/index.html" target="_blank">Documentation <img class="icon" src="../images/external-link-icons/external-link-icon-white.png"></a></li>
                        <li><a href="../blog.html">Blog</a></li>
                        <li><a href="../index.html#download_install">Download</a></li>
                        <li class="active"><a href="">Showcase</a></li>
                        <li><a href="../index.html#contribute">Contribute</a></li>
                        <li><a href="../featureRequests.html">Feature requests</a></li>
                        <li><a href="../index.html#licenses">License</a></li>
                    </ul>
                </div>
            </div>
        </nav>

    </div>
 </div>

 <div class="contentWrapper">
    <h1>Showcase projects</h1>
 <div class="container-fluid">
    These are projects we made using vis, or ones we received from the community. If you'd like your project to be featured here, please <a href="https://github.com/almende/vis/issues" target="_blank">post an issue on our Git page</a>.
    <div class="row">
@ -167,8 +207,27 @@
            </div>
        </div>
    </div>
 </div>

    <div class="row">
        <div class="col-md-12 col-lg-6">
            <a href="http://felixhayashi.github.io/TW5-TiddlyMap/index.html">
                <img src="./images/tiddlywiki.png" class="showcase img-responsive">
            </a>
            <div class="description">
                <div class="descriptionHeader">
                    <a href="http://tiddlywiki.com/"> TiddlyWiki</a>
                </div>
                <div class="descriptionContent">
                    The vis graphs are neatly embedded in the overall wiki content and can support the text at any place. Also, since vis allows click events on nodes,
                    articles can comfortably opened from any graph, which helps the user in quickly jumping between topics.
                    Thus, a graph-wiki-hybrid is created which makes it incredibly easy to integrate, link and visualize ideas and topics.
                </div>
            </div>
        </div>

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

 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->