no projects thingy

2 files changed, 62 insertions, 8 deletions

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 60c66f8..76196be 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -10,7 +10,7 @@ body,textarea,input {
 	font-family: 'Lato', sans-serif;
 }
 input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
-	background:white;
+	background:white!important;
 }
 *, *:before, *:after {
   moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
@@ -437,7 +437,7 @@ iframe.embed {
 .page h1 {
 	font-size: 80px;
 	font-weight: 100;
-	padding: 60px 0 25px 0;
+	padding: 20px 0 25px 0;
 	float: left;
 	width: 100%;
 	border-top: 1px solid;
@@ -476,6 +476,8 @@ iframe.embed {
 	width: 100%;
 	padding: 80px 0;
 	background: #f9f9f9;
+	float: left;
+	clear: both;
 }
 
 .footer a, .footer span{
@@ -614,11 +616,49 @@ iframe.embed {
 
 .profilepage .bio span:last-of-type:after { display: none; }
 
+.profilepage .about h2 {
+	text-align: center;
+	font-weight: 300;
+	font-size: 32px;
+}
+.profilepage .about h2:nth-child(2){
+	margin:34px 0;
+}
+.about {
+	background-color: #ffffff;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyODkuNScgaGVpZ2h0PScyODkuNScgdmlld0JveD0nMCAwIDI4OS41IDI4OS41Jz4KCTxkZWZzPgoJCTxwYXR0ZXJuIGlkPSdibHVlc3RyaXBlJyBwYXR0ZXJuVW5pdHM9J3VzZXJTcGFjZU9uVXNlJyB4PScwJyB5PScwJyB3aWR0aD0nNTcuOScgaGVpZ2h0PSc1Ny45JyB2aWV3Qm94PScwIDAgMTE1LjggMTE1LjgnID4KCQk8cmVjdCB3aWR0aD0nMTEwJScgaGVpZ2h0PScxMTAlJyBmaWxsPScjZmZmZmZmJy8+CgkJCTxwYXRoIGQ9J00xLDFoMTE1Ljh2MTE1LjhoLTExNS44di0xMTUuOCcgZmlsbC1vcGFjaXR5PScwJyBzdHJva2Utd2lkdGg9JzAuOCcgc3Ryb2tlLWRhc2hhcnJheT0nMCwxLDEnIHN0cm9rZT0nI2NjY2NjYycvPgoJCTwvcGF0dGVybj4gCgkJPGZpbHRlciBpZD0nZnV6eicgeD0nMCcgeT0nMCc+CgkJCTxmZVR1cmJ1bGVuY2UgdHlwZT0ndHVyYnVsZW5jZScgcmVzdWx0PSd0JyBiYXNlRnJlcXVlbmN5PScuMiAuMycgbnVtT2N0YXZlcz0nNScgc3RpdGNoVGlsZXM9J3N0aXRjaCcvPgoJCQk8ZmVDb2xvck1hdHJpeCB0eXBlPSdzYXR1cmF0ZScgaW49J3QnIHZhbHVlcz0nMCcvPgoJCTwvZmlsdGVyPgoJPC9kZWZzPgoJPHJlY3Qgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgZmlsbD0ndXJsKCNibHVlc3RyaXBlKScvPgo8cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWx0ZXI9J3VybCgjZnV6eiknIG9wYWNpdHk9JzAnLz4KPC9zdmc+Cg==');
+	background-attachment: fixed;
+	
+}
+.profilepage .about h2 .btn {
+	border: 1px solid;
+	font-weight: 500;
+	padding: 10px;
+	font-size: 18px;
+}
+.profilepage .about h2 .btn:hover {
+	background:black;
+	color:white;
+}
 .templates {
 	overflow: auto;
 	max-height: 80%;
 	width: 100%;
 }
+
+.templates::-webkit-scrollbar {
+    width: 5px;
+    height: 5px;
+}
+
+.templates::-webkit-scrollbar-thumb {
+background-color: white;
+border-left: 1px solid black;
+}
+
+.templates::-webkit-scrollbar-track {
+	background-color: transparent;
+}
+
 .no-templates {
 	display: none;
 }
@@ -628,8 +668,8 @@ iframe.embed {
   background-size: contain;
   background-repeat: no-repeat;
   background-color: #fff;
-  width: 20vw;
-  height: 20vw;
+	width: 15vw;
+	height: 14vw;
   display: inline-block;
   margin: 4vw;
   background-color: #ddd;
@@ -1899,6 +1939,8 @@ form div.hidden {
 }
 form h3.link {
 	content:"?";
+	margin-top: 0;
+	padding: 0 0 10px 0;
 }
 form h3.link:after {
 	content:"?";
diff --git a/views/profile.ejs b/views/profile.ejs
index d977844..adc9562 100644
--- a/views/profile.ejs
+++ b/views/profile.ejs
@@ -41,7 +41,7 @@
 				[[ } ]]
 			</div>
 			</div>
-	</div>
+
 
 	[[ if (projects.length) { ]]
 		<h1>[[- profile.username ]] has [[- projects.length ]] project[[- projects.length != 1 ? "s" : "" ]]</h1>
@@ -50,11 +50,23 @@
 
     <a href="#" class="viewMore btn">view more</a>
   [[ } else { ]]
+	
     <h1>Welcome to VVALLS</h1>
-    <br><br>
-    You don't have any projects yet.  To get started click "New Project" up at the top of the screen.
+    <div class="projectList about">
+    	<h2>
+				VValls lets you create awesome 3D rooms. 
+			</h2>
+			
+    	<h2>
+				You don't have any projects yet.
+			</h2>
+			<h2>
+				<a href="#"class="btn">Create a New Project</a>
+			</h2>
+			
+		</div>
 	[[ } ]]
-	
+		</div>
 	[[ include partials/edit-profile ]]
 	[[ include projects/layouts-modal ]]	
 	[[ include projects/edit-project ]]