Merge pull request #683 from arXiv/develop

accessibility advertisement changes
arXiv · Aug 1, 2024 · db30d0e · db30d0e
2 parents 50847da + 5b94f86
commit db30d0e
Show file tree

Hide file tree

Showing 8 changed files with 92 additions and 20 deletions.
diff --git a/browse/static/css/arXiv.css b/browse/static/css/arXiv.css
@@ -1,6 +1,6 @@
 /****************************************
  *  arXiv.org Cascading Style Sheet
- *  $Date: 2024/07/22 $
+ *  $Date: 2024/07/30 $
  *****************************************/
 /****************************************
  *   General rules
@@ -641,6 +641,19 @@ footer .sorry-app-links .a11y-main-link {
   background-color: #595959;
   color: #ffffff;
 }
+.message-special.green {
+  border: 2px solid #c4d82e;
+  background-color: #f3f6dd;
+  color: #000;
+  margin-right: 0;
+}
+.message-special.green a {
+  color: #1b7cac;
+}
+.message-special.green span.label {
+  background-color: #c4d82e;
+  color: #000;
+}
 .homepage-news-title {
   margin-bottom: .25em;
 }
@@ -688,8 +701,18 @@ footer .sorry-app-links .a11y-main-link {
 }
 /*style overrides for forum minimal banner homepage news with forum logo*/
 .columns .column.banner-minimal.forum a {
+  border-color: #c4d82e;
+  background-color: #000;
   color: #c4d82e;
 }
