tab titles, new about info

demo.html

@@ -30,7 +30,7 @@
 							</p>
 
 							<div class="tabs" style="display: flex; flex-direction: row; position: relative;">
-								<a href="index.html"  class="tab" style="width: 25%; padding: 10px; text-decoration: none; background: rgba(255, 255, 255, 0.2);">About</a>
+								<a href="index.html"  class="tab" style="width: 25%; padding: 10px; text-decoration: none; background: rgba(255, 255, 255, 0.2);">About...</a>
 								<a href="timeline.html" class="tab" style="width: 25%; padding: 10px; text-decoration: none; background: rgba(255, 255, 255, 0.2);">Project Timeline</a>
 								<a href="demo.html" class="tab" style="width: 25%; padding: 10px; text-decoration: none; background: rgba(255, 255, 255, 0.4);">Demo</a>
                 						<a href="funding.html" class="tab" style="width: 25%; padding: 10px; text-decoration: none; background: rgba(255, 255, 255, 0.2);">Funding</a>

funding.html

@@ -30,12 +30,12 @@
 							</p>
 
 							<div class="tabs" style="display: flex; flex-direction: row; position: relative;">
-								<a href="index.html"  class="tab" style="width: 25%; padding: 10px; text-decoration: none; background: rgba(255, 255, 255, 0.2);">About</a>
+								<a href="index.html"  class="tab" style="width: 25%; padding: 10px; text-decoration: none; background: rgba(255, 255, 255, 0.2);">About...</a>
 								<a href="timeline.html" class="tab" style="width: 25%; padding: 10px; text-decoration: none; background: rgba(255, 255, 255, 0.2);">Project Timeline</a>
 								<a href="demo.html" class="tab" style="width: 25%; padding: 10px; text-decoration: none; background: rgba(255, 255, 255, 0.2);">Demo</a>
                 						<a href="funding.html" class="tab" style="width: 25%; padding: 10px; text-decoration: none; background: rgba(255, 255, 255, 0.4);">Funding</a>
 							</div>
-							<div class ="topics" style="background: rgba(255, 255, 255, 0.4); text-align: center; padding: 3em;">
+							<div class ="topics" style="background: rgba(255, 255, 255, 0.4); text-align: left; padding: 3em;">
 								<p>Development Funding for COSRI was provided through an Interagency Agreement from the Washington Department of Health.  We gratefully acknowledge the Washington State Healthcare Authority and the US Centers for Medicare & Medicaid Services for their role in supporting the IAA.   <br/>
 								<br/>Implementation funding was provided through contract #GS-35F-540GA order# HHSP233201800327G, under which Accenture Federal Services served as a contractor to the Office of the National Coordinator for Health Information Technology (ONC). ONC served as the implementer partner to the Centers for Disease Control and Prevention (CDC), who provided the funding. The role of COSRI in the project was to evaluate the use of PDMP data for computerized  decision support, in day to day clinical care.</p>
                 						<p>COSRI was Built with: </p>

index.html

@@ -26,15 +26,19 @@
 							</p>
 
 							<div class="tabs" style="display: flex; flex-direction: row; position: relative;">
-								<a href="index.html"  class="tab" style="width: 25%; padding: 10px; text-decoration: none; background: rgba(255, 255, 255, 0.4);">About</a>
+								<a href="index.html"  class="tab" style="width: 25%; padding: 10px; text-decoration: none; background: rgba(255, 255, 255, 0.4);">About...</a>
 								<a href="timeline.html" class="tab" style="width: 25%; padding: 10px; text-decoration: none; background: rgba(255, 255, 255, 0.2);">Project Timeline</a>
 								<a href="demo.html" class="tab" style="width: 25%; padding: 10px; text-decoration: none; background: rgba(255, 255, 255, 0.2);">Demo</a>
                 						<a href="funding.html" class="tab" style="width: 25%; padding: 10px; text-decoration: none; background: rgba(255, 255, 255, 0.2);">Funding</a>
 							</div>
 							<div class ="topics" style="background: rgba(255, 255, 255, 0.4); text-align: left; padding: 3em;">
 
