cert and image updates

_includes/head.html

@@ -29,7 +29,28 @@
         video_id: "GOgzpO9_NwE",
         desc: "CoughDrop is a cloud-based AAC app, available on popular app stores or on the web. CoughDrop provides robust vocabulary sets for a variety of functional levels, and includes built-in tools to help the vocabulary grow with the individual.\n\nCoughDrop allows the user to operate their AAC on multiple devices, and to share access with their support team. It includes training, reporting, tracking and assessment tools, and strict privacy controls to help the AAC user remain protected while also optimizing everyone's effort in supporting them.\n\nCoughDrop offers a free two-month trial for all users, followed by either one-time purchase or monthly subscription options.",
         reviewed: 1713208175
+      },
+      {
+        name: "WeaveChat", 
+        id: "weavechat", 
+        rank: 1, 
+        url: "https://www.weavechat.com/", 
+        image_url: "/images/2024/weave.png", 
+        video_id: "",
+        desc: "Weave Chat AAC is a free and dynamic AAC application that can be used on iOS, Android (including Chromebooks), and Kindle devices. There are several boards to choose from, including the default “scrolling” board, which is designed to be used on a phone; additionally, there are a variety of grid boards, many of which are designed for the larger screen of a tablet. Features include custom buttons and phrases; record speech to a button; word finder; symbol or text-only functionality; in-app support; and individual & group texting with symbols and/or words. Spanish will be available in early 2025.",
+        reviewed: 1715297412
+      },
+      {
+        name: "Grid", 
+        id: "grid", 
+        rank: 1, 
+        url: "https://thinksmartbox.com/", 
+        image_url: "/images/2024/grid.png", 
+        video_id: "",
+        desc: "Grid is used by children and adults with communication difficulties across the world to have a voice and live more independently. Available on Windows and iPad, Grid always includes our premier symbol-centric vocabularies: Super Core, a research-based core vocabulary, and Voco Chat, a pragmatically organized symbol vocabulary. Grid can be used with a range of symbol libraries, including SymbolStix, PCS, and Widgit, with a wide variety of grid sets for all abilities and access modalities.",
+        reviewed: 1715297412
       }
+
       // WeaveChat (not approvd yet)
       // Pasco (not approved yet)
     ];

_includes/listing.html

