|
|
|
|
|
|
|
|
<!DOCTYPE html> |
|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
|
|
|
<meta charset="utf-8"> |
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
|
|
|
|
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> |
|
|
|
|
|
<title>Rohan Verma</title> |
|
|
|
|
|
|
|
|
|
|
|
<!-- Bootstrap css--> |
|
|
|
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> |
|
|
|
|
|
|
|
|
|
|
|
<!--Google Icon Font--> |
|
|
|
|
|
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> |
|
|
|
|
|
|
|
|
|
|
|
<!-- Propeller css --> |
|
|
|
|
|
<link href="bower_components/propeller/dist/css/propeller.min.css" rel="stylesheet"> |
|
|
|
|
|
|
|
|
|
|
|
<!-- Fontawesome css --> |
|
|
|
|
|
<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link href="css/style.css" rel="stylesheet"> |
|
|
|
|
|
</head> |
|
|
|
|
|
|
|
|
|
|
|
<body> |
|
|
|
|
|
<div class="pmd-card-my"> |
|
|
|
|
|
<!-- Default card starts --> |
|
|
|
|
|
<div class="pmd-card pmd-card-default pmd-z-depth-2"> |
|
|
|
|
|
|
|
|
|
|
|
<!-- Card header --> |
|
|
|
|
|
<div class="pmd-card-title"> |
|
|
|
|
|
<div class="center-block" style="width: 128px;"> |
|
|
|
|
|
<img src="https://avatars2.githubusercontent.com/u/952036?s=512" class="img-circle pmd-z-depth-3" width="128" height="128"> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<!-- Card body --> |
|
|
|
|
|
<div class="pmd-card-title"> |
|
|
|
|
|
<h2 class="pmd-card-title-text text-center">Rohan Verma</h2> |
|
|
|
|
|
<h3 class="pmd-card-subtitle-text text-center">Computer Science and Engineering Undergrad (Graduating 2018)</h3> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
<!--Default card ends --> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="pmd-card-my"> |
|
|
|
|
|
<div class="pmd-card pmd-card-default pmd-z-depth-2"> |
|
|
|
|
|
|
|
|
<head> |
|
|
|
|
|
<meta charset="utf-8"> |
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
|
|
|
|
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> |
|
|
|
|
|
<title>Rohan Verma</title> |
|
|
|
|
|
|
|
|
|
|
|
<!-- Bootstrap css--> |
|
|
|
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> |
|
|
|
|
|
|
|
|
|
|
|
<!--Google Icon Font--> |
|
|
|
|
|
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> |
|
|
|
|
|
|
|
|
|
|
|
<!-- Propeller css --> |
|
|
|
|
|
<link href="bower_components/propeller/dist/css/propeller.min.css" rel="stylesheet"> |
|
|
|
|
|
|
|
|
|
|
|
<!-- Fontawesome css --> |
|
|
|
|
|
<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link href="css/style.css" rel="stylesheet"> |
|
|
|
|
|
</head> |
|
|
|
|
|
|
|
|
<ul class="list-group pmd-list pmd-card-list pmd-list-icon"> |
|
|
|
|
|
<li class="list-group-item pmd-ripple-effect btn-default"> |
|
|
|
|
|
<i class="material-icons media-left media-middle fa fa-fw fa-rss" aria-hidden="true"></i> |
|
|
|
|
|
<span class="media-body">My Blog</span> |
|
|
|
|
|
</li> |
|
|
|
|
|
<li class="list-group-item pmd-ripple-effect btn-default"> |
|
|
|
|
|
<i class="material-icons media-left media-middle fa fa-fw fa-code" aria-hidden="true"></i> |
|
|
|
|
|
<div class="media-body">My Projects</div> |
|
|
|
|
|
</li> |
|
|
|
|
|
<li class="list-group-item pmd-ripple-effect btn-default"> |
|
|
|
|
|
<i class="material-icons media-left media-middle fa fa-fw fa-linkedin" aria-hidden="true"></i> |
|
|
|
|
|
<div class="media-body">LinkedIn</div> |
|
|
|
|
|
</li> |
|
|
|
|
|
<li class="list-group-item pmd-ripple-effect btn-default"> |
|
|
|
|
|
<i class="material-icons media-left media-middle fa fa-fw fa-github" aria-hidden="true"></i> |
|
|
|
|
|
<div class="media-body">GitHub</div> |
|
|
|
|
|
</li> |
|
|
|
|
|
<li class="list-group-item pmd-ripple-effect btn-default"> |
|
|
|
|
|
<i class="material-icons media-left media-middle fa fa-fw fa-twitter" aria-hidden="true"></i> |
|
|
|
|
|
<div class="media-body">Twitter</div> |
|
|
|
|
|
</li> |
|
|
|
|
|
</ul> |
|
|
|
|
|
|
|
|
<body> |
|
|
|
|
|
<div class="menu pmd-floating-action" role="navigation"> |
|
|
|
|
|
<button class="btn pmd-btn-fab pmd-ripple-effect btn-success btn-white" type="button" |
|
|
|
|
|
onclick="location.href='mailto:[email protected]?Subject=Hello%20Rohan!'"> |
|
|
|
|
|
<i class="material-icons pmd-sm">chat</i> |
|
|
|
|
|
</button> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="pmd-card-my"> |
|
|
|
|
|
<!-- Default card starts --> |
|
|
|
|
|
<div class="pmd-card pmd-card-default pmd-z-depth-2"> |
|
|
|
|
|
|
|
|
|
|
|
<!-- Card header --> |
|
|
|
|
|
<div class="pmd-card-title"> |
|
|
|
|
|
<div class="center-block" style="width: 128px;"> |
|
|
|
|
|
<img src="https://avatars2.githubusercontent.com/u/952036?s=512" class="img-circle pmd-z-depth-3" width="128" height="128"> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<!-- Card body --> |
|
|
|
|
|
<div class="pmd-card-title"> |
|
|
|
|
|
<h2 class="pmd-card-title-text text-center">Rohan Verma</h2> |
|
|
|
|
|
<h3 class="pmd-card-subtitle-text text-center">Computer Science and Engineering Undergrad (Graduating 2018)</h3> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!--Default card ends --> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="pmd-card-my"> |
|
|
|
|
|
<div class="pmd-card pmd-card-default pmd-z-depth-2 pmd-card-custom-form"> |
|
|
|
|
|
<div class="pmd-card-title"> |
|
|
|
|
|
<h2 class="pmd-card-title-text">Profiles</h2> |
|
|
|
|
|
<!-- <span class="pmd-card-subtitle-text">Secondary text</span> --> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="pmd-card pmd-card-default pmd-z-depth-0"> |
|
|
|
|
|
<button class="btn pmd-btn-flat btn-primary btn-block pmd-ripple-effect" type="button" onclick="window.open('http://linkedin.com/in/rhnvrm')">Linkedin</button> |
|
|
|
|
|
<button class="btn pmd-btn-flat btn-primary btn-block pmd-ripple-effect" type="button" onclick="window.open('http://github.com/rhnvrm/')">Github</button> |
|
|
|
|
|
<button class="btn pmd-btn-flat btn-primary btn-block pmd-ripple-effect" type="button" onclick="window.open('http://twitter.com/rhnvrm/')">Twitter</button> |
|
|
|
|
|
<button class="btn pmd-btn-flat btn-primary btn-block pmd-ripple-effect" type="button" onclick="window.open('http://rohanverma.net/blog/')">Blog</button> |
|
|
|
|
|
<button class="btn pmd-btn-flat btn-primary btn-block pmd-ripple-effect" type="button" onclick="window.open('http://rohanverma.net/blog/wp-json/wp/v2/posts?categories=21')">Projects</button> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Card header --> |
|
|
|
|
|
<div class="pmd-card-my"> |
|
|
|
|
|
<div class="pmd-card pmd-card-default pmd-z-depth-2 pmd-card-custom-form"> |
|
|
|
|
|
<div class="pmd-card-title"> |
|
|
|
|
|
<h2 class="pmd-card-title-text">My Projects</h2> |
|
|
|
|
|
<!-- <span class="pmd-card-subtitle-text">Secondary text</span> --> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="pmd-card pmd-card-default pmd-z-depth-0"> |
|
|
|
|
|
<ul class="list-group pmd-list pmd-card-list pmd-list-icon" id="project-list"> |
|
|
|
|
|
<li class="list-group-item pmd-ripple-effect btn-default" onclick="window.open('http://rohanverma.net/blog/wp-json/wp/v2/posts?categories=21')"> |
|
|
|
|
|
<span class="pmd-card-subtitle-text">Loading</span><br> |
|
|
|
|
|
<div class="pmd-card-body"> |
|
|
|
|
|
Hold on! I'm fetching my projects... |
|
|
|
|
|
</div> |
|
|
|
|
|
</li> |
|
|
|
|
|
</ul> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- jQuery before Propeller.js --> |
|
|
|
|
|
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> |
|
|
|
|
|
|
|
|
<!-- jQuery before Propeller.js --> |
|
|
|
|
|
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> |
|
|
|
|
|
|
|
|
<!-- Include all compiled plugins (below), or include individual files as needed --> |
|
|
|
|
|
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> |
|
|
|
|
|
<script type="text/javascript" src="bower_components/propeller/dist/js/propeller.min.js"></script> |
|
|
|
|
|
|
|
|
<!-- Include all compiled plugins (below), or include individual files as needed --> |
|
|
|
|
|
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> |
|
|
|
|
|
<script type="text/javascript" src="bower_components/propeller/dist/js/propeller.min.js"></script> |
|
|
|
|
|
</body> |
|
|
|
|
|
|
|
|
<!-- Fetch posts from blog and display here --> |
|
|
|
|
|
<script> |
|
|
|
|
|
|
|
|
|
|
|
$.get("http://rohanverma.net/blog/wp-json/wp/v2/posts?categories=21", function (data) { |
|
|
|
|
|
$("#project-list").html("") |
|
|
|
|
|
data.forEach(element => { |
|
|
|
|
|
var title = element.title.rendered; |
|
|
|
|
|
var link = element.link; |
|
|
|
|
|
var template = ` |
|
|
|
|
|
<li class="list-group-item pmd-ripple-effect btn-default" onclick="window.open('${link}')"> |
|
|
|
|
|
<span class="pmd-card-subtitle-text">${title}</span><br> |
|
|
|
|
|
</li> |
|
|
|
|
|
`; |
|
|
|
|
|
console.log(element.title.rendered) |
|
|
|
|
|
$("#project-list").append(template); |
|
|
|
|
|
}); |
|
|
|
|
|
}); |
|
|
|
|
|
</script> |
|
|
|
|
|
</body> |
|
|
</html> |
|
|
</html> |
Rohan Verma
pirms 7 gadiem