-								<p>COSRI (Clinical Opioid Summary with Rx Integration) is an application for viewing controlled substance medications dispensed for a patient in clinical care from Prescription Drug Monitoring Programs (PDMP) database. It provides decision support for opioid medication prescribing based on CDC guidelines, and can also be tailored to state prescribing rules, with the current demonstration version including Washington state opioid prescribing rules. COSRI is a smart-on-FHIR application that can be implemented either as a free-standing application or integrated with an existing electronic health record (EHR). It is open source, with no license fees to use. COSRI extends and contextualizes software from the CDSConnect project, led by AHRQ and CDC.</p>
-																<p>The initial AHRQ application runs only when  embedded in an EHR using “SMART on FHIR”.  COSRI includes a novel capability which allows it to also function in a freestanding mode. User engagement and participatory interviews established free-standing mode as important to our early providers </p>
+								<h2>News!</h2>
+								<p>We are a finalist in the <a href="https://amia.org/education-events/amia-2022-annual-symposium/fhir-app" target="_blank">AMIA/HL7 FHIR App Competition</a>  Tuesday, November 8, 2022 | 10:30 a.m. - 12:00 p.m. EST, Located in the Lincoln West room at the AMIA Symposium.  Our slides are on the conference site and here:  <a href="https://drive.google.com/file/d/1-D9fNmwLtU7XQh0W_xqT3hBljCpcZRyW/view?usp=share_link" target="_blank">S72_Lober_v2.pdf</a> </p>
+								<h2>About</h2>
+								<p>COSRI (Clinical Opioid Summary with Rx Integration) is a software application for viewing controlled substances, including pain medications, dispensed for a patient, along with personalized risk factors for opioid misuse.  COSRI access both electronic health record (EHR) and statewide Prescription Drug Monitoring Programs (PDMP) data. It uses medication and other clinical information, as well as CDC prescribing guidelines and state prescribing rules, to provide clinical decision support to help providers more safely use pain medications. COSRI is a SMART-on-FHIR application that can be implemented either as a free-standing application or integrated with an existing electronic health record (EHR). It is open source, with no license fees to use. </p> 
+
+								<p>COSRI is based on the open source <a href="https://apps.smarthealthit.org/app/cds-connect" target="_blank"> CDS Connect: Pain Management Summary</a> software from the CDS Connect project, led by AHRQ and CDC. The COSRI team made significant enhancements to COD Connect application.  For example, the CDS Connect application worked only when  embedded in an EHR which could use “SMART on FHIR”.  COSRI includes a novel capability which allows it to also function in a freestanding mode. User engagement and participatory interviews established free-standing mode as important to our early providers </p>
 								<h2>Open Source</h2>								
 
 <p><a href="https://github.com/uwcirg/cosri-pain-management-summary" target="_blank">https://github.com/uwcirg/cosri-pain-management-summary.</a></p>

timeline.html

@@ -31,7 +31,7 @@
 							</p>
 
 							<div class="tabs" style="display: flex; flex-direction: row; position: relative;">
-								<a href="index.html"  class="tab" style="width: 25%; padding: 10px; text-decoration: none; background: rgba(255, 255, 255, 0.2);">About</a>
+								<a href="index.html"  class="tab" style="width: 25%; padding: 10px; text-decoration: none; background: rgba(255, 255, 255, 0.2);">About...</a>
 								<a href="timeline.html" class="tab" style="width: 25%; padding: 10px; text-decoration: none; background: rgba(255, 255, 255, 0.4);">Project Timeline</a>
 								<a href="demo.html" class="tab" style="width: 25%; padding: 10px; text-decoration: none; background: rgba(255, 255, 255, 0.2);">Demo</a>
                 						<a href="funding.html" class="tab" style="width: 25%; padding: 10px; text-decoration: none; background: rgba(255, 255, 255, 0.2);">Funding</a>