Skip to content

Commit

Permalink
[docs] Improved link texts
Browse files Browse the repository at this point in the history
  • Loading branch information
@totallynotvaishnav
totallynotvaishnav committed Jun 15, 2022
1 parent 81f263b commit f7bc10e
Showing 1 changed file with 29 additions and 23 deletions.
52 changes: 29 additions & 23 deletions examples/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,34 +3,40 @@
<head>
<title>netjsongraph.js: basic examples</title>
<meta charset="utf-8">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap" rel="stylesheet">
<style>
body{
margin: 0;
padding: 0;
box-sizing: border-box;
background-color: #eceaea;
overflow-x: hidden;
font-family: 'Roboto', sans-serif;
}

header{
text-align: center;
color: #333;
font-size: 22px;
font-size: 21px;
}

main{
display: flex;
justify-content: space-between;
width: 80vw;
flex-wrap: wrap;
margin: 0 auto;
margin: 50px auto;
}

main a{
text-decoration: none;
color: black;
font-size: 17px;
transition: all 0.2s ease;
text-align: center;
font-weight: 300;
}

.cards{
Expand All @@ -55,68 +61,68 @@
</head>
<body>
<header>
<h1>Basic Examples</h1>
<h1>NetJSONGraph.js Example Demos</h1>
</header>
<main>
<div class="cards">
<a href="./netjsongraph.html" target="_blank">Link to netjsongraph base demo</a>
<a href="./netjsongraph.html" target="_blank">Basic usage</a>
</div>
<div class="cards">
<a href="./netjsonmap.html" target="_blank">Link to netjsonmap base demo</a>
<a href="./netjsonmap.html" target="_blank">Geographic map</a>
</div>
<div class="cards">
<a href="./netjson-multipleInterfaces.html" target="_blank">Link to netjsongraph multiple interfaces demo</a>
<a href="./netjson-multipleInterfaces.html" target="_blank">Multiple interfaces</a>
</div>
<div class="cards">
<a href="./netjson-searchElements.html" target="_blank">Link to netjsongraph search elements demo</a>
<a href="./netjson-searchElements.html" target="_blank">Search elements</a>
</div>
<div class="cards">
<a href="./netjson-dateParse.html" target="_blank">Link to netjsongraph dateParse demo</a>
<a href="./netjson-dateParse.html" target="_blank">Date parse</a>
</div>
<div class="cards">
<a href="./netjson-switchRenderMode.html" target="_blank">Link to netjsongraph switch render mode demo</a>
<a href="./netjson-switchRenderMode.html" target="_blank">Switch render mode</a>
</div>
<div class="cards">
<a href="./netjson-switchGraphMode.html" target="_blank">Link to netjsongraph switch graph mode demo</a>
<a href="./netjson-switchGraphMode.html" target="_blank">Switch graph mode</a>
</div>
<div class="cards">
<a href="./netjson-updateData.html" target="_blank">Link to netjsongraph updateData realtime demo</a>
<a href="./netjson-updateData.html" target="_blank">Update data realtime</a>
</div>
<div class="cards">
<a href="./netjsongraph-nodeExpand.html" target="_blank">Link to netjsongraph nodes expand or fold demo</a>
<a href="./netjsongraph-nodeExpand.html" target="_blank">Nodes expand or fold</a>
</div>
<div class="cards">
<a href="./netjsonmap-indoormap.html" target="_blank">Link to netjsongraph indoormap demo</a>
<a href="./netjsonmap-indoormap.html" target="_blank">Indoor map</a>
</div>
<div class="cards">
<a href="./netjsonmap-indoormap2.html" target="_blank">Link to netjsongraph indoormap demo 2.</a>
<a href="./netjsonmap-indoormap2.html" target="_blank">Indoor map 2</a>
</div>
<div class="cards">
<a href="./netjsonmap-plugins.html" target="_blank">Link to netjsongraph leaflet plugins demo</a>
<a href="./netjsonmap-plugins.html" target="_blank">Leaflet plugins</a>
</div>
<div class="cards">
<a href="./netjsongraph-graphGL.html" target="_blank">Link to netjsongraph graphGL render for big data demo</a>
<a href="./netjsongraph-graphGL.html" target="_blank">GraphGL render for big data</a>
</div>
<div class="cards">
<a href="./netjsongraph-elementsLegend.html" target="_blank">Link to demo which shows how to set colorful elements</a>
<a href="./netjsongraph-elementsLegend.html" target="_blank">Set colorful elements</a>
</div>
<div class="cards">
<a href="./netjsongraph-multipleLinks.html" target="_blank">Link to netjsongraph multiple links render demo</a>
<a href="./netjsongraph-multipleLinks.html" target="_blank">Multiple links render</a>
</div>
<div class="cards">
<a href="./netjsonmap-nodeTiles.html" target="_blank">Link to demo which demonstrates the use of JSONDataUpdate function to update data by overriding</a>
<a href="./netjsonmap-nodeTiles.html" target="_blank">JSONDataUpdate using override option</a>
</div>
<div class="cards">
<a href="./netjsonmap-animation.html" target="_blank">Link to netjsongraph map animation lines demo</a>
<a href="./netjsonmap-appendData.html" target="_blank">JSONDataUpdate using append option</a>
</div>
<div class="cards">
<a href="./netjsonmap-multipleTiles.html" target="_blank">Link to demo which demonstrates multiple tiles render</a>
<a href="./netjsonmap-multipleTiles.html" target="_blank">Multiple tiles render</a>
</div>
<div class="cards">
<a href="./netjsonmap-appendData.html" target="_blank">Link to demo which demonstrates the use of JSONDataUpdate function to update data by appending</a>
<a href="./netjsonmap-animation.html" target="_blank">Geographic map animated links</a>
</div>
<div class="cards">
<a href="./netjsonmap-appendData2.html" target="_blank">Link to demo which demonstrates the use of array to append data step by step at start</a>
<a href="./netjsonmap-appendData2.html" target="_blank">Append data using arrays</a>
</div>
</main>
</body>
Expand Down

0 comments on commit f7bc10e

Please sign in to comment.