Multiple News Timelines POC - Front Page Layout 4

- added 4 fixed height boxes showing the following timelines:
  - Project Meetings
  - Recent News
  - Open Projects
  - Team Meetings
- Updated `homelay.html` to add new boxes

- updated `news.html` and added similar `open-projects`, `project-meetings` and `team-meetings` layouts to make up the timeline boxes

- removed `scroll` functionality to make the boxes uniform

- Had to reformat the `standing_meetings.yml`, since it was only considering it as one news item.

  - Also had to edit `date` parameter to enable sorting.

  - Finally, moved the `updates` link to meeting notes doc outside the `agenda` since it was messing with the sorting (error: can't sort null date)

- removed an extra space ( ) from `team_meetings` page that was messing up the layout

Author: QuillPusher

_data/standing_meetings.yml

@@ -1,12 +1,14 @@
 
 <div class="well">
-<h4>Timeline</h4>
-  <div class="pre-scrollable" style="max-height: 455px">
+<h4><b>Recent News</b></h4>
+<div style="height: 300px">
 
-{% for article in site.data.news %}
-<p>
-<b>{{ article.date }}</b><br /> <a href="{{article.link}}">{{article.headline}}</a></p>
-{% endfor %}
+  {% assign sorted_news = site.data.news | sort: 'date' | reverse %}
+  {% for article in sorted_news limit:3 %}
+  <p>
+  <b>{{ article.date }}</b><br /> <a href="{{article.link}}">{{article.headline}}</a></p>
+  {% endfor %}
+    
 
 
 </div>

_includes/news.html

@@ -0,0 +1,16 @@
+
+<div class="well">
+<h4><b>Open Projects</b></h4>
+  <div style="height: 300px">
+
+    {% assign top_articles = site.data.openprojectlist %}
+    {% for article in top_articles limit:4 %}
+      <p>
+        - <a href="{{ site.url }}{{ site.baseurl }}/open_projects">{{ article.name }}</a>
+      </p>
+    {% endfor %}
+
+
+</div>
+<h4><a href="{{ site.url }}{{ site.baseurl }}/open_projects">... see details</a></h4>
+</div>

_includes/open-projects.html

@@ -0,0 +1,14 @@
+<div class="well">
+  <h4><b>Project Meetings</b></h4>
+  <div style="height: 300px">
+  
+      {% assign top_articles = site.data.meetinglist | slice: 0, 3 %}
+      {% for article in top_articles %}
+      <p>
+        <b>{{ article.date | date: "%Y-%m-%d" }}</b><br /> <a href="{{ site.url }}{{ site.baseurl }}/meetings/#{{ article.label }}">{{ article.agenda[0].title }}</a>
+      </p>
+      {% endfor %}
+  
+  </div>
+  <h4><a href="{{ site.url }}{{ site.baseurl }}/meetings">... see details</a></h4>
+  </div>

_includes/project-meetings.html

@@ -0,0 +1,17 @@
+
+<div class="well">
+<h4><b>Team Meetings</b></h4>
+<div style="height: 300px">
+
+  {% assign top_articles = site.data.standing_meetings %}
+  {% for article in top_articles limit:3 %}
+    <p>
+      <b>{{ article.date | date: "%Y-%m-%d" }}</b><br /> <a href="{{ site.url }}{{ site.baseurl }}/team_meetings">{{ article.agenda[0].title }}</a>
+    </p>
+  {% endfor %}
+  
+
+
+</div>
+<h4><a href="{{ site.url }}{{ site.baseurl }}/team_meetings">... see details</a></h4>
+</div>

_includes/team-meetings.html

@@ -13,18 +13,33 @@
   <div id="thumbs" class="col-sm-12">
     {% include thumbnails.html %}
   </div>
-  <div id="homeid" class="col-sm-8">
-    {{ content }}
-  </div>
 
-  <div id="upcomingid" class="col-sm-4" >
-    <div style="width: 359px">
-      {% include upcoming.html %}
+  <div id="newsid" class="col-sm-3" >
+    <div style="width: 265px">
+      {% include project-meetings.html %}
     </div>
   </div>
-  <div id="newsid" class="col-sm-4" >
-    <div style="width: 359px">
+
+  <div id="newsid" class="col-sm-3" >
+    <div style="width: 265px">
       {% include news.html %}
     </div>
   </div>  
+  
+  <div id="newsid" class="col-sm-3" >
+    <div style="width: 265px">
+      {% include open-projects.html %}
+    </div>
+  </div>
+
+  <div id="newsid" class="col-sm-3" >
+    <div style="width: 265px">
+      {% include team-meetings.html %}
+    </div>
+  </div>  
+
+  <div id="homeid" class="col-sm-12">
+    {{ content }}
+  </div>
+
 </div>

_layouts/homelay.html

@@ -16,12 +16,14 @@ scheduled once a week on Wednesdays, serving as a collaborative space where team
 members often initiate discussions or share presentations to inform the group
 about ongoing plans and results.
 
+<br>
+
 {% assign standing_meetings = site.data.standing_meetings %}
 
 {% for smeeting in standing_meetings %}
 
 <div class="row">
-<span id="{{meeting.label}}">&nbsp;</span>
+
 
 <div class="clearfix">
 <div class="well" style="padding-left: 20px; padding-right: 20px">
@@ -30,13 +32,17 @@ about ongoing plans and results.
   </a>
 <div>
   Connection information: {{smeeting.connect}} <br />
-</div><div>
+</div>
+<div>
+  Meeting Updates: {{smeeting.updates}} <br />
+</div>
+<div>
   Agenda:
   <ul>
     {% for item in smeeting.agenda %}
     <li><strong>{{item.title}}</strong>
       {% if item.speaker %}
-        ({{item.speaker}}) [{{item.date|date: "%b %-d, %Y"}}]
+        ({{item.speaker}}) [{{smeeting.date|date: "%b %-d, %Y"}}]
       {% endif %}
       {{item.link | markdownify}}
     </li>