Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

accessibility advertisement changes #683

Merged
merged 10 commits into from
Aug 1, 2024
25 changes: 24 additions & 1 deletion browse/static/css/arXiv.css
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/****************************************
* arXiv.org Cascading Style Sheet
* $Date: 2024/07/22 $
* $Date: 2024/07/30 $
*****************************************/
/****************************************
* General rules
Expand Down Expand Up @@ -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;
}
Expand Down Expand Up @@ -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;
Expand Down
29 changes: 29 additions & 0 deletions browse/static/css/slider.css
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
/* latest update: 7/30/2024 */

body {
margin: 0;
padding: 0;
Expand Down Expand Up @@ -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;
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 4 additions & 4 deletions browse/static/js/donate.js
Original file line number Diff line number Diff line change
@@ -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(
Expand Down
14 changes: 7 additions & 7 deletions browse/static/js/rotate_forum_info.js
Original file line number Diff line number Diff line change
@@ -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) => {
Expand Down
2 changes: 1 addition & 1 deletion browse/templates/base.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
4 changes: 2 additions & 2 deletions browse/templates/home/special-message.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
30 changes: 25 additions & 5 deletions browse/templates/user_banner.html
Original file line number Diff line number Diff line change
Expand Up @@ -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 %}
Expand All @@ -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">
Expand Down Expand Up @@ -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">
Expand All @@ -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 -%}
Loading