From 5e35846aaab5790b7c9f764456d5b4cf2f8fd689 Mon Sep 17 00:00:00 2001
From: "rothwell.andy@gmail.com" <rothwell.andy@gmail.com>
Date: Mon, 10 Jun 2024 07:46:43 -0400
Subject: [PATCH] adds back alert modal for preview that student meal sites are
 coming soon

---
 src/assets/style.css |  7 +++++++
 src/main.js          | 17 ++++++++++++++---
 2 files changed, 21 insertions(+), 3 deletions(-)
 create mode 100644 src/assets/style.css

diff --git a/src/assets/style.css b/src/assets/style.css
new file mode 100644
index 0000000..8ed02d9
--- /dev/null
+++ b/src/assets/style.css
@@ -0,0 +1,7 @@
+.aml-even {
+  background-color: rgb(216, 216, 216)
+}
+
+.aml-odd {
+  background-color: rgb(240, 240, 240)
+}
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 79f067c..43c95bf 100644
--- a/src/main.js
+++ b/src/main.js
@@ -11,6 +11,8 @@ if (process.env.NODE_ENV === 'production') {
 }
 console.log('main.js process.env.NODE_ENV:', process.env.NODE_ENV, 'process.env.VUE_APP_PUBLICPATH:', process.env.VUE_APP_PUBLICPATH);
 
+import './assets/style.css';
+
 // Font Awesome Icons
 import { library } from '@fortawesome/fontawesome-svg-core';
 import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons/faExclamationTriangle';
@@ -437,9 +439,18 @@ pinboard({
   },
   alerts: {
     modal: {
-      enabled: false,
-      header: 'Fourth of July closures',
-      body: '<p>Most food and meal sites will be closed for the 4th of July. Please contact the site before you go to get the most up to date schedule.</p>',
+      enabled: true,
+      header: 'Student meal sites',
+      body: '<ul class="alert-modal-list">\
+          <li class="aml-odd">Starting on 6/17 use this app to find summer meals sites for youth.</li>\
+          <li class="aml-even">A partir del 17 de junio, utilice esta aplicación para encontrar sitios de comidas de verano para jóvenes.</li>\
+          <li class="aml-odd">从 6 月 17 日开始，使用此应用程序查找适合青少年的夏季聚餐网站.</li>\
+          <li class="aml-even">Bắt đầu từ ngày 6/17 sử dụng ứng dụng này để tìm các trang web bữa ăn mùa hè cho thanh thiếu niên.</li>\
+          <li class="aml-odd">Начиная с 17 июня используйте это приложение, чтобы найти сайты с летними блюдами для молодежи.</li>\
+          <li class="aml-even">À partir du 17 juin, utilisez cette application pour trouver des sites de repas d\'été pour les jeunes.</li>\
+        </ul>',
+      // header: 'Fourth of July closures',
+      // body: '<p>Most food and meal sites will be closed for the 4th of July. Please contact the site before you go to get the most up to date schedule.</p>',
       // header: 'Student meal sites',
       // body: '<ul><li>Effective September 3. Student ID is required.</li><li>To find additional food near you, text your zip code to <br>1 (800) 548-6479.</li></ul>',