chore(projects): clean up unnecessary attributes; add date to help cl…

…arify how "current" something is
tboddyspargo · Oct 6, 2021 · 87d62b0 · 87d62b0
1 parent 7cd88af
commit 87d62b0
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 9 deletions.
diff --git a/public/data/projects.json b/public/data/projects.json
@@ -1,7 +1,7 @@
 [
   {
     "name": "This Website!",
-    "date": "2014-2021",
+    "date": "2015-??",
     "goal": "Create a showcase of my accomplishments using some of them in the process.",
     "steps": [
       {

diff --git a/public/index.html b/public/index.html
@@ -14,7 +14,7 @@
     <meta property="og:description"
       content="An overview of the personal and professional accomplishments of Tyler BoddySpargo." />
     <base href="/">
-  <link rel="icon" href="dist/favicon.ico"><script defer src="dist/runtime.4c310d31.js"></script><script defer src="dist/npm.gsap.61f9850f.js"></script><script defer src="dist/npm.angular.f70eb924.js"></script><script defer src="dist/npm.angular-sanitize.2ffb522a.js"></script><script defer src="dist/npm.angular-route.9094bce0.js"></script><script defer src="dist/main.d0ec27d7.js"></script><script defer src="dist/npm.popperjs.6c7d68a4.js"></script><script defer src="dist/npm.bootstrap.7d977a9b.js"></script><script defer src="dist/bootstrap.2fd464bd.js"></script><script defer src="dist/npm.style-loader.9e567a63.js"></script><script defer src="dist/npm.css-loader.87e69e38.js"></script><script defer src="dist/bootstrap-style.bb172fff.js"></script><script defer src="dist/npm.fortawesome.545baf5c.js"></script><script defer src="dist/font-awesome.2eb0f3d0.js"></script><script defer src="dist/style.a8173a8d.js"></script><script defer src="dist/npm.firebase.26a596a7.js"></script><script defer src="dist/npm.tslib.ad24fa21.js"></script><script defer src="dist/npm.idb.b26b299a.js"></script><script defer src="dist/firebase.7cecef46.js"></script></head>
+  <link rel="icon" href="dist/favicon.ico"><script defer src="dist/runtime.d2639d20.js"></script><script defer src="dist/npm.gsap.61f9850f.js"></script><script defer src="dist/npm.angular.f70eb924.js"></script><script defer src="dist/npm.angular-sanitize.2ffb522a.js"></script><script defer src="dist/npm.angular-route.9094bce0.js"></script><script defer src="dist/main.253f7d7e.js"></script><script defer src="dist/npm.popperjs.6c7d68a4.js"></script><script defer src="dist/npm.bootstrap.7d977a9b.js"></script><script defer src="dist/bootstrap.ab39d3f5.js"></script><script defer src="dist/npm.style-loader.9e567a63.js"></script><script defer src="dist/npm.css-loader.87e69e38.js"></script><script defer src="dist/bootstrap-style.1da7c410.js"></script><script defer src="dist/npm.fortawesome.545baf5c.js"></script><script defer src="dist/font-awesome.7dfabc2e.js"></script><script defer src="dist/style.023fec1d.js"></script><script defer src="dist/npm.firebase.26a596a7.js"></script><script defer src="dist/npm.tslib.ad24fa21.js"></script><script defer src="dist/npm.idb.b26b299a.js"></script><script defer src="dist/firebase.5e6fa898.js"></script></head>
 
   <body id='root'>
     <tbs-banner id="top"></tbs-banner>

diff --git a/src/app/pages/projects.html b/src/app/pages/projects.html
@@ -17,17 +17,20 @@ <h4>Project Images</h4>
     </div>
   </div>
   <div class='card w-100' ng-if='$ctrl.projectsReady'>
-    <ul class="list-group list-group-flush pt-2">
-      <li ng-repeat='project in $ctrl.projects' id='project{{$index}}' class='list-group-item section-{{$index}} mb-2'>
+    <ul class="list-group list-group-flush">
+      <li ng-repeat="project in $ctrl.projects | orderBy:'-date'" id='project{{$index}}' class='list-group-item section-{{$index}} mb-2'>
         <div class="project-heading d-flex justify-content-between align-items-start">
           <h3>{{project.name}}</h3>
-          <button type="button" class='btn py-0 px-2 btn-outline-secondary' ng-if='project.images.length'
-            ng-click='$ctrl.currentImages = project.images'  data-bs-toggle="modal" data-bs-target="#modal-image-viewer">
-            <span class="fa fa-images"></span>
-          </button>
+          <div>
+            <button type="button" class='btn py-0 px-2 btn-outline-secondary' ng-if='project.images.length'
+              ng-click='$ctrl.currentImages = project.images' data-bs-toggle="modal" data-bs-target="#modal-image-viewer">
+              <span class="fa fa-images"></span>
+            </button>
+          </div>
         </div>
+        <span class="badge bg-light text-secondary">{{project.date}}</span>
         <p class='lead'><strong>Goal: </strong>{{project.goal}}</p>
-        <div id='project{{$index}}-steps' class='accordion mx-lg-5 mx-md-0 my-5'>
+        <div id='project{{$index}}-steps' class='accordion mx-lg-5 my-4'>
           <div ng-repeat='step in project.steps' class='accordion-item'>
             <h5 id='project{{$parent.$index}}-step{{$index}}-heading' class='accordion-header'>
               <button class="accordion-button"