add coreword vocab and platform filtering to vocabs

_includes/head.html

@@ -525,7 +525,7 @@
         reviewed: 1736291412,
         license: "GPLv3 CBoard",
       },
-/*      {
+      {
         id: "cbu",
         image_url: "/images/2024/cboard.png",
         preview_url: "/images/2024/cboard-universal.png",
@@ -534,15 +534,15 @@
         summary: "free, category-based",
         start_year: 2023,
         platforms: ["iOS", "Android", "Windows", "Web"],
-        rows: 6,
+        rows: 5,
         columns: 11,
-        boards: 43,
-        buttons: 723,
+        boards: 6,
+        buttons: 134,
         care_rating: [0, 0],
-        care_score: 71.87,
+        care_score: 82.69,
         reviewed: 1736291412,
         license: "GPLv3 CBoard",
-      },*/
+      },
       {
         id: "ac99",
         image_url: "/images/2024/alpha-core.webp",
@@ -567,6 +567,62 @@
         reviewed: 1736291412,
         license: "private, Amy Roman",
       },
+      {
+        id: "coreword",
+        image_url: "/images/2024/coreword.avif",
+        name: "Core Word",
+        apps: ["CoughDrop", "ProSlate", "WinSlate"],
+        platforms: ["iOS", "Android", "Windows", "Web"],
+        categories: ['category'],
+        summary: "proprietary, core+categories",
+        description: [
+          "proprietary, core+categories, flexible grid sizes",
+          "From the Vendor: The CoreWord Language System provides AAC users with a powerful combination of core language, fringe vocabulary and banks of key phrases. The language system is divided into four distinct levels that correspond with vocabulary layouts: CoreWord 6, 12, 20, 40 and 60.",
+          "The layout and content within each level are derived from studies of individuals using AAC across their lifespan. CoreWord 6 and 20 contain words most frequently used by emergent communicators and those who require larger buttons for access. CoreWord 40 offers more complex content, grammar tools and rate enhancement features. The CoreWord Language System is expanding! Now available in our most robust language system offering, CoreWord 60 is here!",
+          "The CoreWord Language System features dynamic vocabulary layouts that automatically change as the user makes selections. Once a word has been selected, the layout updates to show only words that are likely to be used next. By offering these next words in plain view and removing unwanted vocabulary, users don’t have to waste time and energy searching for their next words, ensuring maximum efficiency with a minimal learning curve.",
+        ],
+        sizes: [
+          {
+            id: 'cw6',
+            rows: 2,
+            columns: 3,
+            preview_url: "/images/2024/screenshots/cw6.avif",
+            care_score: 57.8
+          },
+          {
+            id: 'cw12',
+            rows: 3,
+            columns: 4,
+            preview_url: "/images/2024/screenshots/cw12.avif",
+            care_score: "unknown"
+          },
+          {
+            id: 'cw20',
+            rows: 4,
+            columns: 5,
+            preview_url: "/images/2024/screenshots/cw20.avif",
+            care_score: 127.21
+          },
+          {
+            id: 'cw40',
+            rows: 5,
+            columns: 8,
+            preview_url: "/images/2024/screenshots/cw40.avif",
+            care_score: 164.47
+          },
+          {
+            id: 'cw60',
+            rows: 6,
+            columns: 10,
+            preview_url: "/images/2024/screenshots/cw60.avif",
+            care_score: 168.88
+          },
+        ],
+        start_year: 2020,
+        care_rating: [0, 0],
+        reviewed: 1736291412,
+        license: "private, Forbes AAC",
+      },
       {
         id: "crescendo",
         image_url: "/images/2024/p2go.png",
@@ -671,8 +727,8 @@
         image_url: "/images/2024/clicker.jpeg",
         preview_url: "/images/2024/screenshots/podd.png",
         name: "Clicker Communicator Vocabulary",
-        apps: ["TD Communicator", "SimPODD", "Grid"],
-        platforms: ["iOS", "Windows"],
+        apps: ["Clicker"],
+        platforms: ["iOS"],
         categories: ['category'],
         summary: "app-specific, core+categories, child/learner-focused vocabulary",
         description: [
@@ -709,9 +765,8 @@
         reviewed: 1736291412,
         license: "Private, Crick Software",
       },
-      // TODO: AlphaGrid, 
-      // Snap Core First, Snap Motor Plan
-      // Avaz, WeaveChat, CBoard, Clicker, GoTalk Now Plus
+      // TODO: Snap Core First, Snap Motor Plan
+      // Avaz, WeaveChat, CBoard, GoTalk Now Plus
     ];
   </script>
   <script>

_includes/vocab.html

@@ -41,12 +41,15 @@
   }
 </style>
 <div id="listing">
