rhnvrm
/
rohanverma.net


			
				
					
						
						
							
							<!DOCTYPE html>
<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="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>
		<!--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>
	
	<!-- 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>
	
	<!-- 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>