uva-math-code/index.html at master · uva-math/uva-math-code · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
---
events: true
# no layout since it's a main page with special navbar that will not be repeated
# nav_id: Home
# nav_weight: 10
# nav_nesting: true
---

<!DOCTYPE html>
<html lang="en">

<head>
  {% include main_header.html %}
</head>

<body>

<a href="#main-content" class="skip-link">Skip to main content</a>

{% include top_brand.html %}

{% include navbar.html %}

<main id="main-content">
<h1 class="visually-hidden">University of Virginia Mathematics Department</h1>
<div class="container">
  <div class="container">
    <div class="row row-offcanvas row-offcanvas-right">
      <div class="col-12 col-md-8">

        <!--
          <p>On April 22, 2025, UVa President James Ryan, along with over two hundred other college and
    university presidents, signed a <a href="https://www.aacu.org/newsroom/a-call-for-constructive-engagement">
      Call for Constructive Engagement</a> that was published on the AACU web site.

<p>
The Department of Mathematics stands with President  Ryan in opposing unprecedented government overreach
  and political interference in American higher education. As members of a public university
  and in service of democracy and the public good, we express our bedrock commitment (1) to
  academic and intellectual freedom, (2) to free and open inquiry, (3) to our core missions
  of teaching and research in pursuit of truth, (4) to the autonomy of colleges and universities
  to conduct their affairs free of undue government intrusion and the coercive use of public
  funding, and (5) to constructive engagement that will improve our institutions and serve our
  republic.</p>
        -->

            <!-- Code for the news roll -->

            <div class="jumbotron" style="padding: 12px">
            <div class="swiper-container mt-4" role="region" aria-label="News carousel" aria-roledescription="carousel" aria-live="off">
            <div class="carousel-controls-bar mt-1">
              <div class="swiper-pagination" style="position: static; width: auto;"></div>
              <div class="carousel-nav-buttons">
                <button class="carousel-btn carousel-prev" aria-label="Previous slide"><i class="fas fa-chevron-left" aria-hidden="true"></i></button>
                <button class="carousel-btn carousel-pause" aria-label="Pause carousel"><i class="fas fa-pause" aria-hidden="true"></i></button>
                <button class="carousel-btn carousel-next" aria-label="Next slide"><i class="fas fa-chevron-right" aria-hidden="true"></i></button>
              </div>
            </div>
            <div class="swiper-wrapper">
              {% assign swiper-news_counter = 0 %}
              {% for post in site.categories['news'] limit:20 %}
              {% if post.categories contains 'swiper-news' and swiper-news_counter < 6 %}
              {% assign swiper-news_id = post.id %}
              {% assign swiper-news_counter = swiper-news_counter | plus:1 %}
                <div class="swiper-slide">
                <h2 class="h4 mb-3"><a href="{{site.url }}{{ post.url }}" class="title-link">{{post.title}}</a></h2>
                {% if post.event-date != null and post.multi-day-event %}
                <p class="h5">Event start date: {{ post.event-date |  date: "%Y/%m/%d" }}</p>{%else%}<br>{% endif %}
                {% if post.event-date != null and post.multi-day-event != true %}
                <p class="h5">Event date: {{ post.event-date |  date: "%Y/%m/%d" }}</p>{%else%}<br>{% endif %}
                {% if post.image != null %}
                  {% if post.image-address != null %}<a href="{{ post.image-address | replace: '__SITE_URL__', site.url }}">{% else %}<a href="{{site.url }}{{ post.url }}">{% endif %}<img src="{{ post.image | replace: '__SITE_URL__', site.url }}" style="max-width:100%;max-height:175px;height:auto;width:auto;" alt="{{ post.image-alt | default: post.title }}" title="{{ post.image-alt | default: post.title }}"></a><br /><br />
                {% endif %}
                {% unless post.good-md %}
                <a href="{{site.url }}{{ post.url }}" class="main-roll-link d-none d-sm-inline">
                {{ post.excerpt | markdownify | strip_html | markdownify  }}
                </a>
                {% else %}
                <div class="d-none d-sm-block">{{ post.excerpt | markdownify }}
                </div>
                {% if post.more-text != null %}<a class="btn btn-secondary h5" href="{{site.url }}{{ post.url }}" style="white-space: normal" >{{ post.more-text }} &raquo;</a>{% endif %}{% include categories.html %}
                {% endunless %}
                </div>
            {% endif %}
            {% endfor %}
            </div>
            </div>
            </div>
              <!-- Swiper JS -->
              <script src="../css/swiper.min.js"></script>

              <!-- Initialize Swiper -->
              <script>
                var swiper = new Swiper('.swiper-container', {
                  spaceBetween: 30,
                  centeredSlides: true,
                  loop: true,
                  autoplay: {
                    delay: 6500,
                    disableOnInteraction: true,
                  },
                  pagination: {
                    el: '.swiper-pagination',
                    clickable: true,
                  },
                  navigation: {
                    nextEl: '.carousel-next',
                    prevEl: '.carousel-prev',
                  },
                  keyboard: {
                    enabled: true,
                    onlyInViewport: true,
                  },
                  a11y: {
                    enabled: true,
                    prevSlideMessage: 'Previous slide',
                    nextSlideMessage: 'Next slide',
                    paginationBulletMessage: 'Go to slide {% raw %}{{index}}{% endraw %}',
                  },
                  // Enable mouse wheel support (two-finger swipes on Mac)
                  mousewheel: {
                    enabled: true,
                    sensitivity: 1,
                    thresholdDelta: 50,
                    thresholdTime: 500,
                  },
                  // Enhanced touch support for mobile devices
                  touchRatio: 1,
                  touchAngle: 45,
                  simulateTouch: true,
                  allowTouchMove: true,
                  touchStartPreventDefault: false,
                  touchStartForcePreventDefault: false,
                  touchMoveStopPropagation: false,
                  // Better responsiveness for touch devices
                  longSwipes: true,
                  longSwipesRatio: 0.5,
                  longSwipesMs: 300,
                  followFinger: true,
                  shortSwipes: true,
                  threshold: 10,
                });

                // Disable autoplay if user prefers reduced motion
                var prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
                if (prefersReducedMotion) {
                  swiper.autoplay.stop();
                  document.querySelector('.swiper-container').setAttribute('aria-live', 'polite');
                }

                // Pause/Play button functionality
                var pauseBtn = document.querySelector('.carousel-pause');
                var isPlaying = !prefersReducedMotion;
                if (pauseBtn) {
                  // Update button state if autoplay was disabled due to reduced motion
                  if (!isPlaying) {
                    pauseBtn.setAttribute('aria-label', 'Play carousel');
                    pauseBtn.querySelector('i').className = 'fas fa-play';
                  }
                  pauseBtn.addEventListener('click', function() {
                    if (isPlaying) {
                      swiper.autoplay.stop();
                    } else {
                      swiper.autoplay.start();
                    }
                  });

                  // Sync button state with actual Swiper autoplay state
                  // (autoplay can stop via user interaction with disableOnInteraction: true)
                  swiper.on('autoplayStop', function() {
                    isPlaying = false;
                    pauseBtn.setAttribute('aria-label', 'Play carousel');
                    pauseBtn.querySelector('i').className = 'fas fa-play';
                    document.querySelector('.swiper-container').setAttribute('aria-live', 'polite');
                  });
                  swiper.on('autoplayStart', function() {
                    isPlaying = true;
                    pauseBtn.setAttribute('aria-label', 'Pause carousel');
                    pauseBtn.querySelector('i').className = 'fas fa-pause';
                    document.querySelector('.swiper-container').setAttribute('aria-live', 'off');
                  });
                }
              </script>

        {% assign major-news_counter = 0 %}
        {% for post in site.categories['news'] limit:10 %}
        {% if post.categories contains 'major-news' and major-news_counter == 0 %}
        {% unless post.categories contains 'swiper-news' %}
        {% assign major-news_id = post.id %}
        {% assign major-news_counter = major-news_counter | plus:1 %}
        <div class="jumbotron" style="background:#DADADA; padding: 12px">
          <h2 class="{% if post.title.size<35 %}bodoni-h2{% else %}h2{% endif %} mb-3"><a href="{{site.url }}{{ post.url }}" class="title-link">{{post.title}}</a></h2>
          {% if post.event-date != null and post.multi-day-event %}
          <p class="h5">Event start date: {{ post.event-date |  date: "%Y/%m/%d" }}</p>{%else%}<br>{% endif %}
          {% if post.event-date != null and post.multi-day-event != true %}
          <p class="h5">Event date: {{ post.event-date |  date: "%Y/%m/%d" }}</p>{%else%}<br>{% endif %}
          {% if post.image != null %}
            {% if post.image-address != null %}<a href="{{ post.image-address | replace: '__SITE_URL__', site.url }}">{% else %}<a href="{{site.url }}{{ post.url }}">{% endif %}<img src="{{ post.image | replace: '__SITE_URL__', site.url }}" style="{% if post.image-wide != true %}max-width:70%;{% else %}max-width:100%;{% endif %}max-height:400px;height:auto;width:auto;" alt="{{ post.image-alt | default: post.title }}" title="{{ post.image-alt | default: post.title }}"></a><br /><br />
          {% endif %}
          {{ post.excerpt | markdownify }}
          {% if post.more-text != null %}<a class="btn btn-secondary h5" href="{{site.url }}{{ post.url }}" style="white-space: normal">{{ post.more-text }} &raquo;</a>{% endif %}{% include categories.html %}
        </div>
        {% endunless %}
        {% endif %}
        {% endfor %}

        <div class="list-group h5 d-lg-none">
          {% include front_page_link_list.html classes="orange-item" %}
        </div>
        <div class="list-group h5 d-lg-none">
          <br />
        </div>


        {% assign usual-news-counter = 0 %}
        <div class="row zebra-md">
          {% for post in site.categories['news'] %}
          {% unless post.categories contains 'swiper-news' %}
          {% if post.id != major-news_id and post.hide-this-item != true and usual-news-counter <= 5 %}
            {% assign usual-news-counter = usual-news-counter | plus:1 %}
            <div class="col-12 col-lg-6 my-bordered-news-snippets">
              <h3 class="mb-3 mt-3"><a href="{{site.url }}{{ post.url }}" class="title-link">{{ post.title }}</a></h3>
              {% if post.image != null %}
                {% if post.image-address != null %}<a href="{{ post.image-address | replace: '__SITE_URL__', site.url }}">{% else %}<a href="{{site.url }}{{ post.url }}">{% endif %}<img src="{{ post.image | replace: '__SITE_URL__', site.url }}" alt="{{ post.image-alt | default: post.title }}" title="{{ post.image-alt | default: post.title }}" style="{% if post.image-wide != true %}max-width:70%;{% else %}max-width:100%;{% endif %};max-height:240px;height:auto;width:auto;" class="mb-3"></a>
              {% endif %}
              {% if post.event-date != null and post.multi-day-event %}
              <p class="h6">Event start date: {{ post.event-date |  date: "%Y/%m/%d" }}</p>{% endif %}
              {% if post.event-date != null and post.multi-day-event != true %}
              <p class="h6">Event date: {{ post.event-date |  date: "%Y/%m/%d" }}</p>{% endif %}
              <span class="d-none d-sm-inline">{{ post.excerpt | markdownify }}</span>
              <p>{% if post.more-text != null %}<a class="btn btn-secondary h5" href="{{site.url }}{{ post.url }}" style="white-space: normal" >{{ post.more-text }} &raquo;</a>{% endif %}{% include categories.html %}</p>
            </div><!--/span-->
          {% endif %}
          {% endunless %}
          {% endfor %}
        </div><!--/row-->

        <div class="text-right mt-3">
          <a href="{{site.url}}/allnews/" class="btn btn-secondary h5">All news and events &raquo;</a>
        </div>
      </div><!--/span-->