@@ -0,0 +1,67 @@
+<div id="listing">
+  <div style='margin-top: -30px;'>
+    <div style='position: relative; float: left; width: 80px;'>
+      <img src="#" id='img' style='width: 80px; max-height: 150px; object-fit: contain; object-position: center;' />  
+      <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 id='name'>App</h2>
+    <div class='subh2'>
+      OpenAAC App Certification Status
+      <span id='status'></span>
+    </div>
+  </div>
+  <div style='clear: left; margin-top: 30px;'></div>
+    <div>Last Reviewed: <span id='reviewed'></span></div>
+    <div id='cert_intro'>Certified applications have been reviewed by the 
+      OpenAAC team for 
+      <a href="https://docs.google.com/document/d/16cDEuHyfhb5xBk-UtEUOVpT0jrnEHwCabFACHM7DVGY/edit?usp=sharing">specific funcionality and usability requirements</a>. 
+      The goal of each review is to ensure that
+      AAC users can not only use the AAC system, but also
+      have reasonable room for growth and personalization.
+      Certifications must be renewed every year to remain active.
+    </div>
+  <div>
+    <img id='cert' style='float: left; width: 200px; margin-right: 15px;'/>
+    <div id="description"></div>
+    <!-- TODO: Specializations -->
+    <div style='clear: left;'></div>
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/GOgzpO9_NwE" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen id='video' style='display: none; margin-top: 30px;'></iframe>
+    <div style='clear: both;'></div>
+  </div>
+</div>
+<script>
+  var id = location.href.split(/\//).pop();
+  var app = window.app_list.find(function(item) { return item.id == id; });
+  if(app) {
+    document.title = app.name + " - OpenAAC Certification Status";
+    document.querySelectorAll('#name')[0].innerText = app.name;
+    document.querySelectorAll('#img')[0].src = app.image_url;
+    document.querySelectorAll('#cert')[0].src = "/images/certs/" + app.id + "-app-cert.png"
+    document.querySelectorAll('#description')[0].innerText = app.desc || "No Description";
+    if(app.video_id) {
+      document.querySelectorAll('#video')[0].src = "https://www.youtube.com/embed/" + app.video_id;
+      document.querySelectorAll('#video')[0].style.display = '';
+    }
+    if(app.reviewed) {
+      var d = new Date(app.reviewed * 1000);
+      var cutoff = new Date();
+      cutoff.setMonth(cutoff.getMonth() - 18);
+      var str = d.toLocaleString('default', {month: 'long', year: 'numeric'})
+      document.querySelectorAll('#reviewed')[0].innerText = str;
+      if(d > cutoff) {
+        document.querySelectorAll('#approved_app')[0].style.display = '';
+        document.querySelectorAll('#status')[0].classList.add('active')
+        document.querySelectorAll('#status')[0].innerText = " - certification active";
+      } else {
+        document.querySelectorAll('#status')[0].classList.add('expired')
+        document.querySelectorAll('#status')[0].innerText = " - certification expired";
+      }
+    } else {
+      document.querySelectorAll('#reviewed')[0].innerText = "Unspecified";
+      document.querySelectorAll('#status')[0].classList.add('unapproved')
+    }
+  } else {
+    location.href = "/certifications";
+  }
+</script>

_layouts/page.html

@@ -5,7 +5,7 @@
 
   <header class="bg{{page.bg}}">
     {% if page.image %}
-      <img src="{{ page.image}}" />
+      <img src="{{ page.image}}" style='border-radius: 10px; margin-top: -20px; max-width: 800px;'/>
     {% endif %}
     {% if page.page_title %}
       <h2>{{ page.page_title }}</h2>

certifications/apps/coughdrop.md

@@ -3,98 +3,4 @@ layout: listing
 title: App
 page_title: App
 ---
-<style>
-  #listing h2 {
-    font-size: 35px;
-    margin-bottom: 0;
-    letter-spacing: 4px;
-  }
-  #listing .subh2 {
-    margin-top: -10px;
-  }
-  #listing #status.active {
-    color: #41a631;
-  }
-  #listing #status.expired {
-    color: #b2a824;
-  }
-  #listing #status.unapproved {
-    color: #b2a824;
-  }
-  #listing #description {
-    white-space: pre-line;
-  }
-  #listing #cert_intro {
-    margin-bottom: 30px; 
-    font-style: italic; 
-    font-size: 13px; 
-    line-height: 20px;
-  }
-</style>
-<div id="listing">
-  <div style='margin-top: -30px;'>
-    <div style='position: relative; float: left; width: 80px;'>
-      <img src="#" id='img' style='width: 80px; max-height: 150px; object-fit: contain; object-position: center;' />  
-      <img src="/images/check.png" style='position: absolute; bottom: 5px; left: 5px; width: 20px; display: none;' id='approved_app'/>
-    </div>
-
-    <h2 id='name'>App</h2>
-    <div class='subh2'>
-      OpenAAC App Certification Status
-      <span id='status'></span>
-    </div>
-  </div>
-  <div style='clear: left; margin-top: 30px;'></div>
-    <div>Last Reviewed: <span id='reviewed'></span></div>
-    <div id='cert_intro'>Certified applications have been reviewed by the 
-      OpenAAC team for 
-      <a href="https://docs.google.com/document/d/16cDEuHyfhb5xBk-UtEUOVpT0jrnEHwCabFACHM7DVGY/edit?usp=sharing">specific funcionality and usability requirements</a>. 
-      The goal of each review is to ensure that
-      AAC users can not only use the AAC system, but also
-      have reasonable room for growth and personalization.
-      Certifications must be renewed every year to remain active.
-    </div>
-  <div>
-    <img id='cert' style='float: left; width: 200px; margin-right: 15px;'/>
-    <div id="description"></div>
-    <!-- TODO: Specializations -->
-    <div style='clear: left;'></div>
-    <iframe width="560" height="315" src="https://www.youtube.com/embed/GOgzpO9_NwE" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen id='video' style='display: none; margin-top: 30px;'></iframe>
-    <div style='clear: both;'></div>
-  </div>
-</div>
-<script>
-  var id = location.href.split(/\//).pop();
-  var app = window.app_list.find(function(item) { return item.id == id; });
-  if(app) {
-    document.title = app.name + " - OpenAAC Certification Status";
-    document.querySelectorAll('#name')[0].innerText = app.name;
-    document.querySelectorAll('#img')[0].src = app.image_url;
-    document.querySelectorAll('#cert')[0].src = "/images/certs/" + app.id + "-app-cert.png"
-    document.querySelectorAll('#description')[0].innerText = app.desc || "No Description";
-    if(app.video_id) {
-      document.querySelectorAll('#video')[0].src = "https://www.youtube.com/embed/" + app.video_id;
-      document.querySelectorAll('#video')[0].style.display = '';
-    }
-    if(app.reviewed) {
-      var d = new Date(app.reviewed * 1000);
-      var cutoff = new Date();
-      cutoff.setMonth(cutoff.getMonth() - 18);
-      var str = d.toLocaleString('default', {month: 'long', year: 'numeric'})
-      document.querySelectorAll('#reviewed')[0].innerText = str;
-      if(d > cutoff) {
-        document.querySelectorAll('#approved_app')[0].style.display = '';
-        document.querySelectorAll('#status')[0].classList.add('active')
-        document.querySelectorAll('#status')[0].innerText = " - certification active";
-      } else {
-        document.querySelectorAll('#status')[0].classList.add('expired')
-        document.querySelectorAll('#status')[0].innerText = " - certification expired";
-      }
-    } else {
-      document.querySelectorAll('#reviewed')[0].innerText = "Unspecified";
-      document.querySelectorAll('#status')[0].classList.add('unapproved')
-    }
-  } else {
-    location.href = "/certifications";
-  }
-</script>
+{% include listing.html %}

certifications/apps/grid.md

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

certifications/apps/weavechat.md

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

cpp.md

@@ -3,7 +3,7 @@ layout: page
 title: Communication Partner Profile
 page_title: Communication Partner Profile
 description: Self-assessment form for evaluating<br/>and improving your AAC efforts
-image: /images/cpp_preview.png
+image: /images/cpp.png
 include_nav: false
 ---
 ### Communication Partner Profile (CPP v1)

css/ext.scss

@@ -137,3 +137,30 @@ p a {
   0% { transform: rotate(20deg);  }
   100% { transform: rotate(0deg); }
 }
+
+#listing h2 {
+  font-size: 35px;
+  margin-bottom: 0;
+  letter-spacing: 4px;
+}
+#listing .subh2 {
+  margin-top: -10px;
+}
+#listing #status.active {
+  color: #41a631;
+}
+#listing #status.expired {
+  color: #b2a824;
+}
+#listing #status.unapproved {
+  color: #b2a824;
+}
+#listing #description {
+  white-space: pre-line;
+}
+#listing #cert_intro {
+  margin-bottom: 30px; 
+  font-style: italic; 
+  font-size: 13px; 
+  line-height: 20px;
+}