-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
58 lines (55 loc) · 3.01 KB
/
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Fab Learning Profile & Concept Map</title>
<meta name="author" content="Corey Rice & JR Logan">
<meta name="description" content="Iterations toward teaching Fab Academy Skills to mortals">
<meta name="keywords" content="Fab Lab, Fab Academy, Make Haven">
</head>
<body>
<h1>Fab Learning Profile & Concept Map</h1>
<!-- Version 1: aspirations -->
<h2><a href='versions/very-version-1.html'>Version 1</a></h2>
<p>This was the original, made shortly after the Fab13 conference.</p>
<!-- Version 2: Prezi for class -->
<h2><a href='https://prezi.com/view/zBqbXsXRkA4yfSB1OiAT/'>Version 2</a></h2>
<p>This is the Prezi that was made for use with Engineering classes at Mayfield High School, in the 2019-2020 school year (that ended with COVID-19 to interrupt).</p>
<!-- Version 3: Cytoscape.js basics -->
<h2><a href='versions/v3/cytoscape v2/index.html'>* Version 3</a></h2>
<p>This version uses <a href='https://js.cytoscape.org/'>cytoscape.js</a> to build a web from some manually typed data. Much better than Prezi, but still not a database implementation.</p>
<p>Would like future versions to have a <a href='https://nodejs.org/'>node.js</a> server and database to drive data.</p>
<ul style="list-style: none;">
<li>
<h3><a href='versions/v3/css navbar/index.html'>CSS break...</a></h3>
<p>This makes for a nice header, to be used on V3 and beyond</p>
</li>
<li>
<h3><a href='versions/v3/cytoscape v1/index.html'>Cytoscape.js "hello world"</a></h3>
<p>The page is pretty bad, but it at least shows that cytoscape will work...</p>
</li>
<li>
<h3><a href='versions/v3/cytoscape v2/index.html'>Cytoscape.js + CSS Navbar</a></h3>
<p>Integrating the cytoscape.js functionality with the CSS styles for a minimum deliverable.</p>
</li>
</ul>
<!-- Version 4: JSON to database -->
<h2><a href='versions/v4/node/index.html'>Version 4</a></h2>
<p>This is the progression towards having data added from a database, rather than hard coded into place.</p>
<ul style="list-style: none;">
<li>
<h3><a href='versions/v4/json/index.html'>JSON data</a></h3>
<p>Change the data source to be a JSON string, which is the first step toward integrating a database.</p>
</li>
<li>
<h3><a href='versions/v4/node/index.html'>NODE.js with vue & sqlite</a></h3>
<p>First attempt at a node app, with a sqlite database. [still working on it...]</p>
</li>
</ul>
<hr>
<!-- Supporting Documents -->
<h3><a href='colors_by_paletton.html'>Color pallet by Paletton</a></h3>
<p>The colors for the most recent versions are inspired by the <a href='https://docs.google.com/document/d/1cYu85oFg6l7fT2-1FWZFMQ7Rnb-Sh0W1_QYJKLVqixE/view'>MakeHaven style guide</a>.</p>
</body>
</html>