summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorDaniel Isaksen <d@duniel.no>2018-12-06 15:29:39 +0100
committerDaniel Isaksen <d@duniel.no>2018-12-06 15:29:39 +0100
commit764a9dd9fedc48499517f07eb455b751149669e8 (patch)
treeb9a61b19725518b8f5564b420a06ab35d6e5b201
parent1090ff5a28a8ef97a3e1dc6146268585d9e9a055 (diff)
downloadalpine-netviz-764a9dd9fedc48499517f07eb455b751149669e8.tar.bz2
alpine-netviz-764a9dd9fedc48499517f07eb455b751149669e8.tar.xz
remove materialize, use Font Awesome instead
-rw-r--r--alpine-netviz.css10
-rw-r--r--alpine-netviz.js11
-rw-r--r--index.html11
3 files changed, 25 insertions, 7 deletions
diff --git a/alpine-netviz.css b/alpine-netviz.css
index 2488fa6..35cf7b3 100644
--- a/alpine-netviz.css
+++ b/alpine-netviz.css
@@ -1,3 +1,13 @@
+body, html {
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ top: 0;
+ left: 0;
+ margin: 0;
+ padding: 0;
+}
+
.content {
position: absolute;
display: block;
diff --git a/alpine-netviz.js b/alpine-netviz.js
index 8b1f710..d84ed35 100644
--- a/alpine-netviz.js
+++ b/alpine-netviz.js
@@ -149,12 +149,19 @@ jQuery(document).ready(function($) {
},
groups: {
virtual_machines: {
+ shape: "icon",
+ icon: {
+ face: "FontAwesome",
+ code: "\uF233",
+ color: "#0074D9"
+ }
},
clusters: {
shape: "icon",
icon: {
- face: "Material Icons",
- code: "\uE2BD",
+ face: "FontAwesome",
+ code: "\uF0C2",
+ color: "#FF851B"
}
}
}
diff --git a/index.html b/index.html
index f18f904..3ace122 100644
--- a/index.html
+++ b/index.html
@@ -6,9 +6,10 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
+ <!--<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">-->
+ <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">-->
+ <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">-->
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis.min.css">
<link rel="stylesheet" href="alpine-netviz.css">
</head>
@@ -22,8 +23,8 @@
</div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
+ <!--<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>-->
+ <!--<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>-->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis.min.js"></script>
<script type="text/javascript" src="alpine-netviz.js"></script>