rhnvrm
/
rohanverma.net
关注 1
点赞 0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
浏览代码

Updated the website, added wordpress api

pull/1/head
Rohan Verma 7 年前
父节点
908444801f
当前提交
715ae6d672
共有 3 个文件被更改，包括 116 次插入 和 82 次删除
分列视图
Diff 选项
显示统计 下载 Patch 文件 下载 Diff 文件
  1. +4
    -0
      css/style.css
  2. 二进制
      favicon.ico
  3. +112
    -82
      index.html

+ 4
- 0
css/style.css 查看文件

@@ -49,3 +49,7 @@ body{
margin: 0 auto;
margin-top: 25px;
}

.btn-white{
background-color:lightslategrey;
}

二进制
favicon.ico 查看文件

之前 之后

+ 112
- 82
index.html 查看文件

@@ -1,89 +1,119 @@
<!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="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>





<!--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>

撰写 预览
正在加载...
取消
保存