backup:components:carousel:glass

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

backup:components:carousel:glass [2026/07/07 12:37] – created ayushbackup:components:carousel:glass [2026/07/07 12:55] (current) – ayush
Line 199: Line 199:
  
       & h3 {       & h3 {
-        margin: 0 0 4px;            /* Reduced from 8px */+        margin: 0 0 4px;
         font-size: var(--t-title);         font-size: var(--t-title);
         font-weight: 700;         font-weight: 700;
-        letter-spacing: 0.5px;      /* Tighter tracking helps fit more on one line */ +        letter-spacing: 0.5px; 
-        line-height: 1.2;           /* Tighter line height */ +        line-height: 1.2; 
-        padding-bottom: 4px;        /* Reduced from 8px */+        padding-bottom: 4px;
         border-bottom: 1px solid rgb(255 255 255 / .25);      }         border-bottom: 1px solid rgb(255 255 255 / .25);      }
  
Line 216: Line 216:
       & .slide-btn {       & .slide-btn {
         display: inline-block;         display: inline-block;
-        /* padding: .55em 1.4em; */ 
         padding: .4em 1.2em;         padding: .4em 1.2em;
         border-radius: 999px;         border-radius: 999px;
Line 392: Line 391:
 <body> <body>
   <div class="carousel-wrapper">   <div class="carousel-wrapper">
-    <div class="swiper" id="hero-swiper">+    <div class="swiper" id="prom-swiper">
       <div class="swiper-wrapper"></div>       <div class="swiper-wrapper"></div>
       <div class="swiper-pagination"></div>       <div class="swiper-pagination"></div>
Line 429: Line 428:
        `cta` is optional — omit it for slides without a link button.        `cta` is optional — omit it for slides without a link button.
     ─────────────────────────────────────────────────────────────── */     ─────────────────────────────────────────────────────────────── */
-    const BASE = 'https://www2.meteo.uni-bonn.de/realpep/lib/exe/fetch.php?media=slideshow:';+    const BASE = 'https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=slideshow:';
  
     const slides = [     const slides = [
       {       {
-        src:   BASE + 'prepep_group_cropped.jpg',+        src:   'https://www2.meteo.uni-bonn.de/realpep/lib/exe/fetch.php?media=slideshow:prepep_group_cropped.jpg',
         alt:   'PrePEP Conference',         alt:   'PrePEP Conference',
         title: 'PrePEP Conference',         title: 'PrePEP Conference',
Line 440: Line 439:
       },       },
       {       {
-        src:   BASE + 'realpep_berlin_2024_cropped.jpg', +        src:   BASE + 'prom_leipzig_2024_slider_cropped.jpg', 
-        alt:   'RealPEP Meeting, Berlin, 2024', +        alt:   'PROM All-Hands Meeting 2024', 
-        title: 'RealPEP Meeting, Berlin 2024', +        title: 'PROM All-Hands Meeting 2024', 
-        desc:  'From 9 – 10 October 2024, the annual RealPEP Meeting took place in Berlin.', +        desc:  'The PROM All-Hands Meeting 2024 took place in Leipzig on July 24-26 2024.',
-        cta:   { href: 'https://www2.meteo.uni-bonn.de/realpep/doku.php?id=meetings:meetings', text: 'More Information' },+
       },       },
       {       {
-        src:   BASE + '1p1.jpg', +        src:   BASE + '2_sailandsnow.png', 
-        alt:   'RealPEP P1, QPE', +        alt:   'CORSIPP', 
-        title: 'RealPEP P1, QPE', +        title: 'CORSIPP', 
-        desc:  'Accurate rainfall estimation for the Ahr flooding event on 14 July 2021 combining profile corrected measurements from polarimetric radars and commercial microwave links.', +        desc:  'In the PROM sub-project CORSIPP, scientists from the University of Leipzig are exploring the orographically influenced riming of snow particles, the associated secondary ice production and its effects on precipitation rates.', 
-        cta:   { href: 'https://www2.meteo.uni-bonn.de/realpep/doku.php?id=projects:qpe', text: 'Read More' },+        cta:   { href: 'https://unileipzig.pageflow.io/in-search-of-snow-s-secrets', text: 'More Information' },
       },       },
       {       {
-        src:   BASE + '2p2.jpg', +        src:   BASE + '0_17_19_july_2023.jpg', 
-        alt:   'RealPEP P2, QPN', +        alt:   'SPP PROM All-Hands Meeting', 
-        title: 'RealPEP P2, QPN', +        title: 'SPP PROM All-Hands Meeting', 
-        desc:  'Radar-derived rainfall (left) versus nowcasted fields (right) using the new localized SPROG algorithm. SPROG-LOC improves the broadly known SPROG model with a localized approach for the autoregressive processes.', +        desc:  'The last PROM all-hands meeting took place in Kiel on 17-19 July 2023.',
-        cta:   { href: 'https://www2.meteo.uni-bonn.de/realpep/doku.php?id=projects:qpn', text: 'Read More' },+
       },       },
       {       {
-        src:   BASE + '3p3.jpg', +        src:   BASE + '16hydrocolumn_en.jpg', 
-        alt:   'RealPEP P3, QPF', +        alt:   'HydroColumn', 
-        title: 'RealPEP P3, QPF', +        title: 'HydroColumn', 
-        desc:  'The assimilation of polarimetric liquid and ice water content retrievals in Germany has a positive effect on the quality of probabilistic first-guess quantitative precipitation forecasts for the Ahrtal-flooding case in July 2021.', +        desc:  'Doppler spectra derived from new operational C-band birdbath scan indicating simultaneously occurring fast-falling rimed snow (mode 1) and slower-falling more pristine snow particles (mode 2).',
-        cta:   { href: 'https://www2.meteo.uni-bonn.de/realpep/doku.php?id=projects:qpf', text: 'Read More' },+
       },       },
       {       {
-        src:   BASE + '4p4.jpg', +        src:   BASE + '5_imprint_upscaled.png', 
-        alt:   'RealPEP P4, Hydro', +        alt:   'IMPRINT', 
-        title: 'RealPEP P4, Hydro', +        title: 'IMPRINT', 
-        desc:  'Simulations of the Ahr flooding event using two different hydrological models (GR4H and ParFlowCLM), run with several parameter values and fed with the newly developed polarimetric precipitation estimates including profile correction.', +        desc:  'First TRIPEx-pol measurement campaign combining triple-frequency radar, Doppler spectra, and polarimetry took place in winter 2018/19 in Jülich close to Cologne.',
-        cta:   { href: 'https://www2.meteo.uni-bonn.de/realpep/doku.php?id=projects:hydro', text: 'Read More' },+
       },       },
       {       {
-        src:   BASE + '5c1.jpg', +        src:   BASE + '18operationhydrometeors_en.jpg', 
-        alt:   'RealPEP C1, Infrastructure', +        alt:   'OperationHydrometeors', 
-        title: 'RealPEP C1, Infrastructure', +        title: 'OperationHydrometeors', 
-        desc:  'Reflectivities ZH and differential reflectivities ZDR measured with the C-band radar in Hannover before (left) and after (right) processing (e.g., removal of non-meteorological signals).', +        desc:  'In addition to the dominant hydrometeor type, polarimetry allows to derive hydrometeor partitioning ratios, defined as the relative mass contribution of a specific hydrometeor type.',
-        cta:   { href: 'https://www2.meteo.uni-bonn.de/realpep/doku.php?id=projects:infrastructure', text: 'Read More' },+
       },       },
       {       {
-        src:   BASE + '6.jpg', +        src:   BASE + '19police_en.jpg', 
-        alt:   'RealPEP Meeting 2022', +        alt:   'POLICE', 
-        title: 'RealPEP Meeting 2022', +        title: 'POLICE', 
-        desc:  'On 28 and 29 April 2022 the RealPEP group met in Bonn.',+        desc:  'Colocated radar and airborne in-situ measurements enable us to determine the accuracy of polarimetric microphysical retrievals. Recently developed ice water content retrievals show high correlation (0.96) and low RMSE=0.19g/m³.',
       },       },
       {       {
-        src:   BASE + '7.jpg', +        src:   BASE + '20redpol_en.jpg', 
-        alt:   'Hail Observation', +        alt:   'REDPOL', 
-        title: 'Hail Observation', +        title: 'REDPOL', 
-        desc:  'RealPEP aims at improving also the quantification and predictions of high-impact precipitation like heavy precipitation events and moderate and large hail. Source: Hail observed on 05 July 2015 in Waldbröl, Germany.',+        desc:  'Surface pressure tendency in nature run (left), after assimilation of radial wind and radar reflectivity with LETKF (middle) and with new integrated mass-flux adjustment filter (right).',
       },       },
       {       {
-        src:   BASE + '8.jpg', +        src:   BASE + '21wrad_en.jpg', 
-        alt:   'EMS Annual Meeting', +        alt:   'Phased-array Radar', 
-        title: 'EMS Annual Meeting', +        title: 'Phased-array Radar', 
-        desc:  "RealPEP and SINFONY organized a session on 'Seamless Precipitation Prediction from minutes to days' (EMS Annual Meeting 2022 in Bonn, Germany, 4–9 September 2022).", +        desc:  'Radiation diagram (3D) and cross-polar discrimination (projected) of a 4 by 4 sub-array tile of the forerunner phased-array weather radar prototype. Simulated (left) and measured results (right) at 45° scan angle.',
-        cta:   { href: 'https://meetingorganizer.copernicus.org/EMS2022/sessionprogramme/OS?cosession=626780b84df9c6-32023028-m', text: 'Read More' },+
       },       },
       {       {
-        src:   BASE + '9.jpg', +        src:   BASE + '22para_en_crop.jpg', 
-        alt:   'Flood Prediction', +        alt:   'PARA', 
-        title: 'Flood Prediction', +        title: 'PARA', 
-        desc:  'RealPEP aims at improving flood prediction for small to meso-scale catchments to mitigate risks to society and ecosystems. Source: The photo shows Bonn/Wachtberg on 20 June 2013.', +        desc:  'Ice (top) and snow contributions (bottom) to Quasi-Vertical-Profiles of reflectivity derived from BoXPol measurements assuming an exponential distribution.',
-        cta:   { href: 'https://www2.meteo.uni-bonn.de/realpep/doku.php?id=projects:qpe', text: 'Read More' },+
       },       },
       {       {
-        src:   BASE + 'flashflood.jpg', +        src:   BASE + '23ilacpr_en.jpg', 
-        alt:   'RealPEP Online Conference', +        alt:   'ILACPR', 
-        title: 'RealPEP Online Conference', +        title: 'ILACPR', 
-        desc:  "RealPEP Online Conference October 5–7, 2020: 'Precipitation and Flash Flood Prediction from Minutes to Days'. Talks now on YouTube.", +        desc:  'Simulated (left) and observed (right) cross-sections of differential reflectivity (ZDR) for a summertime convective storm on 5 July 2015.', 
-        cta:   { href: 'https://indico.scc.kit.edu/event/883/page/588-recorded-talks', text: 'Read More' },+      }, 
 +      { 
 +        src:   BASE + '24prom_icepolcka_dlr.jpg', 
 +        alt:   'IcePolCKa', 
 +        title: 'IcePolCKa', 
 +        desc:  'Combined observations from C-band and Ka-band radars (POLDIRAD and miraMACS) allow to constrain the shape and size of aggregating snow particles.', 
 +      }, 
 +      { 
 +        src:   BASE + '25pincicc.jpg', 
 +        alt:   'PICNICC', 
 +        title: 'PICNICC', 
 +        desc:  'Retrievals of riming based on vertically-pointing 94 GHz cloud radar Doppler spectra observations and 35 GHz SLDR observations during PICNICC in Punta Arenas, Sep 11, 2019.',
       },       },
     ];     ];
Line 530: Line 533:
       </div>`;       </div>`;
  
-    document.querySelector('#hero-swiper .swiper-wrapper').innerHTML =+    document.querySelector('#prom-swiper .swiper-wrapper').innerHTML =
       slides.map(renderSlide).join('');       slides.map(renderSlide).join('');
  
Line 550: Line 553:
        Swiper's own nav CSS never applies to them.        Swiper's own nav CSS never applies to them.
     ─────────────────────────────────────────────────────────────── */     ─────────────────────────────────────────────────────────────── */
-    const swiper = new Swiper('#hero-swiper', {+    const swiper = new Swiper('#prom-swiper', {
       loop:       true,       loop:       true,
       speed:      reducedMotion ? 1 : 700,       speed:      reducedMotion ? 1 : 700,
Line 590: Line 593:
        released. Avoids holding 12+ layers in memory at rest.        released. Avoids holding 12+ layers in memory at rest.
     ─────────────────────────────────────────────────────────────── */     ─────────────────────────────────────────────────────────────── */
-    const imgs = [...document.querySelectorAll('#hero-swiper .swiper-slide img')];+    const imgs = [...document.querySelectorAll('#prom-swiper .swiper-slide img')];
     const setWC = v => imgs.forEach(img => (img.style.willChange = v));     const setWC = v => imgs.forEach(img => (img.style.willChange = v));
  
Line 605: Line 608:
         : swiper.autoplay.stop(),         : swiper.autoplay.stop(),
       { threshold: 0.2 }       { threshold: 0.2 }
-    ).observe(document.getElementById('hero-swiper'));+    ).observe(document.getElementById('prom-swiper'));
   </script>   </script>
 </body> </body>
 </html> </html>
  • backup/components/carousel/glass.txt
  • Last modified: 2026/07/07 12:55
  • by ayush