218 index.html
View file
@@ -1,191 +1,63 @@
<head>

<title>Rohan Varma</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link rel="shortcut icon" href="http://faviconist.com/icons/50bd8a10ce1b06f48e58e604e7ef12c7/favicon.ico" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="static/css/materialize.min.css" media="screen,projection"/>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,900,100italic,100,500,700' rel='stylesheet' type='text/css'>
<script src="static/lib/jquery.js"></script>
<script type="text/javascript" src="static/js/materialize.min.js"></script>
<script src="static/js/homepage.js"></script>
<link rel="stylesheet" href="static/css/homepage.css">

</head>

<body>

<div class = "background-img"></div>

<div class = "row top-row">
<div class = "col-md-5 col-md-offset-1 col-xs-6 col-xs-offset-3" >
<img class = "main-img" src = "static/imgs/me.jpg"/>
</div>
<div class = "col-md-6 col-sm-8 col-xs-12">
<div class = "main-name">
Rohan Varma
</div>
<div class = "sub-name" data-menu="student" style = "display:none;">
Student
</div>
<div class = "sub-name" data-menu="hacker" style = "display:none;">
Hacker
</div>
<div class = "sub-name" data-menu="teacher" style = "display:none;">
Teacher
</div>
<div class = "sub-name" data-menu="coach" style = "display:none;">
Coach
</div>
</div>
</div>

<div class = "sections-area">

<div class = "row student-row section-row">
<div class = "section-title">
Student
</div>
<div class = "student-info">
I am currently a <b>sophomore at Carnegie Mellon University</b>. Going into college I was sure that I wanted to get a degree in biology because I extremely enjoyed learning about it in high school. However, it only took one semester of computer science in college to sell me on a completely different path. I am now a <b>Computer Science major with a minor in Robotics</b>.
<br>
<br>
One of the reasons that I love computer science is because it allows me to quickly teach myself how to build cool things. I am currently proficient in these technologies: <b>Python, C, Java, HTML, CSS, Javascript, Django, SQL/NOSQL</b>
<br>
<br>
Some of the courses I have taken include:<br>
- 15-112 Fundamentals of Programming<br>
- 15-122 Principles of Imperative Computation<br>
- 21-127 Concepts of Mathematics<br>
- 15-150 Functional Programming<br>
- 15-214 Principles of Software System Construction<br>
- 15-251 Great Theoretical Ideas in Computer Science<br>
</div>
<header>
<ul id="slide-out" class="side-nav fixed">
<li class="logo black">
<a href="/" class="logo-container">
<img src="static/imgs/me-square.png" class="logo-img circle"/>
<span class="logo-text bold" style="color:white">Rohan Varma</span>
</a>
</li>
<div class="divider"></div>
<li><a href="#!">Student</a></li>
<li><a href="/hacker.html">Hacker</a></li>
<li><a href="#!">Teacher</a></li>
<li><a href="#!">Coach</a></li>
<li><a href="#!">Writer</a></li>
</ul>
<nav class="top-nav red darken-4">
<div class="container">
<div class="nav-wrapper">
<a class="page-title">Rohan Varma</a>
</div>
</div>

<div class = "sections-area" style = "background-color: black">

<div class = "row hacker-row section-row">
<div class = "section-title" style = "color:white;">
Hacker
</div>
<div class = "item-panel row">
<div class = "col-md-3">
<div class = "hacker-toc">

<div class = "toc-item selected" data-content="asteroids">
<div class = "toc-img col-md-4">
<img src = "static/imgs/asteroidspic.png"/ class = "toc-pic">
</div>
<div class = "toc-name col-md-8">
Multiplayer Asteroids
</div>
</div>

<div class = "toc-item" data-content="judgemeharder">
<div class = "toc-img col-md-4">
<img src = "static/imgs/judgemepic.png"/ class = "toc-pic">
</div>
<div class = "toc-name col-md-8">
Judge Me Harder
</div>
</div>

<div class = "toc-item" data-content="kritikalstats">
<div class = "toc-img col-md-4">
<img src = "static/imgs/kstatspic.png"/ class = "toc-pic">
</div>
<div class = "toc-name col-md-8">
Kritikal Stats
</div>
</div>

<div class = "toc-item" data-content="art">
<div class = "toc-img col-md-4">
<img src = "static/imgs/ARTpic.png"/ class = "toc-pic">
</div>
<div class = "toc-name col-md-8">
AR(T)
</div>
</div>

<div class = "toc-item" data-content="clipminechrome">
<div class = "toc-img col-md-4">
<img src = "static/imgs/clipmineextpic.png"/ class = "toc-pic">
</div>
<div class = "toc-name col-md-8">
ClipMine Chrome
</div>
</div>

</div>
</div>
<div class = "col-md-9">
<div class = "hacker-content">
<div class = "asteroids hacker-details not-hidden">
<b>Multiplayer Asteroids</b> was my term project for my first computer science course. It is built with <b>Python</b> using the Tkinter (graphics) module and the Socket (networking) module. <b>I created a online, over the internet, multiplayer version of the game.</b> <br><br>

