-
Notifications
You must be signed in to change notification settings - Fork 0
/
test.html
100 lines (85 loc) · 5.04 KB
/
test.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
<!doctype html>
<html>
<head>
<title>SciMapper</title>
<script src="https://unpkg.com/three"></script>
<script src="https://unpkg.com/three-spritetext"></script>
<script src="https://unpkg.com/3d-force-graph"></script>
<script src="https://unpkg.com/d3-octree"></script>
<script src="https://unpkg.com/d3-force-3d"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" href="{{url_for('static', filename='css/style.css')}}">
<link rel="stylesheet" href="{{url_for('static', filename='css/sticky_footer.css')}}">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<meta name="viewport" content = "width=device-width, initial-scale=1.0">
</head>
<body>
<div id="header">
<!-- Static navbar -->
<nav class="navbar navbar-default" style="background: rgb(248,248,255)">
<div class="container-fluid">
<a href='{{ url_for("index") }}'>
<div class="navbar-header">
<p class="navbar-brand" id="title" href="#">SciMapper</p>
</div>
</a>
</div><!--/.container-fluid -->
</nav>
</div>
<div id="3d-graph"></div>
<script>
const Graph = ForceGraph3D()
(document.getElementById('3d-graph'))
.jsonUrl('/static/networks/network.json')
.nodeAutoColorBy('group')
.backgroundColor('#ffffff')
.nodeColor('#000000')
.linkOpacity('0.65')
.d3Force('collide', d3.forceCollide('35'))
.nodeThreeObject(node => {
const sprite = new SpriteText(node.id);
sprite.color = node.color;
sprite.textHeight = 8;
return sprite;
});
</script>
<div class="container">
<div class="card" style="width: 60rem;">
<div class="card-body">
<h5 class="card-title">A Theory of How Columns in the Neocortex Enable Learning the Structure of the World</h5>
<h6 class="card-subtitle mb-2 text-muted">Hawkins J, Ahmad S, Cui Y</h6>
<p class="card-text">The neocortex is complex. Within its 2.5 mm thickness are dozens of cell types, numerous layers, and intricate connectivity patterns. The connections between cells suggest a columnar flow of information across layers as well as a laminar flow within some layers. Fortunately, this complex circuitry is remarkably preserved in all regions, suggesting that a canonical circuit consisting of columns and layers underlies everything the neocortex does. Understanding the function of the canonical circuit is a key goal of neuroscience</p>
<a href="#" class="card-link">Card link</a>
<a href="#" class="card-link">Another link</a>
</div>
</div>
<br>
<div class="card" style="width: 60rem;">
<div class="card-body">
<h5 class="card-title">A Theory of How Columns in the Neocortex Enable Learning the Structure of the World</h5>
<h6 class="card-subtitle mb-2 text-muted">Hawkins J, Ahmad S, Cui Y</h6>
<p class="card-text">The neocortex is complex. Within its 2.5 mm thickness are dozens of cell types, numerous layers, and intricate connectivity patterns. The connections between cells suggest a columnar flow of information across layers as well as a laminar flow within some layers. Fortunately, this complex circuitry is remarkably preserved in all regions, suggesting that a canonical circuit consisting of columns and layers underlies everything the neocortex does. Understanding the function of the canonical circuit is a key goal of neuroscience</p>
<a href="#" class="card-link">Card link</a>
<a href="#" class="card-link">Another link</a>
</div>
</div>
<br>
<div class="card" style="width: 60rem;">
<div class="card-body">
<h5 class="card-title">A Theory of How Columns in the Neocortex Enable Learning the Structure of the World</h5>
<h6 class="card-subtitle mb-2 text-muted">Hawkins J, Ahmad S, Cui Y</h6>
<p class="card-text">The neocortex is complex. Within its 2.5 mm thickness are dozens of cell types, numerous layers, and intricate connectivity patterns. The connections between cells suggest a columnar flow of information across layers as well as a laminar flow within some layers. Fortunately, this complex circuitry is remarkably preserved in all regions, suggesting that a canonical circuit consisting of columns and layers underlies everything the neocortex does. Understanding the function of the canonical circuit is a key goal of neuroscience</p>
<a href="#" class="card-link">Card link</a>
<a href="#" class="card-link">Another link</a>
</div>
</div>
</div>
<footer class="footer" style="background: rgb(248,248,255)">
<div class="container" style="text-align:left">
<span class="text-muted">by <a href="mailto:[email protected]">Daniel Howell</a> <span class="text-muted"> (2020)
</span>
</div>
</footer>
</body>
</html>