-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
126 lines (123 loc) · 6.08 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
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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html lang="en"><!-- InstanceBegin template="/Templates/core.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Digital Media Design: Emily Porter</title>
<!-- InstanceEndEditable -->
<link href="design/css/master.css" rel="stylesheet" type="text/css" media="screen"/>
<link href="design/css/print.css" rel="stylesheet" type="text/css" media="print"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
//enhanced in-page analytics for same-page link variants
var pluginUrl = '//www.google-analytics.com/plugins/ga/inpage_linkid.js';
_gaq.push(['_require', 'inpage_linkid', pluginUrl]);
//end in-page plugin
_gaq.push(['_setAccount', 'UA-37940842-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script src="design/js/portfolio.js"></script>
<!--[if lt IE 9]>
<script src="design/js/html5shiv.js" type="text/javascript"></script>
<![endif]-->
<!-- InstanceBeginEditable name="head" -->
<script src="design/js/jquery-tiles-gallery/js/jquery.tiles-gallery.js"></script>
<script>
$(function () {
$(".tiles").tilesGallery({
tileMinHeight: 10,
height:400,
//width:600,
margin:10,
fadeInDuration: 2000,
//captionAnimationType: 'slide',
reloadOnResize: true
});
});
</script>
<!-- InstanceEndEditable -->
<!-- InstanceParam name="id" type="text" value="Home" -->
</head>
<body id="Home">
<div id="container">
<header role="banner">
<a href="#main-content" class="accessible">Skip to content</a>
<!-- #BeginLibraryItem "/Library/header.lbi" --><a id="logo" href="index.html"><img src="design/img/logo.png" alt="porter://portfolio"/></a><!-- #EndLibraryItem --><!-- #BeginLibraryItem "/Library/topnavPortfolio.lbi" --><nav id="primary-nav" role="navigation">
<ul>
<li><a href="index.html" id="home">Home</a></li>
<li><a href="web.php" id="web">Web</a></li>
<li><a href="graphics.php" id="graphics">Graphics & 3D</a></li>
<li><a href="experimental.php" id="experimental">Experimental</a></li>
<li><a href="about.html" id="about">About</a></li>
</ul>
</nav><!-- #EndLibraryItem --></header>
<section id="main-content" role="main">
<div id="content">
<h1 id="heading"><!-- InstanceBeginEditable name="content-title" -->Digital Portfolio: 1998-2016<!-- InstanceEndEditable --></h1>
<!-- InstanceBeginEditable name="content" -->
<div id="featured-projects" class="tiles">
<div class="tiled"><a href="project.php?id=46"><img src="img/flour-400.jpg" alt="Preview Screenshot of Flour Fortification Initiative Website" data-jtg-align="center" data-jtg-valign="center"/>
<p class="caption"><span>Flour Fortification Initiative Website</span></p>
</a> </div>
<div class="tiled"> <a href="http://emilyporter.net/project.php?id=39"><img src="img/emorynewscenter400.jpg" alt="Emory News Center Screenshot" data-jtg-align="left" data-jtg-valign="top"/>
<p class="caption"><span>Emory News Center Website</span></p>
</a> </div>
<div class="tiled"><a href="http://www.emilyporter.net/project.php?id=14"><img src="img/ufos344_2.jpg" alt="3D Volumetric Fog Rendering" data-jtg-align="center" data-jtg-valign="top"/>
<p class="caption"><span>3D Fog and Lighting Effects</span></p>
</a> </div>
<!-- <div class="tiled"><a href="http://emilyporter.net/project.php?id=31"><img src="img/Katrina.jpg" alt="Hurricane Katrina 3D Rendering" data-jtg-align="center" data-jtg-valign="center"/>
<p class="caption"><span>Hurricane Katrina Simulation for Virtual Reality Therapy</span></p>
</a> </div>-->
<!-- <div class="tiled"> <a href="http://emilyporter.net/project.php?id=15"><img src="img/bookmark-sampler.png" alt="Goizueta Library Bookmarks"
data-jtg-align="left" data-jtg-valign="top"/>
<p class="caption"><span>Promotional Print Bookmarks</span></p>
</a> </div>-->
<div class="tiled"> <a href="http://emilyporter.net/project.php?id=58"><img src="img/game-of-repo-gov400.png" alt="Game of Repository Governance"
data-jtg-align="left" data-jtg-valign="top"/>
<p class="caption"><span>Game of Repository Governance</span></p>
</a> </div>
<div class="tiled"> <a href="http://emilyporter.net/project.php?id=18"><img src="img/pandora344_2.gif" alt="Digital Aesthetics"
data-jtg-align="left" data-jtg-valign="top"/>
<p class="caption"><span>Digital Aesthetics</span></p>
</a> </div>
</div>
<!-- end features -->
<ul class="category-list">
<li><a href="web.php">Web Projects</a>
<ul>
<li>Web Design</li>
<li>Web Development</li>
<li>Information Architecture</li>
<li>User Experience Design</li>
<li>Content Management</li>
</ul>
</li>
<li><a href="graphics.php">Graphics & 3D </a>
<ul>
<li>Print Design</li>
<li>3D Texture Design</li>
<li>3D Modeling</li>
</ul>
</li>
<li><a href="experimental.php">Experimental </a>
<ul>
<li>Interactive Narrative</li>
<li>Games</li>
<li>Augmented Reality</li>
<li>Video Production</li>
</ul>
</li>
</ul>
<!-- InstanceEndEditable -->
</div>
</section><!-- #BeginLibraryItem "/Library/footer.lbi" --><footer role="contentinfo"><span class="hidden">http://www.emilyporter.net </span>©2013 Emily Porter</footer><!-- #EndLibraryItem --></div>
<!-- end container -->
</body>
<!-- InstanceEnd --></html>