+.columns .column.banner-minimal.forum a:hover {
+  border-color: #c4d82e;
+  background-color: #f3f6dd;
+  color: #000;
+}
+.columns .column.banner-minimal.forum p {
+  font-size: 1.25em;
+}
 .forum-logo {
 	width: 200px;
 	float: right;

diff --git a/browse/static/css/slider.css b/browse/static/css/slider.css
@@ -1,3 +1,5 @@
+/* latest update: 7/30/2024 */
+
 body {
     margin: 0;
     padding: 0;
@@ -314,6 +316,33 @@ body {
 .slider-wrapper.bps-banner.forum .banner-btn-grad {
   box-shadow: 0 0 20px #31533a;
 }
+/*green banner variation */
+.slider-wrapper.bps-banner.forum.green {
+  background-color: #c4d82e;
+  color: #000;
+}
+.slider-wrapper.bps-banner.forum.green .bps-banner-image {
+  margin: 8px 32px 8px 15px;
+  height: 70px;
+}
+.slider-wrapper.bps-banner.forum.green .copy-donation.bps-banner h2 {
+  color: #000;
+  font-size: 1.35em;
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+.slider-wrapper.bps-banner.forum .copy-donation.bps-banner p {
+  color: #000;
+  text-shadow: none;
+}
+.slider-wrapper.bps-banner.forum .copy-donation.bps-banner p a {
+  color: #1B7CB0;
+  text-shadow: none;
+  text-decoration: underline;
+}
+.slider-wrapper.bps-banner.forum .banner-btn-grad {
+  box-shadow: 0 0 20px #31533a;
+}
 @media (max-width: 769px) {
   .slider-wrapper.bps-banner.forum {
     display:none;

diff --git a/browse/static/images/icons/smileybones-infinity-large.png b/browse/static/images/icons/smileybones-infinity-large.png
diff --git a/browse/static/js/donate.js b/browse/static/js/donate.js
@@ -1,14 +1,14 @@
-//version 1.1
+//version 1.11
 function setCookie(){   
-    var delay_days = 14;
+    var delay_days = 5;
     var date = new Date();
     date.setTime(date.getTime()+(delay_days*3600*24*1000));
     var expires = "; expires="+date.toGMTString();    
-    document.cookie = 'seenDonateBanner=1' + expires + '; path=/; domain=' + window.location.hostname + ';';
+    document.cookie = 'seentheDonateBanner=1' + expires + '; path=/; domain=' + window.location.hostname + ';';
 }
 
 function hasCookie(){
-    return document.cookie.indexOf('seenDonateBanner=') != -1;
+    return document.cookie.indexOf('seentheDonateBanner=') != -1;
 }
 
 $(document).ready(

diff --git a/browse/static/js/rotate_forum_info.js b/browse/static/js/rotate_forum_info.js
@@ -1,12 +1,12 @@
 const timeZoneOffset = -4;
 const forumSessionData = [
-    ['Ask Me Anything', 'LINK HERE', new Date(Date.UTC(2024, 8, 3, 16 + timeZoneOffset, 5, 0))],
-    ['AI and Accessibility', 'LINK HERE', new Date(Date.UTC(2024, 8, 4, 10 + timeZoneOffset, 5, 0))],
-    ['Deaf Hub at RIT', 'LINK HERE', new Date(Date.UTC(2024, 8, 6, 12 + timeZoneOffset, 5, 0))],
-    ['Sonification', 'LINK HERE', new Date(Date.UTC(2024, 8, 10, 15 + timeZoneOffset, 5, 0))],
-    ['SciELO y Accessibilidad', 'LINK HERE', new Date(Date.UTC(2024, 8, 11, 11 + timeZoneOffset, 5, 0))], // 17 CEST is 11 EST right?
-    ['HTML Papers on arXiv', 'LINK HERE', new Date(Date.UTC(2024, 8, 12, 20 + timeZoneOffset, 5, 0))],
-    ['Disability Models', 'LINK HERE', new Date(Date.UTC(2024, 8, 13, 12 + timeZoneOffset, 5, 0))],
+    ['Ask Me Anything', 'https://cornell.zoom.us/j/98545128980?pwd=nTqDO00SOxW6ThtbYPFRSbbA57aWYM.1', new Date(Date.UTC(2024, 8, 3, 16 + timeZoneOffset, 5, 0))],
+    ['AI and Accessibility', 'https://cornell.zoom.us/j/93724730382?pwd=qealqZFZRu1qdVzEFFYbUl94fPiamw.1', new Date(Date.UTC(2024, 8, 4, 10 + timeZoneOffset, 5, 0))],
+    ['Deaf Hub at RIT', 'https://cornell.zoom.us/j/95831073771?pwd=Abdx2xsJanNwGS7UL4dxQVn9sQpojr.1', new Date(Date.UTC(2024, 8, 6, 12 + timeZoneOffset, 5, 0))],
+    ['Sonification', 'https://cornell.zoom.us/j/95303704836?pwd=bnIanuPLl7mJvdHGIq5VDsdiEhhuYT.1', new Date(Date.UTC(2024, 8, 10, 15 + timeZoneOffset, 5, 0))],
+    ['SciELO y Accessibilidad', 'https://cornell.zoom.us/j/95978099995?pwd=TLFRHtobdTSpwJLDInZ8GNgVEFWUPB.1', new Date(Date.UTC(2024, 8, 11, 11 + timeZoneOffset, 5, 0))], // 17 CEST is 11 EST right?
+    ['HTML Papers on arXiv', 'https://cornell.zoom.us/j/92772646280?pwd=nN9qJXOPnDZ9kdFUsVYDciuL5M4oXA.1', new Date(Date.UTC(2024, 8, 12, 20 + timeZoneOffset, 5, 0))],
+    ['Disability Models', 'https://cornell.zoom.us/j/94263795591?pwd=2cni3kKjJiYHykTfAooNCIyYxTPB2p.1', new Date(Date.UTC(2024, 8, 13, 12 + timeZoneOffset, 5, 0))],
 ];
 
 const getFormattedDate = (date) => {

diff --git a/browse/templates/base.html b/browse/templates/base.html
@@ -16,7 +16,7 @@
   <link rel="mask-icon" href="{{ url_for('static', filename='images/icons/safari-pinned-tab.svg') }}" color="#5bbad5">
   <meta name="msapplication-TileColor" content="#da532c">
   <meta name="theme-color" content="#ffffff">
-  <link rel="stylesheet" type="text/css" media="screen" href="{{ url_for('static', filename='css/arXiv.css') }}?v=20240722" />
+  <link rel="stylesheet" type="text/css" media="screen" href="{{ url_for('static', filename='css/arXiv.css') }}?v=20240730" />
   <link rel="stylesheet" type="text/css" media="print" href="{{ url_for('static', filename='css/arXiv-print.css') }}?v=20200611" />
   <link rel="stylesheet" type="text/css" media="screen" href="{{ url_for('static', filename='css/browse_search.css') }}" />
   <script language="javascript" src="{{ url_for('static', filename='js/accordion.js') }}" /></script>

diff --git a/browse/templates/home/special-message.html b/browse/templates/home/special-message.html
@@ -7,14 +7,14 @@
 
 
 {%- if rd_int >= 202407120100 and rd_int <= 202409020100 -%}
-<div class="message-special dark column">
+<div class="message-special green column">
   <span class="label">arXiv News</span>
   <a href="https://accessibility2024.arxiv.org/" target="_blank"><img role="presentation" class="forum-logo" src="{{ url_for('static', filename='images/events/arxiv-forum-logo-full-2024.png') }}" alt="The arXiv Accessibility Forum" /></a>
   <h2>arXiv Accessibility Forum</h2>
   <p>Accessibility means access regardless of disability. Join arXiv and global experts this <strong>September</strong> at the Forum focused on accessibility of scientific research. <a href="https://accessibility2024.arxiv.org/" target="_blank">Learn more</a>.</p>
 </div>
 {%- elif rd_int >= 202409020101 and rd_int <= 202409140100 -%}
-<div class="message-special dark column">
+<div class="message-special green column">
   <span class="label">arXiv News</span>
   <img role="presentation" class="forum-logo" src="{{ url_for('static', filename='images/events/arxiv-forum-logo-full-2024.png') }}" alt="The arXiv Accessibility Forum" />
   <h2>arXiv Accessibility Forum</h2>

diff --git a/browse/templates/user_banner.html b/browse/templates/user_banner.html
@@ -22,11 +22,14 @@
 {# July 22 - 29 #}
 {% set BANNER_START_1 = 202407220100 %}
 {% set BANNER_END_1 = 202407290100 %}
+{# August 1 - 13 #}
+{% set BANNER_START_5 = 202408010100 %}
+{% set BANNER_END_5 = 202408140100 %}
 {# August 14 - 22 #}
 {% set BANNER_START_2 = 202408140100 %}
-{% set BANNER_END_2 = 202408220100 %}
+{% set BANNER_END_2 = 202408240100 %}
 {# Aug 28 - Sept 2 #}
-{% set BANNER_START_3 = 202408280100 %}
+{% set BANNER_START_3 = 202408240100 %}
 {% set BANNER_END_3 = 202409020100 %}
 {# Sept 2 - Sept 13 #}
 {% set BANNER_START_4 = 202409020100 %}
@@ -49,6 +52,22 @@ <h2>Help spread the word</h2>
         </div>
       </div>
     </aside>
+    {%- elif now >= BANNER_START_5 and now < BANNER_END_5 -%}
+      {#  August 1 - 14 #}
+      <aside class="slider-wrapper bps-banner forum green">
+        <a class="close-slider bps-banner" href="#"><img src="{{ url_for('static', filename='images/icons/close-slider.png') }}" alt="close this message"></a>
+        <div class="columns">
+          <img role="presentation" class="bps-banner-image" src="{{ url_for('static', filename='images/icons/smileybones-infinity-large.png') }}" alt="arXiv Accessibility Forum 2024">
+          <div class="copy-donation bps-banner">
+            <h2>Grab your spot!</h2>
+            <p>Want to see access to research regardless of disability? Sign up for the <a href="https://cornell.ca1.qualtrics.com/jfe/form/SV_eEZ1d27LF2fVM7Y" target="_blank">arXiv Accessibility Forum</a> in September and <a href="https://accessibility2024.arxiv.org/" target="_blank">Learn more</a>.</p>
+          </div>
+          <div class="amount-donation bps-banner">
+            <div class="donate-cta"><a class="banner_link banner-btn-grad" target="_blank" href="https://cornell.ca1.qualtrics.com/jfe/form/SV_eEZ1d27LF2fVM7Y"><b>Sign Up</b></a></div>
+          </div>
+        </div>
+      </aside>
+
   {%- elif now >= BANNER_START_2 and now < BANNER_END_2 -%}
     {#  August 14 - 22 #}
     <aside class="slider-wrapper bps-banner forum">
@@ -82,7 +101,7 @@ <h2>The arXiv Accessibility Forum begins September 3<sup>rd</sup></h2>
 
   {%- elif now >= BANNER_START_4 and now < BANNER_END_4 -%}
   {# Sept 2 - Sept 13, content filled in via dynamic script #}
-   
+
   <aside class="slider-wrapper bps-banner forum">
     <a class="close-slider bps-banner" href="#"><img src="{{ url_for('static', filename='images/icons/close-slider.png') }}" alt="close this message"></a>
   	<div class="columns">
@@ -105,13 +124,14 @@ <h2 id="forum-session-title"></h2>
 {%- macro script(request_datetime) -%}
   {%- set now=request_datetime.strftime("%Y%m%d%H%M")|int -%}
   {%- if ((BANNER_START_1|int <= now) and (BANNER_END_1|int > now)) or
+    ((BANNER_START_5|int <= now) and (BANNER_END_5|int > now)) or
     ((BANNER_START_2|int <= now) and (BANNER_END_2|int > now)) or
     ((BANNER_START_3|int <= now) and (BANNER_END_3|int > now)) or
     ((BANNER_START_4|int <= now) and (BANNER_END_4|int > now)) -%}
     {# only run this script while a banner is active #}
 
-    <link rel="stylesheet" type="text/css" media="screen" href="{{ url_for('static', filename='css/slider.css') }}?v=1.11" />
+    <link rel="stylesheet" type="text/css" media="screen" href="{{ url_for('static', filename='css/slider.css') }}?v=1.12" />
     <script src="//code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
-    <script type="text/javascript" src="{{ url_for('static', filename='js/donate.js') }}?v=1.1"></script>
+    <script type="text/javascript" src="{{ url_for('static', filename='js/donate.js') }}?v=1.11"></script>
   {%- endif -%}
 {%- endmacro -%}