-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·155 lines (151 loc) · 10 KB
/
index.html
File metadata and controls
executable file
·155 lines (151 loc) · 10 KB
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
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Design+Code</title>
<meta name="description" content="Ashish's little space on the internet..">
<meta name=keywords content="Ashish, thinker3197, portfolio, terminal, developer">
<meta name=author content="Ashish Gupta">
<meta content="Ashish's Portfolio" property=og:title>
<meta content=article property=og:type>
<meta content=http://thinker3197.github.io/img/profile.jpg property=og:image>
<meta content=http://thinker3197.github.io property=og:url>
<meta content="Ashish's little space on the internet.." property=og:description>
<meta content="Ashish's portfolio" name=twitter:card>
<meta content="Design+Code" name=twitter:title>
<meta content="Ashish's little space on the internet.." name=twitter:description>
<meta content=http://thinker3197.github.io.com/img/profile.jpg name=twitter:image>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="img/favicon.ico" />
<script>
(function(w) {
"use strict";
var loadCSS = function(href, before, media) {
var doc = w.document;
var ss = doc.createElement("link");
var ref;
if (before) {
ref = before;
} else {
var refs = (doc.body || doc.getElementsByTagName("head")[0]).childNodes;
ref = refs[refs.length - 1];
}
var sheets = doc.styleSheets;
ss.rel = "stylesheet";
ss.href = href;
ss.media = "only x";
function ready(cb) {
if (doc.body) {
return cb();
}
setTimeout(function() {
ready(cb);
});
}
ready(function() {
ref.parentNode.insertBefore(ss, (before ? ref : ref.nextSibling));
});
var onloadcssdefined = function(cb) {
var resolvedHref = ss.href;
var i = sheets.length;
while (i--) {
if (sheets[i].href === resolvedHref) {
return cb();
}
}
setTimeout(function() {
onloadcssdefined(cb);
});
};
function loadCB() {
if (ss.addEventListener) {
ss.removeEventListener("load", loadCB);
}
ss.media = media || "all";
}
if (ss.addEventListener) {
ss.addEventListener("load", loadCB);
}
ss.onloadcssdefined = onloadcssdefined;
onloadcssdefined(loadCB);
return ss;
};
if (typeof exports !== "undefined") {
exports.loadCSS = loadCSS;
} else {
w.loadCSS = loadCSS;
}
}(typeof global !== "undefined" ? global : this));
loadCSS("fonts/font-awesome/css/font-awesome.min.css");
loadCSS("https://fonts.googleapis.com/css?family=Montserrat");
</script>
<style type="text/css">
#cover,.wrapper{height:100%;width:100%}*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*{text-shadow:1px 1px 1px rgba(0,0,0,.004);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body{margin:0}input{font:inherit}input:focus{outline:0}h1{font-size:2em;margin:.3em 0}#cover{position:fixed;top:0;left:0;background:linear-gradient(rgba(172,0,230,1),rgba(115,0,230,1));z-index:9999}.main,.wrapper{position:absolute}.wrapper{background:linear-gradient(rgba(172,0,230,.85),rgba(115,0,230,.95)),url(../img/back.jpg);background-size:cover;background-position:50% 50%;font-family:Montserrat,sans-serif}.main{height:80%;width:76%;left:12%;top:10%;background:#fff;-webkit-box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);-moz-box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}.intro{position:relative;padding:3vw;z-index:2;background:linear-gradient(rgba(92,0,230,.75),rgba(92,0,230,.75)),url(../img/profile.jpg);height:100%;width:100%;background-size:cover;background-position:0 12%;transition:width 1s}.clicked{width:50%}.intro-label{position:relative;font-size:7vw;line-height:14.5vh;color:#fff;font-weight:800}.intro-text{color:#fff;font-size:1.5vw;font-weight:500}
@media (max-width:600px){.main{width:86%;left:7%}.intro-label{font-size:16vw;line-height:12vh}.intro-text{font-size:4vw}.intro{padding:1vh 4vw 4vw}}.social{position:absolute;bottom:6vh;display:inline-block}.icon{margin:10vw;position:relative;float:left;line-height:5vh;color:#fff;font-family:FontAwesome;font-size:2.5vh;text-align:center}.fa,.terminal{position:absolute}.eclipse{cursor:pointer;width:5vh;height:5vh;margin:8.5px;border-radius:50px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all 1s cubic-bezier(.25,.8,.25,1)}.eclipse:hover{box-shadow:4px 14px 28px rgba(0,0,0,.25),1px 10px 10px rgba(0,0,0,.22)}.facebook{background-color:#2850ad}.link{background-color:#6200EA}.git{background-color:#000}.linkedin{background-color:#3a9bdc}.codepen{background-color:#222}.fa{padding:1px;top:4vh;right:4vw;color:#d9f;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}.fa:hover{color:#fff;cursor:pointer}
@media (max-width:600px){.fa{visibility:hidden;display:none}}.terminal,.terminal-input{display:inline;color:rgba(0,0,0,.6);background:#efccff}.terminal{z-index:1;overflow:auto;float:right;top:0;right:0;height:100%;width:50%;padding:2%}.terminal-input{border:none}
</style>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div class="wrapper">
<i class="fa fa-terminal fa-2x"></i>
<div class="main">
<div class="intro">
<h1 class="intro-label">Hello World.</h1>
<p class="intro-text">Welcome to my little space on the internet. I'm a developer, a designer, ideator and a sport programmer. Btw, people call me Ashish.</p>
<div class="social">
<abbr title="I occasionally post on facebook"><div class="icon facebook eclipse" onClick="location.href='https://www.facebook.com/ashish.3197';"></div></abbr>
<abbr title="Collection of my projects"><div class="icon git eclipse" onClick="location.href='https://github.com/thinker3197';"></div></abbr>
<abbr title="Resume"><div class="icon link eclipse" onClick="location.href='https://drive.google.com/file/d/0B3OeNoTC80mGSHlJN0xnLU9MckU/view?usp=sharing';"></div></abbr>
<abbr title="I'm on linkedIn in too!"><div class="icon linkedin eclipse" onClick="location.href='https://www.linkedin.com/in/ashish3197';"></div></abbr>
</div>
</div>
<div class="terminal">
<p>Hey there!
<br> This is my terminal
<br>
<br> Here is a list of commands to get you started :
<br>
<br> cd
< path> - Move/Open specified directory
<br> cd .. - Jump to previous directory
<br> open
< filename> - Open file
<br> ls - List items in current directory
<br>
<br>
</p>
<p class="console"> ~ $ashish >>
<input type="text" class="terminal-input" onKeyPress="terminal(event, this)" autofocus>
</p>
</div>
</div>
</div>
<div id="cover"></div>
<!-- scripts -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')
</script>
<script src="js/main.js"></script>
<!-- Start Visual Website Optimizer Asynchronous Code -->
<script type='text/javascript'>
var _vwo_code=(function(){
var account_id=301692,
settings_tolerance=2000,
library_tolerance=2500,
use_existing_jquery=false,
/* DO NOT EDIT BELOW THIS LINE */
f=false,d=document;return{use_existing_jquery:function(){return use_existing_jquery;},library_tolerance:function(){return library_tolerance;},finish:function(){if(!f){f=true;var a=d.getElementById('_vis_opt_path_hides');if(a)a.parentNode.removeChild(a);}},finished:function(){return f;},load:function(a){var b=d.createElement('script');b.src=a;b.type='text/javascript';b.innerText;b.onerror=function(){_vwo_code.finish();};d.getElementsByTagName('head')[0].appendChild(b);},init:function(){settings_timer=setTimeout('_vwo_code.finish()',settings_tolerance);var a=d.createElement('style'),b='body{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}',h=d.getElementsByTagName('head')[0];a.setAttribute('id','_vis_opt_path_hides');a.setAttribute('type','text/css');if(a.styleSheet)a.styleSheet.cssText=b;else a.appendChild(d.createTextNode(b));h.appendChild(a);this.load('//dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&r='+Math.random());return settings_timer;}};}());_vwo_settings_timer=_vwo_code.init();
</script>
<!-- End Visual Website Optimizer Asynchronous Code -->
</body>
</html>