minor bug fixes

Rohanhacker · Mar 28, 2017 · f1156fc · f1156fc
1 parent e7373a1
commit f1156fc
Show file tree

Hide file tree

Showing 7 changed files with 32 additions and 37 deletions.
diff --git a/src/containers/About/about.css b/src/containers/About/about.css
@@ -8,18 +8,18 @@
 .background {
     background: linear-gradient(40deg,#1F1C2C,transparent 100%),
                 linear-gradient(230deg, #928DAB, transparent),
-                #ffa949 url('http://res.cloudinary.com/www-rohanm-com/image/upload/v1489134159/bgabout_dbbkaq.jpg') center;
+                #ffa949 url('http://res.cloudinary.com/www-rohanm-com/image/upload/c_scale,q_auto:low,w_1456/v1489134159/bgabout_dbbkaq.jpg') center;
     background-size: cover; 
-    height: calc(100vh - 10px);
-    width: calc(100vw - 10px);
+    height: calc(100vh);
+    width: calc(100vw);
     border: 10px solid white;
     transition: filter 1s ease;
 }
 
 .container {
     overflow-y: auto;
     padding: 20px;
-    height: calc(100% - 30px);
+    height: calc(100% - 20px);
     width: calc(100% - 20px);
     position: fixed;
     top: 10px;
@@ -117,12 +117,12 @@ h2 {
 {
 	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 	background-color: #F5F5F5;
-	border-radius: 10px;
+	border-radius: 5px;
 }
 
 .container::-webkit-scrollbar
 {
-	width: 10px;
+	width: 8px;
 	background-color: #F5F5F5;
 }
 
@@ -137,5 +137,3 @@ h2 {
 									   color-stop(0.86, #747281));
 }
 
-
-
diff --git a/src/containers/Contact/contact.css b/src/containers/Contact/contact.css
@@ -7,18 +7,18 @@
 .background {
     background: linear-gradient(40deg,#1F1C2C,transparent 100%),
                 linear-gradient(230deg, #928DAB, transparent),
-                #ffa949 url('http://res.cloudinary.com/www-rohanm-com/image/upload/v1489134166/bgcontact_bigclr.jpg') center;
+                #ffa949 url('http://res.cloudinary.com/www-rohanm-com/image/upload/c_scale,q_auto:low,w_1371/v1489134166/bgcontact_bigclr.jpg') center;
     background-size: cover; 
-    height: calc(100vh - 10px);
-    width: calc(100vw - 10px);
+    height: calc(100vh);
+    width: calc(100vw);
     border: 10px solid white;
     transition: filter 1s ease;
 }
 
 .container {
     overflow-y: auto;
     padding: 20px;
-    height: calc(100% - 30px);
+    height: calc(100% - 20px);
     width: calc(100% - 20px);
     position: fixed;
     top: 10px;
@@ -61,17 +61,16 @@
 }
 
 
-
 .container::-webkit-scrollbar-track
 {
 	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 	background-color: #F5F5F5;
-	border-radius: 10px;
+	border-radius: 5px;
 }
 
 .container::-webkit-scrollbar
 {
-	width: 10px;
+	width: 8px;
 	background-color: #F5F5F5;
 }
 
@@ -84,7 +83,4 @@
 									   color-stop(0.44, #908CA7),
 									   color-stop(0.72, #565462),
 									   color-stop(0.86, #747281));
-}
-
-
-
+}
diff --git a/src/containers/Landing/Landing.css b/src/containers/Landing/Landing.css
@@ -8,17 +8,17 @@
 .background {
     background: linear-gradient(40deg,#1F1C2C,transparent 100%),
                 linear-gradient(230deg, #928DAB, transparent),
-                #ffa949 url('http://res.cloudinary.com/www-rohanm-com/image/upload/v1489134157/bg_q27nqt.jpg') center;
+                #ffa949 url('http://res.cloudinary.com/www-rohanm-com/image/upload/c_scale,q_auto:eco,w_1346/v1489134157/bg_q27nqt.jpg') center;
     background-size: cover; 
-    height: calc(100vh - 10px);
-    width: calc(100vw - 10px);
+    height: calc(100vh);
+    width: calc(100vw);
     border: 10px solid white;
 }
 
 .container {
     overflow-y: auto;
     padding: 20px;
-    height: calc(100% - 30px);
+    height: calc(100% - 20px);
     width: calc(100% - 20px);
     position: fixed;
     top: 10px;
@@ -90,12 +90,12 @@
 {
 	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 	background-color: #F5F5F5;
-	border-radius: 10px;
+	border-radius: 5px;
 }
 
 .container::-webkit-scrollbar
 {
-	width: 10px;
+	width: 8px;
 	background-color: #F5F5F5;
 }
 

diff --git a/src/containers/Landing/index.js b/src/containers/Landing/index.js
@@ -61,7 +61,6 @@ class App extends Component {
   }
   handleScroll(event) {
     let height = this.refs.heading.getBoundingClientRect().top
-    console.log(this.refs.heading.getBoundingClientRect())
     if(height < 50) {
       this.refs.background.style.filter = 'blur(2px)'
     } else {
@@ -89,7 +88,7 @@ class App extends Component {
             <span className={styles.heading} ref='heading'>
               Rohan Malhotra
             </span>
-            <Subhead words={['Coder','Designer','Wizard','Indian','Geek','Startup Enthusiast','Web Developer','Student','Casual Nerd', 'Developer', 'Casual Pentester']} />
+            <Subhead words={['Coder','Designer','Wizard','Indian','Geek','Startup Enthusiast','Magna Fanatic','Student','Casual Nerd', 'Developer', 'Pentester']} />
           </div>
           <div className={styles.about}>
             <p>

diff --git a/src/containers/Navigation/Navigation.css b/src/containers/Navigation/Navigation.css
@@ -27,7 +27,7 @@
     height: 5px;
     margin-top: 5px;
     background-color: white;
-    transition: all 0.1s ease;
+    transition: all 0.2s linear;
 }
 
 
@@ -50,7 +50,7 @@
     font-size: 24px;
     margin: 5px;
     transform: translateX(200%);
-    transition: transform 0.1s ease-out;
+    transition: transform 0.2s ease;
 }
 
 .shownav {

diff --git a/src/containers/Projects/projects.css b/src/containers/Projects/projects.css
@@ -8,18 +8,18 @@
 .background {
     background: linear-gradient(40deg,#1F1C2C,transparent 100%),
                 linear-gradient(230deg, #928DAB, transparent),
-                #ffa949 url('http://res.cloudinary.com/www-rohanm-com/image/upload/v1489134169/bgprojects_jcwtwb.jpg') center;
+                #ffa949 url('http://res.cloudinary.com/www-rohanm-com/image/upload/c_scale,h_992,q_auto:low/v1489134169/bgprojects_jcwtwb.jpg') center;
     background-size: cover; 
-    height: calc(100vh - 10px);
-    width: calc(100vw - 10px);
+    height: calc(100vh);
+    width: calc(100vw);
     border: 10px solid white;
     transition: filter 1s ease;
 }
 
 .container {
     overflow-y: auto;
     padding: 20px;
-    height: calc(100% - 30px);
+    height: calc(100% - 20px);
     width: calc(100% - 20px);
     position: fixed;
     top: 10px;
@@ -87,12 +87,12 @@
 {
 	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 	background-color: #F5F5F5;
-	border-radius: 10px;
+	border-radius: 5px;
 }
 
 .container::-webkit-scrollbar
 {
-	width: 10px;
+	width: 8px;
 	background-color: #F5F5F5;
 }
 
@@ -108,4 +108,3 @@
 }
 
 
-
diff --git a/webpack.config.js b/webpack.config.js
@@ -20,7 +20,7 @@ module.exports = {
   module: {
     rules: [
       {
-        test: /\.jsx?$/,
+        test: /\.jsx?/,
         use: [
           'babel-loader',
         ],
@@ -73,4 +73,7 @@ module.exports = {
     historyApiFallback: true,
     hot: true,
   },
+  resolve: {
+    extensions: ['.js', '.jsx'],
+  },
 };