-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathdon3ts_index.html
81 lines (74 loc) · 4.06 KB
/
don3ts_index.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
<!doctype html>
<html lang="en">
<header>
<title>don3ts</title><!-- Bootstrap CSS -->
<link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="/css/assets.css">
<link rel="stylesheet" href="/node_modules/tabulator-tables/dist/css/tabulator.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="name" content="don3ts">
</header>
<body>
<nav class="navbar navbar-dark navbar-expand-sm navbar-static-top">
<div class="container">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#Navbar">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand mr-auto" href="#"><img src="/images/logo.PNG" height="30" width="30" style="margin-bottom: 0.2vw"></a>
<div class="collapse navbar-collapse" id="Navbar">
<ul class="navbar-nav mr-auto">
<li class="nav-item"><a class="nav-link" href="/index.html"><span class="fa fa-home fa-lg"></span> Home</a></li>
<li class="nav-item"><a class="nav-link" href="/divs_index.html"><span class="fa fa-info fa-lg"></span> Divs</a></li>
<li class="nav-item"><a class="nav-link" href="/patchandmaude_index.html"><span class="fa fa-list fa-lg"></span> Patch & Maude</a></li>
<li class="nav-item active"><a class="nav-link" href="#"><span class="fa fa-address-card fa-lg"></span> don3ts</a></li>
<li class="nav-item"><a class="nav-link" href="/def_assetmanagement_terms/comic.html"><span class="fa fa-address-card fa-lg"></span> Asset Management</a></li>
</ul>
</div>
</div>
</nav>
<div class="jumbotron">
<div id="particles-js" class="particles-js"></div>
<img id="jumboimage" src="/svg/cleanfront.svg" alt="banner">
</div>
<h3 style="text-align: center">don3ts</h3>
<div class='paperroll top'></div>
<div class="container nomargin">
<div class="row">
<div class="col-12 col-sm-12">
<h3>Who are these don3ts?</h3>
<p style="color: rgba(0, 0, 0, 1)">I created the don3ts with the intent to cover d3-related topics. Other topics may barge in.</p>
</div>
</div>
</div>
<div class='paperroll bottom'></div>
<div class="container nomargin">
<div class="row row-content" style="margin:1vw">
<div class="col-md-6 col-sm-12">
<h2>What's the deal?</h2>
<p>I wanted a decent way to record my thoughts about the d3 communication process. While d3 is referred to as a charting tool,
it is also fairly decent at text communication and graphical manipulation, meaning it could also be used to create and stylize images, artwork,
text communication, interactive tools and animated videos.
</p>
<p>
Hopefully, some of the more complex elements of d3 can fit into this format, but if not, maybe I'll try to find
some way to break the don3ts out of their framed format. Or maybe I'll just save that for a different subject.
</p>
</div>
</div>
</div>
</body>
<footer class="row footer justify-content-center">
<code>Copyright (c) 2020 Issac Gardner</code>
</footer>
<!-- jQuery first, then Popper.js, then Bootstrap JS. -->
<script src="/node_modules/jquery/dist/jquery.min.js"></script>
<script src="/node_modules/popper.js/dist/umd/popper.min.js"></script>
<script src="/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="/particles/particles.js"></script>
<script> particlesJS.load('particles-js', '/particles/particles.json', function() {
console.log('callback - particles.js config loaded');
});</script>
<script src="./script.js"></script>
</html>