-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
341 lines (299 loc) · 12.7 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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
<!DOCTYPE html>
<html lang="en">
<head>
<title>Yash Gupta's Personal Website</title>
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/animate.min.css" type="text/css">
<link rel="stylesheet" href="css/index.css" type="text/css">
<link rel="stylesheet" href="css/style.css" type="text/css">
<link rel="stylesheet" href="css/reset.css" type="text/css">
</head>
<body id="page-top">
<div class="load">
<h1><span>Y</span><span>a</span><span>s</span><span>h</span><span> </span><span>D</span><span>a</span><span>v</span><span>i</span><span>s</span><span> </span><span>G</span><span>u</span><span>p</span><span>t</span><span>a</span></h1>
</div>
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll" href="#page-top">Yash Gupta's Personal Website</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li>
<a class="page-scroll" href="#about">Who I am.</a>
</li>
<li>
<a class="page-scroll" href="#quotes">How I Think.</a>
</li>
<li>
<a class="page-scroll" href="#map">Where I Am.</a>
</li>
</ul>
</div>
</div>
</nav>
<header>
<div class="header-content">
<div class="header-content-inner">
<script>
setTimeout(function(){
$(".title").typed({
strings: ["a Programmer", "an Engineer", "a Designer", "a Professional Day-Dreamer"],
typeSpeed: 50,
backDelay: 750,
loop: true,
loopCount: false,
callback: function(){ }
});
}, 0);
</script>
<div class='title'>Yash Gupta is </div>
<hr>
<p>I am a computer enthusiast at Johnston High School, I enjoy ridiculously powerful computers, wakeboarding, and long walks on the beach</p>
<a href="#about" class="btn btn-primary btn-xl page-scroll font-size: 4vw;">↓</a>
</div>
</div>
</header>
<section class="bg-primary" id="about">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<h2 class="section-heading">About Yash</h2>
<hr class="light">
<p class="text-faded">I don't consider myself a raging narcissist so I'll keep this brief. I love Open Source. I'm a pretty awesome person, that's it.</p>
<iframe src="https://en.wikipedia.org/wiki/Open_source" width="100%" height="1000vh" frameborder="1" style="border:0"></iframe>
<hr class="light">
<p class="text-faded">P.S. Apple is bad</p>
<p class="text"><b>#AppleisBad</b></p>
</div>
</div>
</div>
</section>
<section id="quotes">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<h2 class="section-heading">Powerful Quotes</h2>
<p>These people have influenced me in one way or another with their words.</p>
<hr class="light">
<p class="text-faded"><b>If you can't beat them, arrange to have them beaten. -George Carlin</b><i> The meal is not over when I'm full. The meal is over when I hate myself. -Louis C.K.</i><b> It's like our country is being run by a bunch of bad alcoholic dads right now. -Patton Oswalt</b><i> I'm bored' is a useless thing to say. You live in a great, big, vast world that you've seen none percent of. -Louis C.K.</i><b> I like my friends because they make me feel normal, even though I'm not. -Lewis Black</b><i> Evolution is the fundamental idea in all of life science - in all of biology. -Bill Nye</i><b> Science is the key to our future, and if you don't believe in science, then you're holding everybody back. -Bill Nye</b><i> 90% of every art form is garbage - dance and stand-up, painting and music. Focus on the 10% that's good, suck it up, and drive on. -Patton Oswalt</i><b> The reason I talk to myself is because I'm the only one whose answers I accept. -George Carlin</b><i> I like that Barack got that job. - Hannibal Buress</i><b> I'm a happy person but an angry citizen. -Lewis Black</b><i> Innovation distinguishes between a leader and a follower. -Steve Jobs</i></p>
</div>
</div>
</div>
</section>
<section id="map">
<center>
<div class="bg-primary">
<h2 class="section-heading">Johnston High School</h2>
<p>6501 NW 62nd Ave, Johnston, IA 50131 <b>•</b> (515) 278-0449 <b>•</b> <a class="text-faded" herf="http://www.johnston.k12.ia.us/"> Johnston Community School District</a>
<br>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2980.1605017251827!2d-93.7079656841705!3d41.673876979238955!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x87ee9d1b100c12cf%3A0x1be4eb534875fc72!2sJohnston+High+School!5e0!3m2!1sen!2sus!4v1445008167105" width="100%" height="600" frameborder="1" style="border:0"></iframe>
</div>
</center>
</section>
<footer>
Copyright Yash Gupta 2015
</footer>
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.fittext.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/Index.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://code.angularjs.org/1.4.7/angular.min.js"></script>
<script type="text/javascript">
$(window).load(function() {
$(".load").fadeOut("slow");
})
</script>
<!-- WARNING: UNGODLY JAVASCRIPT BELOW IGNORE AT ALL COSTS! -->
<!-- TYPED.JS SEEMS NOT TO WANT TO LOAD, SO IT GOES HERE-->
<script>
!function($){
"use strict";
var Typed = function(el, options){
// chosen element to manipulate text
this.el = $(el);
// options
this.options = $.extend({}, $.fn.typed.defaults, options);
// text content of element
this.text = this.el.text();
// typing speed
this.typeSpeed = this.options.typeSpeed;
// amount of time to wait before backspacing
this.backDelay = this.options.backDelay;
// input strings of text
this.strings = this.options.strings;
// character number position of current string
this.strPos = 0;
// current array position
this.arrayPos = 0;
// current string based on current values[] array position
this.string = this.strings[this.arrayPos];
// number to stop backspacing on.
// default 0, can change depending on how many chars
// you want to remove at the time
this.stopNum = 0;
// Looping logic
this.loop = this.options.loop;
this.loopCount = this.options.loopCount;
this.curLoop = 1;
if (this.loop === false){
// number in which to stop going through array
// set to strings[] array (length - 1) to stop deleting after last string is typed
this.stopArray = this.strings.length-1;
}
else{
this.stopArray = this.strings.length;
}
// All systems go!
this.init();
this.build();
}
Typed.prototype = {
constructor: Typed
, init: function(){
// begin the loop w/ first current string (global self.string)
// current string will be passed as an argument each time after this
this.typewrite(this.string, this.strPos);
}
, build: function(){
//this.el.after("<span id=\"typed-cursor\">|</span>");
}
// pass current string state to each function
, typewrite: function(curString, curStrPos){
// varying values for setTimeout during typing
// can't be global since number changes each time loop is executed
var humanize = Math.round(Math.random() * (100 - 30)) + this.typeSpeed;
var self = this;
// ------------- optional ------------- //
// backpaces a certain string faster
// ------------------------------------ //
// if (self.arrayPos == 1){
// self.backDelay = 50;
// }
// else{ self.backDelay = 500; }
// containg entire typing function in a timeout
setTimeout(function() {
// make sure array position is less than array length
if (self.arrayPos < self.strings.length){
// start typing each new char into existing string
// curString is function arg
self.el.text(self.text + curString.substr(0, curStrPos));
// check if current character number is the string's length
// and if the current array position is less than the stopping point
// if so, backspace after backDelay setting
if (curStrPos > curString.length && self.arrayPos < self.stopArray){
clearTimeout(clear);
var clear = setTimeout(function(){
self.backspace(curString, curStrPos);
}, self.backDelay);
}
// else, keep typing
else{
// add characters one by one
curStrPos++;
// loop the function
self.typewrite(curString, curStrPos);
// if the array position is at the stopping position
// finish code, on to next task
if (self.loop === false){
if (self.arrayPos === self.stopArray && curStrPos === curString.length){
// animation that occurs on the last typed string
// fires callback function
var clear = self.options.callback();
clearTimeout(clear);
}
}
}
}
// if the array position is greater than array length
// and looping is active, reset array pos and start over.
else if (self.loop === true && self.loopCount === false){
self.arrayPos = 0;
self.init();
}
else if(self.loopCount !== false && self.curLoop < self.loopCount){
self.arrayPos = 0;
self.curLoop = self.curLoop+1;
self.init();
}
// humanized value for typing
}, humanize);
}
, backspace: function(curString, curStrPos){
// varying values for setTimeout during typing
// can't be global since number changes each time loop is executed
var humanize = Math.round(Math.random() * (100 - 30)) + this.typeSpeed;
var self = this;
setTimeout(function() {
// ----- this part is optional ----- //
// check string array position
// on the first string, only delete one word
// the stopNum actually represents the amount of chars to
// keep in the current string. In my case it's 14.
// if (self.arrayPos == 1){
// self.stopNum = 14;
// }
//every other time, delete the whole typed string
// else{
// self.stopNum = 0;
// }
// ----- continue important stuff ----- //
// replace text with current text + typed characters
self.el.text(self.text + curString.substr(0, curStrPos));
// if the number (id of character in current string) is
// less than the stop number, keep going
if (curStrPos > self.stopNum){
// subtract characters one by one
curStrPos--;
// loop the function
self.backspace(curString, curStrPos);
}
// if the stop number has been reached, increase
// array position to next string
else if (curStrPos <= self.stopNum){
clearTimeout(clear);
var clear = self.arrayPos = self.arrayPos+1;
// must pass new array position in this instance
// instead of using global arrayPos
self.typewrite(self.strings[self.arrayPos], curStrPos);
}
// humanized value for typing
}, humanize);
}
}
$.fn.typed = function (option) {
return this.each(function () {
var $this = $(this)
, data = $this.data('typed')
, options = typeof option == 'object' && option
if (!data) $this.data('typed', (data = new Typed(this, options)))
if (typeof option == 'string') data[option]()
});
}
$.fn.typed.defaults = {
strings: ["These are the default values...", "You know what you should do?", "Use your own!", "Have a great day!"],
// typing and backspacing speed
typeSpeed: 0,
// time before backspacing
backDelay: 500,
// loop
loop: false,
// false = infinite
loopCount: false,
// ending callback function
callback: function(){ null }
}
}(window.jQuery);
</script>
</body>
</html>