Update readme + move CSS frameworks wherever they're being used

crearo · Sep 7, 2018 · 89e1f34 · 89e1f34
1 parent 90a0244
commit 89e1f34
Show file tree

Hide file tree

Showing 11 changed files with 122 additions and 164 deletions.
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/README.md b/README.md
@@ -1,8 +1,22 @@
-# Rishabh Bhardwaj
+# www.rish.space
 
-My Personal Portfolio on the web - [link to website](http://rish.pythonanywhere.com/home)
+This is [my personal corner on the web](http://rish.space). I quite like the domain name; conveys exactly what it is. 
+
+
+# Screenshots
+![alt text](https://raw.githubusercontent.com/crearo/portfolio/master/screenshots/home.png "home")
+![alt text](https://raw.githubusercontent.com/crearo/portfolio/master/screenshots/timeline.png "timeline")
 
 # Technology
 
-Developed using Python Flask, and Jinja.
-Currently hosted on pythonanywhere.
+Developed using Python Flask, and a lot of CSS and Jinja2.
+Currently hosted on Heroku. 
+
+Sidenote: I struggle to understand why web UI isn't as easy to make as Android's.
+
+# I want to use this!
+
+You're free to use this for your own personal portfolio; but please do write to me telling me you have!
+
+ - change the static content wherever it is to suit your work.
+ - change the `experiences.json` and `projects.json` files with your work and projects. 
diff --git a/screenshots/home.png b/screenshots/home.png
diff --git a/screenshots/projects.png b/screenshots/projects.png
diff --git a/screenshots/timeline.png b/screenshots/timeline.png
diff --git a/static/css/base.css b/static/css/base.css
@@ -3,7 +3,7 @@ body {
   font-family: 'Open Sans', sans-serif;
 }
 
-ul li a {
+.navbar-ref {
   color: #808080;
   font-family: 'Open Sans', sans-serif;
   font-size: 16px;

diff --git a/static/css/home.css b/static/css/home.css
@@ -81,7 +81,7 @@ ul li a {
   position: relative;
   background: rgba(38, 38, 38, 0.8);
   width: 80%;
-  height: 250px;
+  height: 260px;
   border-radius: 8px;
   box-shadow: 0 1px 10px rgba(0, 0, 0, 0.55);
   margin: auto;

diff --git a/templates/base.html b/templates/base.html
@@ -6,39 +6,25 @@
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
-    <!-- jQuery library -->
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
-    <!-- Latest compiled and minified CSS -->
-    <!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">-->
-    <!-- Popper JS -->
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
-    <!-- Latest compiled JavaScript -->
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
-
-    <link type="text/css" rel="stylesheet"
-          href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
-
     <!--fonts-->
     <link rel='stylesheet'
           href='https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Source+Code+Pro:400,500,600,700'
           type='text/css' media='screen'/>
     <link href="https://fonts.googleapis.com/css?family=Open+Sans|Roboto:900" rel="stylesheet">
 
-    <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/base.css') }}">
     {% block head %}
     {% endblock %}
 </head>
 <body>
 <div class="navbar-ul">
     <ul id="navbar-list" class="list-inline">
-        <li><a class="aref" href="/">Home</a></li>
-        <li><a class="aref" href="/timeline">Timeline</a></li>
-        <li><a class="aref" href="/projects">Projects</a></li>
-        <li><a class="aref" href="/experiences">Experiences</a></li>
-        <li><a class="aref" href="http://bhardwajrish.blogspot.com/">Writing</a></li>
-        <li><a class="aref" href="/cv">CV</a></li>
+        <li><a class="navbar-ref" href="/">Home</a></li>
+        <li><a class="navbar-ref" href="/timeline">Timeline</a></li>
+        <li><a class="navbar-ref" href="/projects">Projects</a></li>
+        <li><a class="navbar-ref" href="/experiences">Experiences</a></li>
+        <li><a class="navbar-ref" href="http://bhardwajrish.blogspot.com/">Writing</a></li>
+        <li><a class="navbar-ref" href="/cv">CV</a></li>
     </ul>
 </div>
 {% block body %}

diff --git a/templates/home.html b/templates/home.html
@@ -1,6 +1,14 @@
 {% 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 %}

diff --git a/templates/project.html b/templates/project.html
@@ -13,7 +13,7 @@
     <div class="wrapper fixed-wrapper">
         {% if 'photos' in project or 'videos' in project %}
         <div>
-            <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="false";>
+            <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="false" ;>
                 <!-- Indicators -->
                 <ol class="carousel-indicators">
                     {% for video in project['videos'] %}

diff --git a/templates/timeline.html b/templates/timeline.html
@@ -3,6 +3,9 @@
 {% block head %}
 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 <link type="text/css" rel="stylesheet" href="{{ url_for('static', filename = 'css/timeline.css') }}">
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 {% endblock %}
 
 {% block body %}