Update README.md, READ ME.txt, LICENSE, requirements.txt, home.png,...

Update README.md, READ ME.txt, LICENSE, requirements.txt, home.png, projects.png, Screenshot (1758).png, Screenshot (1759).png, Screenshot (1760).png, Screenshot (1762).png, timeline.png, base.css, reading.css, medialab.css, projects.css, timeline.css, card.css, chip.css, home.css, project.css files

READ ME.txt

+{% extends "base.html" %}
+
+{% block head %}
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
+<link type="text/css" rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
+<script src='https://cdnjs.cloudflare.com/ajax/libs/typed.js/1.1.1/typed.min.js'></script>
+
+<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename = 'css/home.css') }}">
+<script type="text/javascript" src="{{ url_for('static', filename = 'js/home.js') }}"></script>
+{% endblock %}
+
+{% block body %}
+<div class="container">
+    <div class="wrapper fixed-wrapper">
+        <section id="terminal">
+            <div id="terminal-container">
+                <div class="terminal">
+                    <div class="window-title">
+                        <div class="win-buttons">
+                            <a id="close" class="button" href="#"></a>
+                            <a id="min" class="button" href="#"></a>
+                            <a id="max" class="button" href="#"></a>
+                        </div>
+                        <span class="title">oh-my-zsh</span>
+                    </div>
+                    <div class="message">
+                        <span class='prompt'><span class='user'>ME</span><span class="at">@</span><span
+                                class="path">/home/MyPortoflio/</span>><span class="caret">$</span></span>
+                        <span class="typed"></span>
+                        <form>><span class="caret">$</span>&nbsp;<input type="text" name="response"/></form>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+    <div class="wrapper scroll-wrapper">
+        <div class="top-text">
+            <p class="text-title desktop-view">My</p>
+            <p class="text-title desktop-view">Portfolio</p>
+            <p class="text-title mobile-view">PORTFOLIO/EXPERTISE</p>
+            <div class="social-icons">
+                <a target="_blank" href="https://github.com/">
+                    <img class="title-logo" src="static/images/github.svg">
+                </a>
+                <a target="_blank" href="https://www.linkedin.com/in//">
+                    <img class="title-logo" src="static/images/linkedin-logo.svg">
+                </a>
+                <a target="_blank" href="https://twitter.com/">
+                    <img class="title-logo" src="static/images/twitter.svg">
+                </a>
+                <a target="_blank" href="https://www.instagram.com/">
+                    <img class="title-logo" src="static/images/insta.svg">
+                </a>
+            </div>
+        </div>
+        <div class="middle-text">
+            <p class="text-content">I am a developer at heart; from developing challenging large-scale software to small
+                weekend hacks and proof of concept ideas to tinkering around with my Lego Mindstorms sets - I love to
+                build.</p>
+            <p class="text-content">
+                I work at Google Munich in the Android Platforms and Ecosystems team. I have a deep understanding of
+                the Android graphics and camera stack. I have worked on hard problems such as real time stabilization on
+                Android, and have created a graphics library for custom rendering to multiple surfaces, applying
+                filters, and streaming.</p>
+
+            <p class="text-content">I studied computer science at <a href="http://www.MIT.edu">MIT</a>.
+            </p>
+
+            <p class="text-content">One of my biggest side-projects is <a
+                    href="https://play.google.com/store/apps/">Lifehacks</a>,
+                an Android application I developed from scratch which now has over 750K installs. I designed the logo,
+                collated the content, structured the database and designed the REST API. I contribute to open source
+                occasionally - I've contributed heavily to
+                <a href="https://play.google.com/store/apps/">Lens Launcher</a>,
+                an Android launcher with over 1 million installs, and have also open sourced a
+                personal project I developed during my university days for viewing
+                <a href="http://github.com/">Zimbra Webmails on Android</a>.</p>
+
+            <p class="text-content">I have also co-authored a paper in the Conference of Data Sciences (CODS '17)
+                studying the role of temporal diversity in inferring social ties based on spatio-temporal data. (<a
+                        href="https://arxiv.org/">view paper here</a>).</p>
+
+            <p class="text-content">I'm a drum student, I'm learning to speak German, and
+                <a href="http://blogspot.com">am an active blogger</a>, where I write about my work, travel
+                and side projects. I'm extremely enthusiastic about life, believe that life is too short to work on
+                things that don't interest you, and I'm always on the hunt for learning something new.</p>
+
+            <p class="text-content">You can find me on <a href="http://in.linkedin.com/in/">LinkedIn</a>,
+                or email me <a href="mailto:mail.me@mailer.com" target="_top">here</a>.
+            </p>
+
+            <p class="text-content">Let's get in touch!</p>
+
+            <p class="text-content">Rish Bhardwaj</p>
+
+            <p class="text-content"><a href="timeline">For more about me, my timeline, read on here.</a></p>
+
+            <br>
+        </div>
+    </div>
+</div>
+{% endblock %}

README.md

+

base.css

+body {
+  height:100vh;
+  font-family: 'Open Sans', sans-serif;
+}
+
+.navbar-ref {
+  color: #808080;
+  font-family: 'Open Sans', sans-serif;
+  font-size: 16px;
+}
+
+.navbar-ul {
+    background-color: white;
+    display: flex;
+    justify-content: flex-end;
+    width: 100%;
+}
+
+.list-inline {
+  display: flex;
+  text-decoration: none;
+  justify-content: space-around;
+  margin:20px 0;
+  width: 50%;
+}
+
+@media only screen and (max-width: 1094px) {
+  .list-inline {
+    width: 100%;
+  }
+
+  .navbar-ref {
+    color: #808080;
+    font-family: 'Open Sans', sans-serif;
+    font-size: 14px;
+  }
+
+}
+
+a::selection,
+span::selection {
+  background: #ffb7b7; /* WebKit/Blink Browsers */
+}
+
+a::selection,
+span::-moz-selection {
+  background: #ffb7b7; /* Gecko Browsers */
+}
\ No newline at end of file

card.css

+#title {
+  font-size: 1.2rem;
+  font-weight: 300;
+}
+
+.icon {
+  font-size: .9rem;
+  display: inline-flex;
+  background: #D8D8D8;
+  border-radius: 3px;
+  margin-right: 5px;
+  margin-bottom: 15px;
+  span {
+    border-radius: 5px;
+    padding: 3px 5px;
+  };
+}
+
+.react {
+  background: #BAD5F5;
+  span::after {
+    content: "React.js";
+  }
+}
+
+.card {
+  margin:10px;
+  max-height: 325px;
+  min-height: 325px;
+  max-width: 320px;
+}
+
+.card-reveal .card-title {
+    overflow: auto;
+    white-space: normal;
+    text-overflow: unset;
+}
+
+.md-chip-link {
+    padding-left:8px;
+    padding-right:8px;
+  }
+
+.card-image {
+    max-width:400px;
+    display: flex;
+    justify-content: center;
+}
+
+.card .card-image img.card-image {
+    max-height: 180px;
+    min-height: 180px;
+    width: auto;
+}
+
+.status {
+  color: #7699C2;
+}
+
+.card-title {
+overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+.container-outer {
+  overflow: hidden;
+}
+
+.container-inner {
+  white-space: nowrap;
+  overflow-y: hidden;
+  overflow-x: scroll;
+  /*kinda hacky solution to remove that ugly scrollbar*/
+  margin-bottom: -25px; /* maximum width of scrollbar */
+  padding-bottom: 25px; /* maximum width of scrollbar */
+}
\ No newline at end of file

chip.css

+.md-chips {
+  .md-chip {
+    margin: 0 5px 3px 0;
+  }
+}
+
+.md-chips-center {
+  justify-content: center;
+  display: flex;
+}
+
+.md-chip {
+  display: inline-block;
+  background: #e0e0e0;
+  adding: 0 12px;
+  border-radius: 32px;
+  font-size: 12px;
+  &.md-chip-hover:hover {
+    background: #ccc;
+  }
+}
+
+.md-chip-icon {
+  display: block;
+  float: left;
+  background: #009587;
+  width: 32px;
+  border-radius: 50%;
+  text-align: center;
+  color: white;
+  margin: 0 8px 0 -12px;
+}
+
+
+.md-chip-clickable {
+ cursor: pointer;
+}
+
+.md-chip-link{
+  color: #555;
+}
+
+.md-chip-link:hover {
+  text-decoration: none;
+}
+
+.md-chip-remove {
+  display: inline-block;
+  background: #aaa;
+  border: 0;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  padding: 0;
+  margin: 4px -4px 4px 4px;
+  cursor: pointer;
+  font: inherit;
+  line-height: 20px;
+  color: #FFF;
+}
+
+.md-chip-remove-span {
+  margin:0 0px 0px 6px;
+  color:#FFF;
+}

home.css

+body {
+  height:100vh;
+  font-family: 'Open Sans', sans-serif;
+}
+
+.top-text{
+    min-height: calc(100vh - 128px);
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+
+.middle-text{
+  margin-top: 44px;
+}
+
+.container {
+  height: 100%;
+  max-width: none;
+  margin:0;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.wrapper{
+  width: 50%;
+}
+
+.scroll-wrapper::-webkit-scrollbar { 
+    display: none; 
+    margin-right: 5%;
+}
+
+.scroll-wrapper {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.top-text p {
+  font-size: 80px;
+  font-family: 'Roboto', sans-serif;
+}
+
+.fixed-wrapper {
+    position: fixed;
+    right: 50%;
+    top: calc(50% - 135px);
+}
+
+ul li a {
+  color: #808080;
+}
+
+.text-title {
+  margin:0px;
+}
+
+.title-logo{
+    height:24px;
+    width:24px;
+    margin: 0px 12px 0px 2px;
+    opacity: 0.4;
+    filter: alpha(opacity=40);
+    text-decoration:none;
+}
+
+.title-logo:hover{
+    opacity: 0.8;
+    filter: alpha(opacity=80);
+    text-decoration:none;
+}
+
+.mobile-view {
+  display: none;
+}
+
+.desktop-view {
+    display: block;
+}
+
+.text-content {
+  margin:20px 0px 20px 0px;
+}
+
+@media only screen and (max-width: 1094px) {
+  .container {
+    flex-direction: column;
+  }
+  .wrapper {
+    width: 100%;
+  }
+  .mobile-view {
+    display: block;
+  }
+  .desktop-view {
+    display: none;
+  }
+  .wrapper.fixed-wrapper {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    right: 0%;
+    display:none;
+  }
+  .scroll-wrapper {
+    align-items: center;
+  }
+  .social-icons {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  #terminal {
+    width: 100%;
+  }
+  .top-text p {
+    font-size: 70px;
+  }
+}
+
+@media only screen and (max-width: 600px) {
+  #terminal .terminal .window-title .win-buttons{
+    width: 60px;
+  }
+  #terminal .terminal {
+    height: 400px;
+  }
+  .top-text p {
+    font-size: 40px;
+  }
+}
+
+#terminal #terminal-container .overlay {
+  position: absolute;
+  background-color: #FFF;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  opacity: 0.3;
+}
+#terminal .terminal {
+  position: relative;
+  background: rgba(38, 38, 38, 0.8);
+  width: 80%;
+  height: 260px;
+  border-radius: 8px;
+  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.55);
+  margin: auto;
+}
+#terminal .terminal .window-title {
+  background: linear-gradient(top, #dedede, #c0c0c0);
+  width: calc(100% - 16px);
+  height: 8%;
+  text-align: center;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  padding: 1px 8px;
+}
+#terminal .terminal .window-title .win-buttons {
+  position: relative;
+  width: 15%;
+  left: -11px;
+  float: left;
+  margin: 0;
+}
+#terminal .terminal .window-title .button {
+  display: inline-block;
+  text-align: center;
+  width: 10px;
+  height: 10px;
+  border: 0.5px solid;
+  border-radius: 100px;
+  vertical-align: middle;
+  margin: 3px 2px 3px 0;
+}
+#terminal .terminal .window-title #close {
+  background: #e25544;
+  border-color: #d84b3a;
+}
+#terminal .terminal .window-title #min {
+  background: #f5b640;
+  border-color: #e0a12b;
+}
+#terminal .terminal .window-title #max {
+  background: #7cb058;
+  border-color: #6fa44b;
+}
+#terminal .terminal .title {
+  position: relative;
+  display: inline-block;
+  color: rgba(255, 255, 255, 0.65);
+  font-weight: 400;
+  letter-spacing: 0.06em;
+  text-align: center;
+  vertical-align: middle;
+  top: 0.5px;
+  left: -43px;
+}
+#terminal .terminal .prompt {
+  font-size: 98%;
+}
+#terminal .terminal .user {
+  color: #ea7e7d;
+  letter-spacing: 0.002em;
+  padding-right: 3px;
+}
+#terminal .terminal .at {
+  color: #e8d880;
+  padding-right: 2px;
+}
+#terminal .terminal .path {
+  color: #7ecdcb;
+  letter-spacing: 0.002em;
+  padding-right: 2px;
+}
+#terminal .terminal .caret {
+  color: #50cd70;
+}
+#terminal .message {
+  position: relative;
+  color: rgba(255, 255, 255, 0.75);
+  font-family: "Source Code Pro", monospace;
+  width: 95%;
+  margin: auto;
+  padding: 1.5vh 0 0;
+  z-index: 999;
+}
+#terminal .message span {
+  font-size: 90%;
+  font-weight: 300;
+  line-height: 1.5;
+  letter-spacing: 0.045em;
+  margin-bottom: 1em;
+}
+#terminal .message span a {
+  font-family: "Source Code Pro", monospace;
+  border-bottom: 1px dotted rgba(255, 255, 255, 0.75);
+}
+#terminal .message form input {
+  background: transparent;
+  border: none;
+  outline: none;
+  caret-color: #50cd70;
+}
+#terminal .message form input:focus {
+  color: rgba(255, 255, 255, 0.75);
+}
+#terminal .message .typed-cursor {
+  color: rgba(255, 255, 255, 0.9);
+}
+#terminal a {
+  color: rgba(255, 255, 255, 0.7);
+  text-decoration: none;
+}
+#terminal a:hover {
+  color: rgba(255, 255, 255, 0.9);
+  border-bottom: 1px dotted rgba(255, 255, 255, 0.9);
+}

