Text for Web Express Terms of Service

css/ucb-tos-acceptance.css

@@ -36,10 +36,11 @@
 .ucb-tos-modal-dialog {
   position: relative;
   z-index: 2;
-  width: 90%;
-  max-width: 600px;
+  width: min(94vw, 920px);
   max-height: 90vh;
-  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
   background: #fff;
   border-radius: 4px;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
@@ -54,10 +55,13 @@
 .ucb-tos-modal-content {
   display: flex;
   flex-direction: column;
-  height: 100%;
+  flex: 1;
+  min-height: 0;
+  max-height: 90vh;
 }
 
 .ucb-tos-modal-header {
+  flex-shrink: 0;
   padding: 1.5rem;
   border-bottom: 1px solid #e0e0e0;
 }
@@ -69,15 +73,36 @@
 }
 
 .ucb-tos-modal-body {
-  padding: 1.5rem;
   flex: 1;
+  min-height: 0;
+  padding: 1.5rem;
   overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
 }
 
 .ucb-tos-modal-body p {
   margin-bottom: 1rem;
 }
 
+.ucb-tos-modal-subheading {
+  margin: 1.25rem 0 0.75rem;
+  font-size: 1.125rem;
+  font-weight: 600;
+}
+
+.ucb-tos-modal-list {
+  margin: 0 0 1rem;
+  padding-left: 1.25rem;
+}
+
+.ucb-tos-modal-list li {
+  margin-bottom: 0.75rem;
+}
+
+.ucb-tos-modal-list li:last-child {
+  margin-bottom: 0;
+}
+
 .ucb-tos-modal-body a {
   color: #005fcc;
   text-decoration: underline;
@@ -89,6 +114,7 @@
 }
 
 .ucb-tos-modal-footer {
+  flex-shrink: 0;
   padding: 1.5rem;
   border-top: 1px solid #e0e0e0;
   display: flex;
@@ -117,7 +143,11 @@
 /* Responsive adjustments */
 @media (max-width: 768px) {
   .ucb-tos-modal-dialog {
-    width: 95%;
+    width: min(96vw, 920px);
+    max-height: 95vh;
+  }
+
+  .ucb-tos-modal-content {
     max-height: 95vh;
   }
 

js/ucb-tos-acceptance.js

@@ -119,13 +119,19 @@
       <div class="ucb-tos-modal-dialog">
         <div class="ucb-tos-modal-content">
           <div class="ucb-tos-modal-header">
-            <h2 id="ucb-tos-modal-title" class="ucb-tos-modal-title">Terms of Service</h2>
+            <h2 id="ucb-tos-modal-title" class="ucb-tos-modal-title">Web Express Terms of Service</h2>
           </div>
           <div class="ucb-tos-modal-body" id="ucb-tos-modal-description">
-            <p>Please review and accept our Terms of Service to continue using this site.</p>
-            <p>
-              <a href="${tosUrl}" target="_blank" rel="noopener noreferrer">View Terms of Service</a>
-            </p>
+            <p>These terms are the binding rules and guidelines for using the University of Colorado Boulder Web Express service. Agreement to these terms is required for access to creating and maintaining websites on the platform.</p>
+            <h3 class="ucb-tos-modal-subheading">Key Takeaways</h3>
+            <ul class="ucb-tos-modal-list">
+              <li><strong>Secure, University-Managed Platform:</strong> CU Boulder hosts and maintains Web Express, handling security updates, system monitoring, and emergency backups. Only users with a campus IdentiKey can access site editing tools.</li>
+              <li><strong>Prohibited Data:</strong> Private or sensitive information (like student records or health data) is strictly prohibited from being collected or posted.</li>
+              <li><strong>No Technical Skills Required:</strong> The platform allows the community to create professional sites without coding. Users cannot install custom software or themes to ensure security and brand consistency.</li>
+              <li><strong>Support and Training:</strong> Strategic Relations and Communications (SRC) provides hosting, setup, documentation, training, and regular feature updates.</li>
+              <li><strong>Analytics:</strong> Sites can use Google Analytics 4 and Google Tag Manager. Site owners must manage their own accounts and ensure no personal information is collected.</li>
+              <li><strong>Policy Compliance:</strong> Sites must follow accessibility, branding, copyright, and acceptable-use policies. Abandoned or non-compliant sites may be archived or removed.</li>
+            </ul>
           </div>
           <div class="ucb-tos-modal-footer">
             <button type="button" class="ucb-tos-decline-button btn btn-secondary">Decline</button>
@@ -162,7 +168,7 @@
 
     // Announce modal to screen readers.
     if (modal.liveRegion) {
-      modal.liveRegion.textContent = 'Terms of Service dialog opened. Please review and accept the Terms of Service to continue.';
+      modal.liveRegion.textContent = 'Web Express Terms of Service dialog opened. Please review and accept the terms to continue.';
     }
   }