Skip to content

Commit 1fe9d6a

Browse files
andrewyuanandrewyuan
committed
website
1 parent e101536 commit 1fe9d6a

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

78 files changed

+40303
-903
lines changed

‎img/BISolutionDesign.png

99.4 KB
Loading

‎img/BatchProcessesDesign.png

492 KB
Loading

‎img/DataModeling.png

283 KB
Loading

‎img/MIS.png

101 KB
Loading

‎img/PMO.png

298 KB
Loading

‎img/ProcessDesign.png

48.3 KB
Loading

‎img/RequirementsMatrix.png

61.3 KB
Loading

‎img/TechArch.png

415 KB
Loading

‎img/datavis.png

65.3 KB
Loading

‎index - Copy.html

+232
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,232 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2+
3+
<html xmlns="http://www.w3.org/1999/xhtml">
4+
<head>
5+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6+
<title></title>
7+
<meta name="keywords" content="" />
8+
<meta name="description" content="" />
9+
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900" rel="stylesheet" />
10+
<link href="style/default.css" rel="stylesheet" type="text/css" media="all" />
11+
<link href="style/fonts.css" rel="stylesheet" type="text/css" media="all" />
12+
<link href="style/magnific-popup.css" rel="stylesheet">
13+
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
14+
<script src="lib/jquery.magnific-popup.min.js?v=0.9.9"></script>
15+
<!--[if IE 6]><link href="default_ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
16+
17+
<style type="text/css">
18+
/* padding-bottom and top for image */
19+
.mfp-no-margins img.mfp-img {
20+
padding: 0;
21+
}
22+
/* position of shadow behind the image */
23+
.mfp-no-margins .mfp-figure:after {
24+
top: 0;
25+
bottom: 0;
26+
}
27+
/* padding for main container */
28+
.mfp-no-margins .mfp-container {
29+
padding: 0;
30+
}
31+
</style>
32+
33+
</head>
34+
<body>
35+
<div id="header-wrapper">
36+
<div id="header" class="container">
37+
<div id="menu">
38+
<ul>
39+
<li class="current_page_item"><a href="#" accesskey="1" id="homepage">Homepage</a></li>
40+
<li><a href="#aboutme" accesskey="2" id="aboutmeBtn">About Me</a></li>
41+
<li><a href="#samplework" accesskey="3" id="sampleworkBtn">Sample Work</a></li>
42+
<li><a href="#getintouch" accesskey="4" title="getintouchBtn">Get in Touch</a></li>
43+
</ul>
44+
</div>
45+
<div id="logo">
46+
<h1><a href="#">Andrew Yuan</a></h1>
47+
<span>Hosted and published by <a href="http://www.github.com/" rel="nofollow">github.com</a></span> </div>
48+
</div>
49+
</div>
50+
<div id="wrapper1">
51+
<div id="aboutme" class="container">
52+
<div class="title">
53+
<h2><A NAME="aboutme">About me</A></h2>
54+
<span class="byline">Previous experience and education</span> </div>
55+
<div class="content">
56+
<p>Project manager and software engineer with extensive experience in a technology consulting firm in projects related to banking applications development, management information systems, processes optimization and technical architecture assessment.
57+
<br>Authorized to work in the United States and living in New York City.
58+
<p><strong>Computer Science</strong> bachelor degree by <a href="http://www5.usp.br/en" rel="nofollow">Universidade de São Paulo</a>
59+
<br><strong>Data Science</strong> certification by <a href="http://idse.columbia.edu/" rel="nofollow">Columbia University</a>
60+
<br><strong>Finance and Investments</strong> certification by <a href="http://portal.fgv.br/en" rel="nofollow">Fundação Getúlio Vargas</a>.</p>
61+
</div>
62+
</div>
63+
</div>
64+
<div id="wrapper3">
65+
<div id="portfolio" class="container">
66+
<div class="title">
67+
<h2><A NAME="samplework"></A>Sample Work</h2>
68+
<span class="byline">Some brief examples of work done in professional and academic experiences</span> </div>
69+
<div class="pbox1">
70+
<div class="column1">
71+
<div class="box"> <span class="icon icon-comments"></span>
72+
<h3>Vestibulum venenatis</h3>
73+
<p>Fermentum nibh augue praesent a lacus at urna congue rutrum.</p>
74+
</div>
75+
</div>
76+
<div class="column2">
77+
<div class="box"> <span class="icon icon-cogs"></span>
78+
<h3>Praesent scelerisque</h3>
79+
<p>Vivamus fermentum nibh in augue praesent urna congue rutrum.</p>
80+
</div>
81+
</div>
82+
<div class="column3">
83+
<div class="box"> <span class="icon icon-coffee"></span>
84+
<h3>Donec dictum metus</h3>
85+
<p>Vivamus fermentum nibh in augue praesent urna congue rutrum.</p>
86+
</div>
87+
</div>
88+
<div class="column4">
89+
<div class="box"> <span class="icon icon-cloud"></span>
90+
<h3>Mauris vulputate dolor</h3>
91+
<p>Rutrum fermentum nibh in augue praesent urna congue rutrum.</p>
92+
</div>
93+
</div>
94+
</div>
95+
<div class="pbox2">
96+
<div class="column1">
97+
<div class="box"> <span class="icon icon-asterisk"></span>
98+
<h3>Rhoncus volutpat</h3>
99+
<p>Fermentum nibh augue praesent a lacus at urna congue rutrum.</p>
100+
</div>
101+
</div>
102+
<div class="column2">
103+
<div class="box"> <span class="icon icon-headphones"></span>
104+
<h3>Sed odio sagittis</h3>
105+
<p>Vivamus fermentum nibh in augue praesent urna congue rutrum.</p>
106+
</div>
107+
</div>
108+
<div class="column3">
109+
<div class="box"> <span class="icon icon-user"></span>
110+
<h3>Aenean elementum</h3>
111+
<p>Vivamus fermentum nibh in augue praesent urna congue rutrum.</p>
112+
</div>
113+
</div>
114+
<div class="column4">
115+
<div class="box"> <span class="icon icon-signal"></span>
116+
<h3>Etiam posuere augue</h3>
117+
<p>Rutrum fermentum nibh in augue praesent urna congue rutrum.</p>
118+
</div>
119+
</div>
120+
</div>
121+
122+
<div class="html-code grid-of-images">
123+
<a class="image-popup-vertical-fit" href="http://farm9.staticflickr.com/8241/8589392310_7b6127e243_b.jpg" title="Caption. Can be aligned it to any side and contain any HTML.">
124+
<img src="http://farm9.staticflickr.com/8241/8589392310_7b6127e243_s.jpg" width="75" height="75" />
125+
</a>
126+
<a class="image-popup-fit-width" href="http://farm9.staticflickr.com/8379/8588290361_ecf8c27021_b.jpg" title="This image fits only horizontally.">
127+
<img src="http://farm9.staticflickr.com/8379/8588290361_ecf8c27021_s.jpg" width="75" height="75" />
128+
</a>
129+
<a class="image-popup-no-margins" href="http://farm4.staticflickr.com/3721/9207329484_ba28755ec4_o.jpg">
130+
<img src="http://farm4.staticflickr.com/3721/9207329484_ba28755ec4_o.jpg" width="107" height="75" />
131+
</a>
132+
</div>
133+
<script type="text/javascript">
134+
$(document).ready(function() {
135+
136+
$('.image-popup-vertical-fit').magnificPopup({
137+
type: 'image',
138+
closeOnContentClick: true,
139+
mainClass: 'mfp-img-mobile',
140+
image: {
141+
verticalFit: true
142+
}
143+
144+
});
145+
146+
$('.image-popup-fit-width').magnificPopup({
147+
type: 'image',
148+
closeOnContentClick: true,
149+
image: {
150+
verticalFit: false
151+
}
152+
});
153+
154+
155+
156+
});
157+
</script>
158+
</div>
159+
</div>
160+
161+
<div id="contact">
162+
<div class="title">
163+
<h2><A NAME="getintouch">Get in touch</A></h2>
164+
<span class="byline">I will be glad to hear from you!</span> </div>
165+
<ul class="contact">
166+
<li><a href="https://www.facebook.com/andrew.yuan.9" class="icon icon-facebook"><span></span></a></li>
167+
<li><a href="https://www.linkedin.com/in/andrewgky" class="icon icon-linkedin"><span>LinkedIn</span></a></li>
168+
<li><a href="https://plus.google.com/u/0/+AndrewYuanGK" class="icon icon-google-plus"><span>Google+</span></a></li>
169+
<li><a href="https://twitter.com/AndrewGKYuan" class="icon icon-twitter"><span>Twitter</span></a></li>
170+
<li><a href="https://github.com/andrewyuan" class="icon icon-github"><span>Github</span></a></li>
171+
<li><a href="mailto:[email protected]" class="icon icon-envelope"><span>Gmail</span></a></li>
172+
</ul>
173+
<p>Copyright (c) 2014 Andrew Yuan. No rights reserved. | Photos by <a href="#">Me</a> | Design by <a href="http://www.freecsstemplates.org/" rel="nofollow">CSS Templates</a>.</p>
174+
</div>
175+
</body>
176+
<script>
177+
var main = {
178+
179+
onReady: function() {
180+
$(window).on('scroll', main.toggleOpacity);
181+
$('.image-popup-no-margins').magnificPopup({
182+
type: 'image',
183+
closeOnContentClick: true,
184+
closeBtnInside: false,
185+
fixedContentPos: true,
186+
mainClass: 'mfp-no-margins mfp-with-zoom', // class to remove default margin from left and right side
187+
image: {
188+
verticalFit: true
189+
},
190+
zoom: {
191+
enabled: true,
192+
duration: 300 // don't foget to change the duration also in CSS
193+
}
194+
});
195+
},
196+
197+
toggleOpacity: function(){
198+
var fadeBegin = 1, fadeFinish = 700, fadingElement = $('#aboutme');
199+
var divPosition = { "elem1":{"name":"#aboutme", "fadeBegin":0, "fadeFinish":800},
200+
"elem2":{"name":"#portfolio", "fadeBegin":500, "fadeFinish":1400},
201+
"elem3":{"name":"#contact", "fadeBegin":1000, "fadeFinish":2000}
202+
};
203+
204+
var offset = $(document).scrollTop();
205+
//console.log("offset=" + offset);
206+
207+
$.each(divPosition, function( i, elem ) {
208+
var opacity = 1;
209+
fadingElement = $(elem["name"]);
210+
fadeBegin = elem["fadeBegin"];
211+
fadeFinish = elem["fadeFinish"];
212+
213+
//console.log(fadingElement);
214+
215+
if( offset < fadeBegin ){
216+
//opacity = fadeBegin/(4*offset);
217+
opacity = 0;
218+
} else if( offset >= fadeFinish ){
219+
//opacity = fadeFinish/(4*offset);
220+
opacity = 0;
221+
}
222+
//console.log(opacity)
223+
fadingElement.stop().animate({opacity: opacity}, 300);
224+
});
225+
}
226+
};
227+
228+
$( document ).ready( main.onReady );
229+
230+
231+
</script>
232+
</html>

0 commit comments

Comments
 (0)