<!-- The main page's right menu -->

      <div class="col-10 col-md-4 sidebar-offcanvas" id="sidebar">

<!-- Link group on the right -->

        <br class="d-md-none">
        <div class="list-group h5 d-none d-lg-block">
          {% include front_page_link_list.html %}
        </div>
        <br class="d-none d-lg-block">

<!-- Unifying upcoming seminars calendar -->

        {% if page.events %}
          <h3 class="mt-4">{{ site.new_seminars_label }} (<a href="{{site.url}}/calendar/">all</a>)</h3>

          <!-- <div class="list-group-item h5 orange-item">In-person seminars are suspended until further notice due to COVID-19</div> -->
          <div style="font-size:15px; margin: 0.5cm 0cm 0cm 0cm;" class="container">
            <!-- {% include cal_main.js show_from="2014" show_to="2015" max_sem=300 max_from_cal=100 %} -->
            {% include cal_main.js current="true" max_sem=12 max_from_cal=9 %}
          </div>
        {% endif %}

      </div><!--/span-->
    </div><!--/row-->
  </div>
</div>
</main>

{% include footer.html %}

{%unless page.math == false %}{% include katex %}{%endunless%}

{% include bootjs %}

{% include google-analytics.html %}{% include UVA_fonts.html %}

</body>

</html>