<iframe class = "asteroids-video" width="840" height="630"
src="http://www.youtube.com/embed/V1oB-mYmW9Y">
</iframe>
</div>

<div class = "judgemeharder hacker-details hidden">
<b>Judge me harder</b> was built at the Bitcamp Hackathon (University of Maryland) and is a <b>Flask app made with a mongoDB database</b>. We made it in the Spring of 2014 and it was the first time I was able to succesfully make a website at a hackathon, making it very special to me :p.

You can check out at: http://challengepost.com/software/judgemeharder. <br><br>

<img class = "judgeme-lg-pic" src = "static/imgs/judgeme-lg.png">
</div>

<div class = "kritikalstats hacker-details hidden">
<b>Judge me harder</b> was built at the Bitcamp Hackathon (University of Maryland) and is a <b>Flask app made with a mongoDB database</b>. We made it in the Spring of 2014 and it was the first time I was able to succesfully make a website at a hackathon, making it very special to me :p.

You can check out at: http://challengepost.com/software/judgemeharder. <br><br>

<img class = "judgeme-lg-pic" src = "static/imgs/judgeme-lg.png">
</div>

<div class = "art hacker-details hidden">
<b>Judge me harder</b> was built at the Bitcamp Hackathon (University of Maryland) and is a <b>Flask app made with a mongoDB database</b>. We made it in the Spring of 2014 and it was the first time I was able to succesfully make a website at a hackathon, making it very special to me :p.

You can check out at: http://challengepost.com/software/judgemeharder. <br><br>

<img class = "judgeme-lg-pic" src = "static/imgs/judgeme-lg.png">
</div>

<div class = "clipminechrome hacker-details hidden">
<b>Judge me harder</b> was built at the Bitcamp Hackathon (University of Maryland) and is a <b>Flask app made with a mongoDB database</b>. We made it in the Spring of 2014 and it was the first time I was able to succesfully make a website at a hackathon, making it very special to me :p.

You can check out at: http://challengepost.com/software/judgemeharder. <br><br>

<img class = "judgeme-lg-pic" src = "static/imgs/judgeme-lg.png">
</div>
</div>
</div>
</div>
</div>

<div class = "sections-area">

<div class = "row teacher-row section-row">
<div class = "section-title">
Teacher
</div>
</div>

<div class = "sections-area">

<div class = "row coach-row section-row">
<div class = "section-title">
Coach
</div>
</div>

</div>

</div>

</div>

</nav>
<div class="container">
<a href="#" data-activates="slide-out" class="button-collapse top-nav full">
<i class="mdi-navigation-menu"></i>
</a>
</div>
</header>

<main>
<div class = "row">
<div class = "col m5 offset-m1 s10 offset-s1" >
<div class="card z-depth-5 main-img-card">
<div class="card-image">
<img class = "main-img" src = "static/imgs/me.jpg"/>
</div>
</div>
</div>
<div class="valign-wrapper col m5 offset-m1 s12">
<h2 class="valign">My name is Rohan Varma.</h2>
</div>
</div>

</main>

</body>