medialab.css

+body {
+  height:100vh;
+  max-width: 100%;
+  overflow-x: hidden;
+  font-family: 'Open Sans', sans-serif;
+}
\ No newline at end of file

project.css

+.container {
+  height: 100%;
+  max-width: none;
+  margin:0;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  font-family: 'Open Sans', sans-serif;
+}
+
+.wrapper{
+  width: 50%;
+}
+
+.scroll-wrapper::-webkit-scrollbar {
+    display: none;
+    margin-right: 5%;
+}
+
+.scroll-wrapper {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.fixed-wrapper {
+    position: fixed;
+    right: 50%;
+    top: calc(50% - 275px);
+    display:flex;
+    justify-content:center;
+    height: calc(100vh - 60px);
+    align-items: center;
+}
+
+.carousel-inner .item {
+    max-height: 500px;
+    max-width: 500px;
+}
+
+.title {
+  font-size: 60px;
+  margin-top:20px;
+  font-family: 'Roboto', sans-serif;
+}
+
+.links{
+  margin:20px 0px 10px 0px;
+}
+
+span {
+  display:inline-block;
+  margin: 10px 0 10px 0px;
+}
+
+.lb {
+  display:inline-block;
+  margin-top:20px 0 20px 0px;
+}
+
+.date {
+  margin:0px 100px 20px 0px;
+  color: #555;
+}
+
+@media only screen and (max-width: 1094px) {
+  .fixed-wrapper {
+    position: static;
+  }
+  .container {
+    flex-direction: column;
+  }
+  .wrapper {
+    width: 100%;
+  }
+  .mobile-view {
+    display: block;
+  }
+  .desktop-view {
+    display: none;
+  }
+  .wrapper.fixed-wrapper {
+    min-height: calc(100vh - 190px);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+}
+
+@media only screen and (max-width: 1094px) {
+.item iframe {
+    width: auto !important;
+  }
+}

projects.css

+.cards-container {
+  max-width: 950px;
+}
\ No newline at end of file

reading.css

+.date {
+  display:block;
+  color: #303030;
+  margin:10px;
+  font-size: 20px;
+}
+
+.title{
+  color: #1377BD;
+  font-size: 16px;
+  margin: 4px;
+  font-weight:500;
+}
+
+.title:hover {
+  text-decoration: none !important;
+}
+
+.content{
+  display:block;
+  color: #303030;
+  margin:4px;
+  font-weight:300;
+}
+
+.container{
+  max-width:750px;
+}
+
+.icon-title{
+    display: flex;
+    align-items: center;
+}
+
+.list {
+  list-style-type:none;
+}
+
+.item {
+    margin-top:10px;
+    margin-bottom:10px;
+}
\ No newline at end of file

requirements.txt

+blinker==1.4
+click==6.7
+feedgen==0.9.0
+Flask==1.0.0
+Flask-HTTPAuth==3.2.3
+Flask-Mail==0.9.1
+Flask-SQLAlchemy==2.3.2
+Flask-WTF==0.14.2
+gunicorn==19.7.1
+itsdangerous==0.24
+Jinja2==2.10.1
+MarkupSafe==1.1.1
+SQLAlchemy==1.3.0
+Werkzeug==0.16.0
+WTForms==2.1

timeline.css

+.date {
+  display:block;
+  color: #303030;
+  font-size: 20px;
+}
+
+.title{
+  color: #1377BD;
+  font-size: 16px;
+  margin: 4px;
+  font-weight:500;
+}
+
+.title:hover {
+  text-decoration: none !important;
+}
+
+.content{
+  display:block;
+  color: #303030;
+  margin:4px;
+  font-weight:300;
+}
+
+.container{
+  max-width:750px;
+}
+
+.icon-title{
+    display: flex;
+    align-items: center;
+}
+
+.list {
+  list-style-type:none;
+}
\ No newline at end of file