-  <div style='margin-top: -30px;'>
+  <div style='margin-top: -90px; margin-bottom: 60px; margin-left: -40px;'>
+    <a href="/vocabularies">&larr; see all vocabularies</a>
+    <div style='clear: both;'></div>  
+  </div>
+  <div style='margin-top: 0px;'>
     <div style='position: relative; float: left; width: 80px; margin-right: 5px;'>
       <img src="#" id='img' style='width: 150px; max-height: 150px; object-fit: contain; object-position: center; margin: -50px 0 0 -50px;' />  
       <img src="/images/check.png" style='position: absolute; bottom: 5px; left: 5px; width: 20px; display: none; filter: drop-shadow(0 0 0.5rem rgb(50, 50, 0))' id='approved_app'/>
     </div>
-
     <h2 style='margin-left: 120px;'><span id='name'>Vocab</span> <span style='font-size: 20px;'>AAC Vocabulary</span></h2>
   </div>
   <div style='clear: left; margin-top: 30px;'>

vocabularies/cbu.md

@@ -0,0 +1,6 @@
+---
+layout: listing
+title: Vocab
+page_title: Vocab
+---
+{% include vocab.html %}

vocabularies/coreword.md

@@ -0,0 +1,6 @@
+---
+layout: listing
+title: Vocab
+page_title: Vocab
+---
+{% include vocab.html %}

vocabularies/index.md

@@ -185,21 +185,28 @@ abrupt, accept, hope, wish, meal, comply
 -->
 <div style='margin-bottom: 10px;'>
   Filter:
-  <select id='filter_category' style='display: inline-block; width: 250px;'>
-    <option value='all'>All Categories</option>
-    <option value='motor'>Motor Planning</option>
-    <option value='category'>Category-Based</option>
-    <option value='pragmatic'>Pragmatic</option>
-    <option value='keyboard'>Keyboard</option>
+  <select id='filter_platform' style='display: inline-block; width: 200px;'>
+    <option value='all'>All Platforms</option>
+    <option value='ios'>iOS</option>
+    <option value='windows'>Windows</option>
+    <option value='android'>Android</option>
+    <option value='web'>Web</option>
   </select>
-  <select id='filter_grid' style='display: inline-block; width: 250px;'>
+  <select id='filter_grid' style='display: inline-block; width: 200px;'>
     <option value='all'>All Grid Sizes</option>
     <option value='0-19'>Under 20 Buttons</option>
     <option value='20-40'>20-40 Buttons</option>
     <option value='41-60'>41-60 Buttons</option>
     <option value='61-999'>61+ Buttons</option>
   </select>
-  <select id='filter_license' style='display: inline-block; width: 250px;'>
+  <select id='filter_category' style='display: inline-block; width: 200px;'>
+    <option value='all'>All Categories</option>
+    <option value='motor'>Motor Planning</option>
+    <option value='category'>Category-Based</option>
+    <option value='pragmatic'>Pragmatic</option>
+    <option value='keyboard'>Keyboard</option>
+  </select>
+  <select id='filter_license' style='display: inline-block; width: 200px;'>
     <option value='all'>All Licenses</option>
     <option value='open'>Open Vocabularies</option>
     <option value='closed'>Proprietary Vocabularies</option>
@@ -210,7 +217,7 @@ abrupt, accept, hope, wish, meal, comply
 <table id='vocabs'>
   <thead>
     <tr>
-      <th><a href="#" id='sort_vocab'>Vocabulary</a></th>
+      <th><a href="#" id='sort_vocab'>Vocabulary</a> (<span id='result_count'></span>)</th>
       <th>License & Apps</th>
       <th><a href="#" id='sort_care'>CARE Score</a></th>
       <th>Description</th>
@@ -242,14 +249,20 @@ abrupt, accept, hope, wish, meal, comply
     render.filter_license = document.querySelector('#filter_license').value;
     render();
   });
+  document.querySelector('#filter_platform').addEventListener('change', function(e) {
+    render.filter_platform = document.querySelector('#filter_platform').value;
+    render();
+  });
   document.querySelector('#filter_clear').addEventListener('click', function(e) {
     e.preventDefault();
     document.querySelector('#filter_category').value = 'all';
     document.querySelector('#filter_grid').value = 'all';
     document.querySelector('#filter_license').value = 'all';
+    document.querySelector('#filter_platform').value = 'all';
     render.filter_category = false;
     render.filter_grid = false;
     render.filter_license = false;
+    render.filter_platform = false;
     render();
   });
   document.querySelector('#sort_vocab').addEventListener('click', function(e) {
@@ -344,6 +357,10 @@ abrupt, accept, hope, wish, meal, comply
           return false;
         }
       }
+      if(render.filter_platform && render.filter_platform != 'all') {
+        var match = (i.platforms).find(function(p) { return p.toLowerCase() == render.filter_platform; });
+        if(!match) { return false; }
+      }
       return i.reviewed; 
     });
     if(!rendered) {
@@ -360,6 +377,7 @@ abrupt, accept, hope, wish, meal, comply
       }
       rendered = true;
     }
+    document.querySelector('#result_count').innerText = valids.length;
     valids.forEach(function(item) {
       var vocab = template.cloneNode(true);
       vocab.classList.remove('template');