166 static/css/homepage.css
View file
@@ -1,146 +1,62 @@
html, body {
font-family: 'Roboto', sans-serif;
main, header {
padding-left: 240px;
}

.background-img {
width: 100%;
height: 100%;
background-color: black;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}

.main-img {
width: 75%;
height: auto;
border-radius: 600px;
/* right: 5%;
top: 5%;
position: absolute;*/
}

.main-name {
color: white;
font-size: 100px;
}

.sub-name {
font-size: 90px;
cursor: pointer;
}

@media (max-width: 1300px) {
.main-name {
font-size: 75px;
}

.sub-name {
font-size: 65px;
}

}
@media (max-width: 769px) {
.main-name {
font-size: 50px;
margin-left: 20%;
}

.sub-name {
font-size: 40px;
margin-left: 20%;
}

.main-img {
width: 100%;
}
@media (max-width: 992px) {
main, header {
padding-left: 0px;
}
.nav-wrapper {
text-align: center;
}
}

.top-row {
margin-top: 5%;
}

.sections-area {
a.button-collapse.top-nav {
position: absolute;
top:100%;
left:0;
width: 100%;
padding-bottom: 10%;
}

.section-row {
width: 100%;
height: 100%;
padding-left: 50px;
text-align: center;
height: 48px;
width: 48px;
left: -0.5%;
top: 1%;
float: none;
margin-left: 1.5rem;
color: #fff;
font-size: 32px;
z-index: 2;
}

.section-title {
font-size: 800%;
font-weight: 600;
a.inactive {
color: gray !important;
}

.student-info {
font-weight: 300;
font-size: 200%;
li.active {
background-color: #b71c1c !important;
}

.hacker-toc {
width: 100%;
height: 75%;
background-color: white;
padding: 15px;
overflow: scroll;
li.active a {
color: white !important;
}

.hacker-content {
width: 100%;
height: 75%;
.logo-img {
height: 52px;
margin-top: 6px;
}

.asteroids-video {
margin-left: 20%;
}

.judgeme-lg-pic {
width: 100%;
}

.hacker-details {
color: white;
font-size: 200%;
font-weight: 300;
}

.toc-item {
height: 125px;
vertical-align: middle;
font-size: 200%;
font-weight: 300;
padding-top: 20px;
cursor: pointer;
}

.toc-item.selected {
background-color: #EAEAEA;
}

.toc-item:hover {
background-color: #EAEAEA;
.logo-text {
font-weight: 800;
position: absolute;
padding-left: 25px;
}


.hidden {
display: none;
.nav-wrapper a.page-title {
font-size: 36px;
}

.toc-pic {
width: 100%;
.main-img-card {
/*height: 80%;*/
margin-top: 10%;
}







.card-image {
height: 320px;
}
16 static/css/materialize.min.css
View file

Large diffs are not rendered by default.

428 static/font/material-design-icons/LICENSE.txt
View file

Large diffs are not rendered by default.

BIN +138 KB static/font/material-design-icons/Material-Design-Icons.eot
View file
Binary file not shown.
751 static/font/material-design-icons/Material-Design-Icons.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN +138 KB static/font/material-design-icons/Material-Design-Icons.ttf
View file
Binary file not shown.
BIN +138 KB static/font/material-design-icons/Material-Design-Icons.woff
View file
Binary file not shown.
BIN +36.5 KB static/font/material-design-icons/Material-Design-Icons.woff2
View file
Binary file not shown.
BIN +125 KB static/font/roboto/Roboto-Bold.ttf
View file
Binary file not shown.
BIN +61.4 KB static/font/roboto/Roboto-Bold.woff
View file
Binary file not shown.
BIN +48.8 KB static/font/roboto/Roboto-Bold.woff2
View file
Binary file not shown.
BIN +124 KB static/font/roboto/Roboto-Light.ttf
View file
Binary file not shown.
BIN +60.9 KB static/font/roboto/Roboto-Light.woff
View file
Binary file not shown.
BIN +48.2 KB static/font/roboto/Roboto-Light.woff2
View file
Binary file not shown.
BIN +125 KB static/font/roboto/Roboto-Medium.ttf
View file
Binary file not shown.
BIN +61.5 KB static/font/roboto/Roboto-Medium.woff
View file
Binary file not shown.
BIN +49 KB static/font/roboto/Roboto-Medium.woff2
View file
Binary file not shown.
BIN +123 KB static/font/roboto/Roboto-Regular.ttf
View file
Binary file not shown.
BIN +60.3 KB static/font/roboto/Roboto-Regular.woff
View file
Binary file not shown.
BIN +48.1 KB static/font/roboto/Roboto-Regular.woff2
View file
Binary file not shown.
BIN +125 KB static/font/roboto/Roboto-Thin.ttf
View file
Binary file not shown.
BIN +60.2 KB static/font/roboto/Roboto-Thin.woff
View file
Binary file not shown.
BIN +47.4 KB static/font/roboto/Roboto-Thin.woff2
View file
Binary file not shown.
BIN +116 KB static/imgs/db1.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN +78.4 KB static/imgs/db2.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN +188 KB static/imgs/judgemepic2.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN +2.27 MB static/imgs/me-square.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN +785 KB static/imgs/sleeply1.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN +157 KB static/imgs/sleeply2.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
48 static/js/homepage.js
View file
@@ -1,50 +1,4 @@



function load_hover_handlers() {
$(".main-img").hover(function() {
// on hover in
$(".sub-name").show("slow");
}, function() {
// on hover out
})
$(".main-name").hover(function() {
// on hover in
$(".sub-name").show("slow");
}, function() {
// on hover out
})

$(".sub-name").hover(function() {
// on hover
$(this).css("color", "white");
}, function() {
// off hover
$(this).css("color", "#333");
})
}

function load_menu_click_handlers() {
$(".sub-name").click(function() {
var menu_item = $(this).attr("data-menu");
$('html, body').animate({
scrollTop: $("." + menu_item + "-row").offset().top
}, 1000);
})
}

function load_hacker_click_handlers() {
$(".toc-item").click(function () {
var name = $(this).attr("data-content");
$(".selected").removeClass("selected");
$(this).addClass("selected");
$(".not-hidden").addClass("hidden").removeClass("not-hidden");
$("." + name).addClass("not-hidden").removeClass("hidden");
})
}

$(document).ready(function() {
load_hover_handlers();
load_menu_click_handlers();
load_hacker_click_handlers();
$(".button-collapse").sideNav();
})
10 static/js/materialize.min.js
View file

Large diffs are not rendered by default.