-
Notifications
You must be signed in to change notification settings - Fork 1
/
dynamic_Sankey_Html_Practice.html
65 lines (54 loc) · 2.37 KB
/
dynamic_Sankey_Html_Practice.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!--ShataydrianMarshall-->
<!--User Story: Learning Html->
<!DOCTYPE html>
<script src='https://cdn.plot.ly/plotly-lates.min.js'></script>
<html>
<head>
<title style="font-size:60px; color:red; " "> Dynamic Sankey, Team 10!</title>
<link rel="stylesheet " href="ds.css ">
</head>
<body>
<h1>What is a Dynamic Sankey?</h1>
<p>Group 10, has partnered with Oak Ridge National Labatory to create a Dynamic Sankey diagram!
<br> The goal is to allow Engineers and researchers within the Lab to have a user friendly interface that will allow them to create sankey diagrams. </p>
</body>
<!-- <div class="container ">
<img src="SankeyDiagram.jpg " class="float-right ">
</div> -->
<h1 style="background-color:lavender; ">Create a Sankey Below</h1>
<!--<p style="background-color:Tomato; ">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</p>-->
<head>
<style>
.btn-group .button {
background-color: #6f3e8e3f; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
cursor: pointer;
float: left;
}
.btn-group .button:hover {
background-color: #6f3e8e3f;
}
</style>
</head>
<body>
<!--<h2>Button Groups</h2>-->
<p>Click the button below to add a node to the Sankey Diagram:</p>
<div class="btn-group ">
<button class="button ">Add a node</button>
<button class="button ">Add a node</button>
<button class="button ">Add a node</button>
<button class="button ">Add a node</button>
</div>
</body>
<a href="something " class="button1 ">Button</a>
<a href="something " class="button1 ">Another button</a>
</html>