straversi.github.io/indexNet.html at master · straversi/straversi.github.io · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<title>Steven Traversi | Code. Teach.</title>
	<link rel="stylesheet" href="index.css">
	<script type="text/javascript" src="jquery-2.1.1.min.js"></script>
	<meta name="description" content="Steven Traversi's home page. Steven is currently a UC Berkeley student and TA majoring in Computer Science.">
	<link rel="icon" href="/favicon.ico" type="image/icon">
	<meta name="google-site-verification" content="7kfqdc2dCAUs8zR7fcFLRS6LD5neLfdR4J6zgmljW_E" />
<!--    <meta name="viewport" content="width=device-width, initial-scale=1.0" />-->
</head>
<body>
    <!-- <script src="mobile.js"></script> -->
    <svg id="edges" style="position:absolute;width:100%;height:68%;top:16%;"></svg>
    <div id="net" style="overflow:hidden;position:absolute;width:100%;height:68%;top:16%;">
				<div style="padding-left:15px;"><span>To see how I wrote this, check out my new '<a href="/blog">blog</a>'.</span></div>
        <!-- Note: Unfortunately, this container must be in the net so that the button can be clickable. -->
        <div id="container" style="background-color:rgba(255,255,255,0.75);"><div id="middler">
        <h1 style="margin:18px 0px 0px 0px;">Steven Traversi</h1>
				<!-- BLOG BUTTON! -->
				<!-- <a href="blog/" class="theme-safe" style="color:#0000FF;"><h1 style="margin:18px 0px 0px 0px;position:absolute;right:-20%;font-weight:normal;font-family:'Fjord','Helvetica',sans-serif;">/blog</h1></a> -->
        <div style="display:inline-block;width:20px">
            <!-- same width as settings button -->
        </div>
        <button style="display:inline-block;text-align:center;position:relative;top:-12px;cursor:pointer;" type="button" onclick="redrawAll();document.getElementById('settings').style.display = 'none';document.getElementById('toggleSettings').src = 'Images/equalizer.png'">Generate</button>
        <img id="toggleSettings" style="cursor:pointer;display:inline-block;vertical-align:middle;position:relative;top:-12px" src="Images/equalizer.png" width="20"/>
        <div id="settings">
            <table style="width:100%;">
            <tr>
                <td>Number of nodes</td>
                <td><input type="range" id="slider1" value="100" min="50" max="200"></td>
                <td id="value1" style="text-align:left">100</td>
            </tr>
                <td>Force of cursor</td>
                <td><input type="range" id="slider2" value="75" min="40" max="100"></td>
                <td id="value2" style="text-align:left">75</td>
            <tr>
                <td>Edge try distance</td>
                <td><input type="range" id="slider3" value="100" min="50" max="110"></td>
                <td id="value3" style="text-align:left">100</td>
            <tr>
            <tr>
                <td colspan="3" style="color:grey;font-size:.9em;text-align:center">
                    <input type="radio" value="0" id="radio0" name="colorScheme" checked><label for="radio0" style="background-color:#4CAF50"></label>
                    <input type="radio" value="1" id="radio1" name="colorScheme"><label for="radio1" style="background-color:#2196F3"></label>
                    <input type="radio" value="2" id="radio2" name="colorScheme"><label for="radio2" style="background-color:#673AB7"></label>
                    <input type="radio" value="3" id="radio3" name="colorScheme"><label for="radio3" style="background-color:#F44336"></label>
                </td>
            </tr>
            <tr>
                <td colspan="3" style="color:grey;font-size:.9em;">Generate to apply changes.</td>
            </tr>
            </table>
        </div>
        </div></div>
    </div>
    <script src="net/net.js"></script>

	<div style="position: fixed;width: 100%; text-align: center; bottom: 0; z-index:100">
	<ul class="nav">
		<li>
            <a href="/projects">Projects</a>
        </li>
		<li>
            <a href="/blog">Blog</a>
        </li>
		<li>
            <a>Email</a>
            <ul class="menu">
                <li><span class="label">Personal</span><hr></li>
                <li><a href="mailto:straversi@berkeley.edu">straversi@berkeley.edu</a></li>
                <li><br><span class="label">Work</span><hr></li>
                <li><a href="mailto:steven@cs10.org">steven@cs10.org</a></li>
            </ul>
            <div class="arrow"></div>
        </li>
		<li>
          	<a href="StevenTraversiResume.pdf">R&eacute;sum&eacute;</a>
        </li>
        <!-- <li>
            Twitter
            <div class="twitter-timeline-wrapper">
            <a class="twitter-timeline" data-dnt="true" href="https://twitter.com/StevenTraversi" data-widget-id="558382763737231360">Tweets by @StevenTraversi</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
            </div>
            <div class="arrow"></div>
        </li> -->
	</ul>
	</div>
</body>
</html>