137 submit app to google for verification review

CHANGELOG.md

@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [Unreleased]
+### Added
+- Application Privacy Policy [#137](https://github.com/ncsa/standalone-smm-smile/issues/137)
+
 ## [0.4.3] - 2024-09-03
 ### Fixed
 - Import data is not working properly [#184](https://github.com/ncsa/standalone-smm-smile/issues/184)

www/public/bootstrap/css/customized/citation.css

@@ -6,22 +6,31 @@ body{
 .citation{
     background-color:#9d9d9d;
     padding:50px;
-    width:850px;
+    width:1000px;
     margin:200px auto;
     border-radius:6px;
     overflow:auto;
 }
+.citation.light{
+    background-color:#ffffff;
+}
 
 .citation-header{
     font-size:50px;
-    color:white;
+    color:#ffffff;
+}
+.citation-header.light{
+    color:#333;
 }
 
 .citation-content{
     color:#ffffff;
 }
+.citation-content.light{
+    color:#333;
+}
 
-#cite-next {
+.cite-next {
     font-weight: 600;
     color: #333;
     font-size: 20px;
@@ -33,3 +42,12 @@ body{
     border: none;
     margin:10px 0;
 }
+.cite-next.light {
+    color: #ffffff;
+    background-color: #1e325a;
+}
+
+.section-title{
+    font-weight:bolder;
+    margin-top: 1.5em;
+}

www/public/bootstrap/css/customized/global.css

@@ -107,6 +107,17 @@ cite{
 	text-decoration: underline;
 }
 
+.citation-notice.light {
+	background-color: #ffffff; /* Set background to white */
+	color: #333; /* Change text color to match the darker theme for readability */
+}
+
+.citation-notice.light ul li a,
+.citation-notice.light ul li a:hover,
+.citation-notice.light ul li a:focus {
+	color: #1e325a; /* Ensure links are still visible against the white background */
+}
+
 
 
 /*-----------modals-----------------------------*/

www/routes/businessLogic/privacyPolicy.js

@@ -0,0 +1,12 @@
+var express = require('express');
+var router = express.Router();
+
+router.get('/privacy-policy', function (req, res) {
+    res.render('privacy-policy', {
+        user: req.user,
+        parent: '/',
+        SINGLE_USER:SINGLE_USER
+    });
+});
+
+module.exports = router;

www/views/citation.pug

@@ -58,4 +58,4 @@ html
                 p Yun, J. T., Vance, N., Wang, C., Marini, L., Troy, J., Donelson, C., Chin, C. L., Henderson, M. D. (2019).
                     | The Social Media Macroscope: A science gateway for research using social media data. Future Generation
                     | Computer Systems. doi:10.1016/j.future.2019.10.029
-            a(class="btn btn-default pull-right", id="cite-next", href="query") Next
+            a(class="btn btn-default pull-right cite-next", id="cite-next", href="query") Next

www/views/components/topbar.pug

@@ -22,9 +22,9 @@ nav(class="navbar navbar-inverse navbar-fixed-top")
                             span(class="caret")
                         ul(class="dropdown-menu", aria-labelledby="dropdownMenu1")
                             li
-                                a(href=TERM_OF_USE_URL target="_blank") Terms of Use
+                                a(href="/privacy-policy") Privacy Policy
                             li
-                                a(href=PRIVACY_POLICY_URL target="_blank") Privacy Policy
+                                a(href=TERM_OF_USE_URL target="_blank") Terms of Use
                             li
                                 a(href="citation") Cite Us
                 li

www/views/privacy-policy.pug

@@ -0,0 +1,104 @@
+doctype html
+html
+    head
+        // Google tag (gtag.js)
+        script(async src = "https://www.googletagmanager.com/gtag/js?id=" + process.env.GA_KEY)
+
+        script.
+            window.dataLayer = window.dataLayer || [];
+            function gtag() {dataLayer.push(arguments);}
+            gtag('js', new Date());
+            gtag('config', '#{process.env.GA_KEY}');
+
+        meta(charset="utf-8")
+        meta(http-equiv="X-UA-Compatible",content="IE=edge")
+        meta(name="viewport", content="width=device-width, initial-scale=1")
+
+        // Bootstrap 3 CSS and custom styles
+        link(href="bootstrap/css/bootstrap.css", rel="stylesheet")
+        link(href="bootstrap/css/customized/citation.css", rel="stylesheet")
+        link(href="bootstrap/css/customized/global.css", rel="stylesheet")
+        link(rel="stylesheet",
+            href="https://use.fontawesome.com/releases/v5.0.10/css/all.css",
+            integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg",
+            crossorigin="anonymous")
+
+        // Font family
+        link(href="https://fonts.googleapis.com/css?family=Ubuntu:300", rel="stylesheet")
+        script(src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js")
+        script(src="bootstrap/js/bootstrap.min.js")
+
+        // jquery cookie plugin
+        script(src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js")
+        script(src="bootstrap/js/customized/detect_cookie.js")
+
+        // Custom JavaScript
+        script(src="bootstrap/js/customized/warning_trigger.js")
+        script(src="bootstrap/js/customized/parse_session.js")
+
+    body
+        include components/topbar.pug
+        include components/warning.pug
+        include components/clientside-warning.pug
+
+        div(class="citation light")
+            h4(class="citation-header light") APPLICATION PRIVACY NOTICE
+            h4(class="citation-content light")
+                <strong>INTRODUCTION:</strong>&nbsp;
+                | BY INSTALLING, USING OR OTHERWISE ACCESSING THE <i>SOCIAL MEDIA INTELLIGENCE AND LEARNING ENVIRONMENT
+                |  (SMILE)</i> APPLICATION FROM ANY DEVICE, MOBILE OR OTHERWISE, <strong>YOU</strong> ARE AGREEING TO
+                |  ABIDE BY THE TERMS AND CONDITIONS OF THIS PRIVACY NOTICE. IF <strong>YOU</strong> DO NOT AGREE TO
+                |  THESE TERMS AND CONDITIONS, DO NOT DOWNLOAD AND/OR ACCESS OUR APPLICATION. BY USING THIS APPLICATION,
+                |  YOU ARE CONSENTING TO THE COLLECTION, USE, AND DISCLOSURE OF INFORMATION IN ACCORDANCE WITH THIS
+                |  PRIVACY NOTICE.
+            div(class="citation-notice light")
+                p This Privacy Notice sets forth how your information is collected, used, transferred, and stored
+                    |  through the mobile application titled “Social Media Intelligence and Learning Environment (SMILE)”
+                    |  (“<strong>Application</strong>”) and the terms and conditions governing your use of the Application.
+                    |  The Application provides a way to access YouTube Data APIs through Google API Services
+                    |  (“<strong>Data</strong>”), where API stands for Application Programming Interface, provided by
+                    |  Google, LLC and/or its affiliate YouTube, LLC (“<strong>Third Party</strong>”). The Application was created by the
+                    |  University of Illinois Urbana-Champaign and is owned by the Board of Trustees of the University of
+                    |  Illinois (“<strong>University,</strong>” “<strong>we,</strong>” “<strong>our,</strong>” “<strong>us</strong>”).
+                p This Privacy Notice is subject to the Application <a href="https://www.vpaa.uillinois.edu/resources/terms_of_use">Terms of Service</a>;
+                    |  the <a href="https://www.vpaa.uillinois.edu/resources/web_privacy">University of Illinois System
+                    |  Privacy Statement</a>, which contains among other sections the <u>Rules for Individuals under
+                    |  Thirteen Years of Age</u>; the <a href="https://www.vpaa.uillinois.edu/resources/terms_of_use">Legal
+                    |  Notice and Terms of Use</a>, which contains among other <u>provisions, disclaimers of: liability,
+                    |  warranties and accuracy of data, endorsement, external links, and duties regarding data</u>; and
+                    |  <a href="https://www.vpaa.uillinois.edu/resources/web_privacy/supplemental_web_privacy_notice">the
+                    |  University of Illinois Supplemental Privacy Notice for certain persons in the European Economic
+                    |  Area and the United Kingdom</a> (Supplemental Privacy Notice).
+
+                p(class="section-title") 1. What information may the Application collect?
+                p a) Personal Information. “Personal Information” for purposes of this Privacy Notice means information that can be used to identify, contact, or locate an individual, such as, your name, address, phone number, or email address.
+                p The Application collects your email, which is considered Personal Information. You are not required to provide the Personal Information requested by the Application; however, you will not be able to use the Application if you choose not to provide your Personal Information. By providing us with your Personal Information, you are consenting to our use of it in accordance with this Privacy Notice, the University of Illinois System Privacy Statement, and the Supplemental Privacy Notice.
+                p b) Automatically Collected Non-Personal Information. The Application may collect certain Non-Personal Information automatically that may not, on its own, permit direct association with any specific individual. The following are some examples of non-personal information that may be collected: the type of device you use, IP address, device unique device ID, browser type and language, Internet Service provider (ISP), frequency of access, duration, and time of access of the Application, and other.  By using the Application, you are consenting to University collection, use, and disclosure of non-personal information for any University purpose. In addition, Third Party may be collecting certain data, according to their <a href="https://developers.google.com/youtube/terms/api-services-terms-of-service">Third Party Terms of Service</a> and <a href="https://developers.google.com/terms/api-services-user-data-policy">Third Party User Data Policy</a>. To the extent that any non-personal information is combined with Personal Information, University will treat the combined information as Personal Information for as long it is combined.
+
+                p(class="section-title") 2. How Is Your Personal Information Used?
+                p The Application uses your Personal Information to provide you with the information and services that is directly relevant to your use of the Application. Specifically, we will use the Personal Information collected to provide you with access to Data.
+
+                p(class="section-title") 3. Is Your Personal Information Shared With Any Third Parties Outside The University?
+                p a) We may share your Personal Information outside the University as required by law, order of governmental authority, or court order to be disclosed; when we believe in good faith that disclosure is necessary to protect our rights, protect your safety or the safety of others, investigate fraud, or respond to a government request.  We may also share your Personal Information if permitted under University of Illinois policy, authorized by an approved University of Illinois contract, for good cause by the Chancellor or the Vice President for Academic Affairs of the University of Illinois. The University does not sell or lease your Personal Information to third parties. We will not share your Personal Information with Third Party in order to provide you with access to Data.
+                p b)   Does Application Link To Third Party Websites?
+                p The Application may contain links to other websites, which in no way represent any endorsement or affiliation between University of Illinois and that third party. We do not exercise control over third party websites and encourage you to exercise caution before activating the link and to read the other website privacy policies.
+
+                p(class="section-title") 4. How Is Your Information Protected?
+                p We follow generally accepted industry standards to protect information processed by the Application. No method of transmission, or method of electronic storage, is 100% secure. Therefore, we cannot guarantee its absolute security.
+
+                p(class="section-title") 5. Where Will the Information Be Stored?
+                p All Personal Information and Non-Personal Information is stored in the Application. Your Personal Information and Non-Personal Information is also stored on a secure cloud-based server.
+
+                p(class="section-title") 6. Opt-In and Opt-Out Information
+                p Your information preferences and opt-out of information collection by non-using Application.
+
+                p(class="section-title") 7. How Long Is Your Personal Information Stored?
+                p We will retain user personal information (your email address) in cloud storage for 30 minutes. If you would like us to delete your Personal Information that you have provided via the Application, please contact us at [email protected] and we will respond in a reasonable time. Please note that some or all the user Personal Information may be required for the Application to function properly, and we may be required to retain certain information by law.
+
+                p(class="section-title") 8. Changes to this Privacy Notice
+                p We may amend this Privacy Notice from time to time. If we amend this Privacy Notice, we will post the changes on <a href="/privacy-policy">SMILE privacy policy page</a>. Your continued use of the Application after any such changes will constitute your acceptance of the updated Privacy Notice. If you do not wish to accept the revised Privacy Notice, you must not use or access (or continue to use or access) the Application. Please regularly check the Application or website to determine if the Privacy Notice has been updated and to review those changes before deciding whether to access (or continue to access) the Application.
+
+                p(class="section-title") Need Help?
+                p Contact the SMILE app at: <a href="mailto:[email protected]">[email protected]</a>
+
+            a(class="btn btn-default pull-right cite-next light", id="cite-next", href="query") Next