amitashukla.github.io/data.html at master · vsfsdatateam/amitashukla.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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html lang="en" class="no-js">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Amita Shukla</title>
		<meta name="description" content="A responsive, magazine-like website layout with a grid item animation effect when opening the content" />
		<meta name="keywords" content="grid, layout, effect, animated, responsive, magazine, template, web design" />
		<meta name="author" content="Codrops" />
		<link rel="shortcut icon" href="../favicon.ico">
		<link rel="stylesheet" type="text/css" href="css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.3.0/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="css/style1.css" />
		<script src="js/modernizr.custom.js"></script>
	</head>
	<body>
		<div class="container">
			<button id="menu-toggle" class="menu-toggle"><span>Menu</span></button>
			<div id="theSidebar" class="sidebar">
				<button class="close-button fa fa-fw fa-close"></button>
				<div class="codrops-links">
					<a class="codrops-icon codrops-icon--prev" href="http://amitashukla.co" title="Previous Demo"><span>splashpage</span></a>
					<a class="codrops-icon codrops-icon--drop" href="https://www.instagram.com/amitashuk1a/" title="Back to the article"><span>Back to the Codrops article</span></a>
				</div>
				<h1><span>Amita Shukla</span></h1>
				<nav class="codrops-demos">
					<a class="current-demo" href="index1.html">Home</a>
					<!-- <a href="index2.html">Demo 2</a> -->
				</nav>
				<div class="related">
					<a href="https://www.linkedin.com/in/amita-shukla/">LinkedIn</a>
					<a href="/img/amitaresume.pdf">Resume (PDF)</a>
					<!--<a href="http://tympanus.net/Tutorials/ThumbnailGridExpandingPreview/">Thumbnail Grid</a>-->

					<h3>Project Categories</h3>
					<a class="current-demo" href="software.html">Software</a>
					<a class="current-demo" href="hardware.html">Hardware</a>
					<a class="current-demo" href="data.html">Data</a>
					<a class="current-demo" href="design.html">Design</a>
					<!--
					<a href="http://tympanus.net/Development/BookPreview/">Book Preview</a>
					<a href="http://tympanus.net/Tutorials/ThumbnailGridExpandingPreview/">Thumbnail Grid</a>
					<a href="http://tympanus.net/Development/3DGridEffect/">3D Grid Effect</a>
					-->
				</div>
			</div>
			<div id="theGrid" class="main">
				<section class="grid">
					<header class="top-bar">
						<h2 class="top-bar__headline">Latest articles</h2>
						<div class="filter">
							<span>Filter by:</span>
							<span class="dropdown">Popular</span>
						</div>
					</header>
					<a class="grid__item" href="#" style="background-image:url(img/us-voronoi_orig.png)">
						<h2 class="title title--preview">USA Flightmap</h2>
						<div class="loader"></div>
						<span class="category">R</span>
						<div class="meta meta--preview">
							<span class="meta__date"><i class="fa fa-calendar-o"></i> 9 Apr</span>
						</div>
					</a>
					<a class="grid__item" href="#"  style="background-image:url(img/enron-emails-1_orig.png)">
						<h2 class="title title--preview">Enron Network</h2>
						<div class="loader"></div>
						<span class="category">Gephi</span>
						<div class="meta meta--preview">
							<span class="meta__date"><i class="fa fa-calendar-o"></i> 7 Apr</span>
						</div>
					</a>

					<footer class="page-meta">
						<span>Load more...</span>
					</footer>
				</section>
				<section class="content">
					<div class="scroll-wrap">
						<article class="content__item">
							<span class="category category--full">R</span>
							<h2 class="title title--full">USA Flightmap</h2>
							<div class="meta meta--full">
								<span class="meta__date"><i class="fa fa-calendar-o"></i> 9 Apr</span>
							</div>
							<p>This map displays the distances between airports in the United States. It uses the Voronoi algorithm.</p>
							<p>Please contact [email protected] for code.</p>
						</article>
						<article class="content__item">
							<span class="category category--full">Gephi</span>
							<h2 class="title title--full">Enron Network</h2>
							<div class="meta meta--full">
								<span class="meta__date"><i class="fa fa-calendar-o"></i> 9 Apr</span>
							</div>
							<p>This network shows the email paths between every member of Enron. </p>
							<p> More density of edges coming out of a node means more emails to and from that person. Not unexpectedly, if the reduction of nodes in the network is continued down to the last two nodes, they are the top two
							ranking officials in the company.</p>
						</article>
						</div>
					<button class="close-button"><i class="fa fa-close"></i><span>Close</span></button>
				</section>
			</div>
		</div><!-- /container -->
		<script src="js/classie.js"></script>
		<script src="js/main.js"></script>
	</body>
</html>