Layout for news done, now to be able to edit

Layout done.

Now to work on a admin panel to edit, delete and create news.

app/client/app.css

@@ -1028,3 +1028,17 @@ nav form input[type="image"]{
     margin-left: 30px;
     margin-right: 30px;
 }
+
+.news-title{
+    font-size: 30px;
+}
+
+.news-creator{
+    font-style: italic;
+    font-size: 12px;
+}
+
+.news-postTime{
+    font-style: italic;
+    font-size: 12px;
+}

app/client/head.html

@@ -40,17 +40,6 @@
             window.scrollTo(0, 1);
         }
 
-        // Doorbell Initialising
-        /*window.doorbellOptions = {
-            strings: {
-                'email-input-placeholder': 'Your email address (optional)'
-            },
-            appKey: 'v2Gu14c8s9HgBsAFCXNWIm2vlk11N12Plt2Wu5k2MbQIkM1Ao6kOTCbfN95ElEVM'
-        };
-        (function(d, t) {
-            var g = d.createElement(t);g.id = 'doorbellScript';g.type = 'text/javascript';g.async = true;g.src = 'https://embed.doorbell.io/button/2408?t='+(new Date().getTime());(d.getElementsByTagName('head')[0]||d.getElementsByTagName('body')[0]).appendChild(g);
-        }(document, 'script'));*/
-
         // YouTube Iniialising
         Session.set("YTLoaded", false);
 

app/client/templates/header.html

@@ -42,7 +42,7 @@
                 <ul class="side-nav" id="mobile-navi" style="width: 240px;">
                     <ul class="collapsible" data-collapsible="accordion">
                         <li>
-                            <a href="/feedback">News</a>
+                            <a href="/news">News</a>
                         </li>
                         <li>
                             <div class="collapsible-header black-text"><i class="material-icons">arrow_drop_down</i>

app/client/templates/news.html

@@ -3,7 +3,28 @@
     <main class="content-box">
         <h3 class="black-text thin">News, Updates & Announcements</h3>
         <ul class="collection">
-        <!-- {{> newsCol}} -->
+        <!--
+        {{#each chat}}
+        <li class="collection-item news-box">
+            <span class="news-title">{{title}}</span>
+            <hr>
+            <p class="news-content">{{content}}</p>
+            <p class="news-creator">Posted by: {{postBy}}</p>
+            <p class="news-postTime">{{timePostedAgo}}. ({{timePostedDate}})</p>
+        </li>
+        {{/each}}
+        -->
+
+        <!-- TEMP HARDCODED NEWS ARTICLE, soon you can add/remove news from the admin panel -->
+        <li class="collection-item news-box">
+            <span class="news-title">Welcome To Musare 2.0</span>
+            <hr>
+            <p class="news-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla rhoncus magna orci, tristique aliquam arcu ultricies non.
+              <br />Vivamus iaculis leo lectus. In quis nunc rhoncus nulla hendrerit pellentesque in nec ipsum. Curabitur facilisis enim nulla, sit amet dapibus lacus aliquet ut. Integer lacinia pharetra semper.
+              <br />Duis mattis varius egestas. Cras sit amet venenatis lacus. Curabitur ut maximus urna, vel pulvinar ex.</p>
+            <p class="news-creator">Posted by: Johand</p>
+            <p class="news-postTime">5days ago. (5/01/2016)</p>
+        </li>
         </ul>
     </main>
     {{> footer}}