-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathdivs_index.html
85 lines (78 loc) · 4.64 KB
/
divs_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
82
83
84
85
<!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="/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 active"><a class="nav-link" href="#"><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 "><a class="nav-link" href="/don3ts_index.html"><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">the Divs</h3>
<div class='paperroll top'></div>
<div class="container nomargin">
<div class="row">
<div class="col-12 col-sm-12">
<h3>Who are the Divs?</h3>
<p style="color: rgba(0, 0, 0, 1)">The divs are dedicated to general programming topics. This includes design, project management, social situations and stochastic tomfoolery. If you're looking for something
a little more specific, Patch and Maude is dedicated to jQuery-centric topics, and don3ts is more about charting and D3 (data-driven documents).
</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>The divs are comic characters that use svg, programming concepts, and humor to explain or display programming topics. You'll find algorithms,
games, animations, and other topics on display in each comic. You might also find some humor, but I'm not making any promises.
I really enjoy gentle animations and minimalistic drawings, and the Divs are a perfect way for me to keep notes on, find humor in,
and learn more about programming concepts.
</p>
<p>
I really enjoy the challenge of incorporating a new (or old) programming concept into a mini story or folding the whole idea
into one of the more epic journeys of some of my characters. The Divs are somewhat modern creatures that live in a world that
is sort of like Earth - there's computers, cars, bars and cheese. But I bend those rules fairly often so don't get too concerned
when Patch and Maude show up with a dragon or two.
</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>