Post styling

Author: KeganStrawn

public/css/app.css

@@ -16,6 +16,7 @@ body {
 Light Orange #ffe7c9 
 	  Orange #ff9000
 	  Red 	 #c93d3d
+Light Red  #c97474
 */ 
 
 /* Navbar */

public/css/home.css

@@ -3,7 +3,7 @@
 Light Orange #ffe7c9 
 	  Orange #ff9000
 	  Red 	 #c93d3d
-	  
+Light Red	 #c97474
 */
 
 #temp-logged-in-notice {

public/css/login.css

@@ -3,7 +3,7 @@
 Light Orange #ffe7c9 
 	  Orange #ff9000
 	  Red 	 #c93d3d
-	  
+Light Red	 #c97474	  
 */
 
 #outside-panel {

public/css/newspost.css

@@ -0,0 +1,56 @@
+/* 
+Light Orange #ffe7c9 
+	  Orange #ff9000
+	  Red 	 #c93d3d
+Light Red	 #c97474
+*/
+
+#container-spacing {
+	margin-top: 10%;
+	padding-top:10px;
+	padding-bottom:10px;
+	background-color: #c97474;
+	text-align: center;
+}
+
+#post {
+	padding-top:-5px;
+	padding-bottom: 2%;
+	background-color: white;
+}
+#post-title {
+	font-size: 45px;
+
+}
+#post-time {
+	font-size: 12px;
+}
+
+
+#comments-label {
+	padding-top: 5%;
+	padding-bottom: 5px;
+	color: white;
+	font-size: 24px;
+	text-decoration: underline;
+}
+
+.comment {
+	padding-bottom: 2%;
+}
+#comment-data {
+	font-size: 15px;
+	color: white;
+}
+#comment-name {
+	font-size: 13px;
+	color: #ffe7c9;
+}
+#comment-time {
+	font-size: 10px;
+}
+
+#comment-button {
+	background-color: #ff9000;
+	border-color: white;
+}

public/css/profile.css

@@ -3,7 +3,7 @@
 Light Orange #ffe7c9 
 	  Orange #ff9000
 	  Red 	 #c93d3d
-	  
+Light Red	 #c97474	  
 */
 
 .user-name {

public/css/projectlibrary.css

@@ -3,7 +3,7 @@
 Light Orange #ffe7c9 
 	  Orange #ff9000
 	  Red 	 #c93d3d
-	  
+Light Red	 #c97474	  
 */
 
 #outside-panel {

public/css/register.css

@@ -3,7 +3,7 @@
 Light Orange #ffe7c9 
 	  Orange #ff9000
 	  Red 	 #c93d3d
-	  
+Light Red	 #c97474	  
 */
 
 #outside-panel {

public/css/welcome.css

@@ -3,7 +3,7 @@
 Light Orange #ffe7c9 
 	  Orange #ff9000
 	  Red 	 #c93d3d
-	  
+Light Red	 #c97474	  
 */
 
 #temp-logged-in-notice {

resources/views/news_post.blade.php

@@ -1,18 +1,23 @@
 @extends('layouts.master')
-
+<link rel="stylesheet" href="{{ URL::asset('/css/newspost.css') }}">
 @section('content')
+<div class="container" id="container-spacing">
 
-<h4>{{$post->title}}</h4><br>
-{{$post->created_at}}<br><br>
-<?php echo $post->info; ?><br>
-
+<div id="post">
+  <div id="post-title">{{$post->title}}</div>
+  <div id="post-time">{{$post->created_at}}</div>
+  <div id="post-info"><?php echo $post->info; ?></div>
+</div>
 
-<h2>Comments:</h2>
+<div id="comments-label">Comments:</div>
 
 @foreach ($post->comments as $comment)
-    <a href="/members/{{$comment->user->id}}">{{$comment->user->name}}</a><br>
-    {{$comment->created_at}}<br>
-    {{$comment->data}}<br><br>
+  <div class="comment">
+    <span id="comment-data">{{$comment->data}}</span> - 
+    <a href="/members/{{$comment->user->id}}" id="comment-name">{{$comment->user->name}}</a>
+    <span id="comment-time">{{$comment->created_at}}</span>
+    
+  </div>
 @endforeach 
 
 @if(Auth::User())
@@ -21,7 +26,7 @@
     <div class="form-group">
        <textarea class="form-control" name="data" id="new-project" rows="5" placeholder="Post a comment here."></textarea>
    </div>
-   <button type="submit" class="btn btn-primary">Post Comment</button>
+   <button type="submit" class="btn btn-primary" id="comment-button">Post Comment</button>
    <input type="hidden" value="{{ Session::token() }}" name="_token">
      {{ csrf_field() }}
 </form>
@@ -30,4 +35,5 @@
     Please <a href="{{ url('/login') }}">login</a> if you want to post a comment.
 @endif
 
+</div>
 @endsection