-
Notifications
You must be signed in to change notification settings - Fork 1
/
html.html
134 lines (108 loc) · 3.68 KB
/
html.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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE HTML>
<!--
Telephasic by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<body class="left-sidebar is-preload">
<style>
.node {
cursor: pointer;
}
.node circle {
fill: #fff;
stroke: steelblue;
stroke-width: 3px;
}
.node text {
font: 12px sans-serif;
}
.link {
fill: none;
stroke: #ccc;
stroke-width: 2px;
}
</style>
<title>HTML Code Visualization</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="left-sidebar is-preload">
<script src="src/bundle.js"></script>
<div id="page-wrapper">
<!-- Header -->
<div id="header-wrapper">
<div id="header" class="container">
<!-- Logo -->
<h1 id="logo"><a href="index.html">CodeVision</a></h1>
</div>
</div>
<!-- Main -->
<div class="wrapper">
<div class="container" id="main">
<div class="row gtr-150">
<div class="col-4 col-12-narrower">
<!-- Sidebar -->
<section id="sidebar">
<section>
<header>
<h3>Input HTML Here!</h3>
</header>
<ul class="actions">
<div>
<textarea id="t1" rows="7" cols="30"></textarea>
<br>
<li>
<button class="button" id="but" name="p" style="margin-left: 75px;">
Go!
</button>
</li>
</div>
</ul>
</section>
</section>
</div>
<div class="col-8 col-12-narrower imp-narrower">
<!-- Content -->
<article id="content">
<header>
<h2>HTML Function Call Relation</h2>
</header>
<div id="graph">
<p style="color: black;">
Use curved edges to show Java function call relationship. The callers of a function are shown
in blue lines and the callees are shown in red lines.
</p>
</div>
</article>
</div>
</div>
<div id="copyright" class="container" style="padding: 20px;">
<header class="major" style="padding: 10px; margin: 0;">
<a href="index.html" class="button">Go Back</a>
</header>
</div>
<div id="copyright" class="container" style="margin: 0;">
<ul class="menu">
<li>Implemented with ♥ by Wenhao Su, Yichen Yang, Zhen Yu</li>
</ul>
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<!-- load the d3.js library -->
<!-- <script src="https://d3js.org/d3.v3.min.js"></script>-->
<script src="https://d3js.org/d3.v3.min.js"></script>
<!-- <script type="text/javascript" src="htmlTree.json"></script>-->
<script src="src/bundle.js"></script>
</body>
</html>