projects:projects

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
projects:projects [2026/04/28 13:04] – ayushprojects:projects [2026/09/16 04:44] (current) – ayush
Line 1: Line 1:
 <html> <html>
-<head> +    <head> 
-    <style> +        <style> 
-        @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");+            .projects-page { 
 +                width: 80%; 
 +                margin: 0 auto;
  
-        /* General styling */ +                font-family: var(--font-sans, "Inter", "Roboto", sans-serif); 
-        body { +                color: #333; 
-            font-family: 'Inter', 'Roboto', sans-serif; +                line-height: 1.6;
-            width: 80%; +
-            margin: 0 auto; +
-            background-color: #f9f9f9; +
-            color: #333; +
-            line-height: 1.6; +
-        }+
  
-        h2 { +                background: transparent; 
-            font-weight: 700; +            }
-            color: #2c3e50; +
-            text-align: center; +
-            margin-bottom: 20px; +
-        }+
  
-        a { +            .projects-page__header { 
-            text-decoration: none !important; +                background: transparent; 
-        }+                border: 0; 
 +                box-shadow: none; 
 +            }
  
-        /* Tabs Navigation */ +            /* Project page title */
-        .nav-tabs { +
-            display: flex; +
-            justify-content: space-between; +
-            border-bottom: 2px solid #ddd; +
-            margin-bottom: 20px; +
-            background-color: #fff; +
-            border-radius: 8px; +
-            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); +
-            overflow: hidden; +
-        }+
  
-        .nav-tabs a { +            .dokuwiki .page .projects-page .projects-page__title { 
-            flex: 1; +                margin: 0 0 1.25rem;
-            padding: 15px 20px; +
-            text-align: center; +
-            text-decoration: none; +
-            color: #2c3e50; +
-            font-weight: 500; +
-            transition: all 0.3s ease; +
-            background-color: #f9f9f9; +
-            border-right: 1px solid #ddd; +
-            position: relative; +
-        }+
  
-        .nav-tabs a:last-child { +                color: #2c3e50;
-            border-right: none; +
-        }+
  
-        .nav-tabs a:hover { +                font-size: var(--h1-size, 2.25rem); 
-            background-color: #f0f0f0; +                font-weight: 700; 
-        }+                line-height: 1.1; 
 +                letter-spacing: normal;
  
-        .nav-tabs a.active { +                text-align: center; 
-            background-color: #3498db; +            }
-            color: #fff; +
-            border-bottom: 4px solid #2980b9; +
-            font-weight: 600; +
-        }+
  
-        .tab-content { +            /* 
-            display: none; +             * The box shrink-wraps to the natural width of the first line. 
-            padding: 30px; +             * 
-            border: 1px solid #ddd; +             * max-inline-size prevents it from ever becoming wider than the 
-            background-color: #fff; +             * available page width, so browser zoom and narrow screens naturally 
-            border-radius: 8px; +             * cause the first segment to wrap rather than overflow. 
-            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); +             */ 
-            animation: fadeIn 0.3s ease-out; +            .projects-page__title-box { 
-        }+                display: inline-grid;
  
-        .tab-content.active { +                max-inline-size: 100%;
-            display: block; +
-        }+
  
-        @keyframes fadeIn { +                text-align: center;
-            from { +
-                opacity: 0;+
             }             }
-            to { + 
-                opacity: 1;+            /* 
 +             * Both pieces occupy the same grid column. 
 +             * They are placed into consecutive rows automatically. 
 +             */ 
 +            .projects-page__title-first, 
 +            .projects-page__title-rest { 
 +                grid-column: 1; 
 + 
 +                display: block; 
 + 
 +                min-inline-size: 0; 
 + 
 +                overflow-wrap: break-word;
             }             }
-        } 
  
-        /* Lead Text */ +            /* 
-        .lead { +             * This element determines the intrinsic width of the title box. 
-            font-weight: 600; +             * 
-            font-size: 1.3em; +             * There is deliberately NO white-space: nowrap here. When sufficient 
-            color: #34495e; +             * room exists it naturally remains one line and therefore ends at 
-            margin-bottom: 20px; +             * "(PROM) –". Under heavy zoom or on a narrow screen it is free to 
-        }+             * reflow instead of forcing horizontal scrolling. 
 +             */ 
 +            .projects-page__title-first { 
 +                inline-size: auto; 
 +            }
  
-        .funding-info { +            /* 
-            font-size: 1.1em; +             * Inline-size containment prevents the longer remainder of the title 
-            font-weight: 500; +             * from making the title box wider. 
-            color: #555; +             * 
-            margin: 15px 0 30px 0; +             * It therefore wraps within the width established by the first part. 
-            line-height: 1.6; +             */ 
-        }+            .projects-page__title-rest { 
 +                inline-size: 100%;
  
-        .funding-info span { +                contain: inline-size;
-            color: #000; +
-            font-weight: 600; +
-        }+
  
-        /* Closed Project Style */ +            }
-        .closed-project a { +
-            color: #000; /* Black text for closed project links */ +
-            text-decoration: none; /* Remove underline */ +
-        }+
  
-        .closed-badge { +            .projects-page a { 
-            display: none; +                text-decoration: none !important; 
-            font-size: 0.75em; +            }
-            padding: 3px 8px; +
-            background: #E0E0E0; +
-            color: #333; +
-            border-radius: 12px; +
-            margin-left: 10px; +
-            font-weight: 600; +
-        }+
  
-        .closed-project a:hover { +            /* Tabs */
-            color: #333; +
-        }+
  
-        /* Project Items */ +            .projects-tabs { 
-        .project-container { +                display: flex; 
-            column-count: 2; +                justify-content: space-between;
-            column-gap: 20px; +
-            margin-top: 3rem; /* Little extra space under objective description */ +
-        }+
  
-        .project-item { +                margin-bottom: 1.25rem;
-            /* Added to prevent breaks inside project items - suggestion by Silke */ +
-            break-inside: avoid; +
-            page-break-inside: avoid; +
-            -webkit-column-break-inside: avoid;+
  
-            /* Main styling */ +                overflow: hidden;
-            display: flex; +
-            align-items: flex-start; +
-            margin-bottom: 25px; +
-            padding-bottom: 15px; +
-            border-bottom: 1px solid #eee; +
-            transition: all 0.2s ease; +
-        }+
  
-        .project-item:hover { +                border-bottom: 2px solid #ddd; 
-            transform: translateY(-2px); +                border-radius: 0.5rem;
-            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); +
-        }+
  
-        .project-item img { +                background: #fff;
-            width: 70px; +
-            height: 70px; +
-            border-radius: 8px; +
-            object-fit: cover; +
-            transition: all 0.2s ease; +
-        }+
  
-        .project-item img:hover { +                box-shadow: 0 2px 5px rgb(0 0 0 / 0.1); 
-            transform: scale(1.05); +            } 
-        }+ 
 +            .projects-tabs a { 
 +                position: relative;
  
-        .project-description { +                flex: 1;
-            margin-left: 20px; /* Added for spacing */ +
-            flex-grow: 1; /* Allows description to fill remaining space */ +
-            box-sizing: border-box; +
-        }+
  
-        .project-description h4 { +                padding: 0.9375rem 1.25rem;
-            margin: 0; +
-            font-size: 1.1em; +
-            color: #2980b9; +
-            font-weight: 600; +
-            transition: color 0.2s ease; +
-        }+
  
-        .project-description h4:hover { +                border-right: 1px solid #ddd;
-            color: #1abc9c; +
-        }+
  
-        .project-description p { +                background: #f9f9f9; 
-            margin: 5px 0 0; +                color: #2c3e50;
-            font-size: 0.95em; +
-            color: #7f8c8d; +
-        }+
  
-        .project-description p a { +                font-size: 1rem; 
-            color: #2980b9; +                font-weight: var(--font-weight-medium, 500); 
-            text-decoration: none; +                line-height: 1.4;
-            border-bottom: 1px solid transparent; +
-            transition: color 0.2s ease, border-bottom 0.2s ease; +
-        }+
  
-        .project-description p a:hover { +                text-align: center;
-            color: #1abc9c; +
-            border-bottom: 1px solid #1abc9c; +
-        }+
  
-        /* Mobile Specific Adjustments */ +                transition: 
-        @media (max-width: 768px) { +                    background-color 0.3s ease, 
-            .nav-tabs { +                    color 0.3s ease;
-                flex-wrap: wrap;+
             }             }
  
-            .nav-tabs a { +            .projects-tabs a:last-child { 
-                border-right: none; +                border-right: 0;
-                border-bottom: 1px solid #ddd;+
             }             }
  
-            .nav-tabs a.active { +            .projects-tabs a:hover { 
-                border-bottom: none; +                background: #f0f0f0;
-                border-radius: 8px 8px 0 0;+
             }             }
  
-            .project-container { +            .projects-tabs a.is-active { 
-                column-count: 1;+                border-bottom: 4px solid #2980b9; 
 + 
 +                background: #3498db; 
 +                color: #fff; 
 + 
 +                font-weight: var(--font-weight-semibold, 600);
             }             }
-        } 
-    </style> 
-</head> 
-<body> 
-    <div class="content-center"> 
-        <h2>Polarimetric Radar Observations meet Atmospheric Modelling (PROM) – Fusion of Radar Polarimetry and Numerical Atmospheric Modelling Towards an Improved Understanding of Cloud and Precipitation Processes</h2> 
-        <p class="funding-info"> 
-            PROM has two funding phases, some projects are included in both phases. 
-            <span>Projects in black are closed.</span> 
-        </p> 
-    </div> 
  
-    <div class="nav-tabs"> +            /* Tab panels */
-        <a href="#tab-obj_1" class="active">Objective 1<br>Process Detection</a> +
-        <a href="#tab-obj_2">Objective 2<br>Model Improvements</a> +
-        <a href="#tab-obj_3">Objective 3<br>Energy Budgets</a> +
-        <a href="#tab-obj_4">Objective 4<br>Data Assimilation</a> +
-        <a href="#tab-obj_5">Objective 5<br>Convection Initiation</a> +
-    </div>+
  
-    <!-- Objective 1: Process Detection --> +            .projects-tab-panel { 
-    <div id="tab-obj_1" class="tab-content active"> +                display: none;
-        <div class="lead">Process Detection</div> +
-        <p>Exploitation of radar polarimetry for quantitative process detection in precipitating clouds and for model evaluation.</p> +
-        <div class="project-container"> +
-            <div class="project-item"> +
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:corsipp_prom_1_abstract.png" alt="CORSIPP Thumbnail"> +
-                <div class="project-description"> +
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:corsipp">CORSIPP</a><span class="closed-badge">Closed</span></h4> +
-                    <p>Project based at University of Leipzig, Phase 2</p> +
-                </div> +
-            </div>+
  
-            <div class="project-item"> +                padding: 1.875rem;
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:fragile_fig1_2022.png" alt="FRAGILE Thumbnail"> +
-                <div class="project-description"> +
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:fragile">FRAGILE</a><span class="closed-badge">Closed</span></h4> +
-                    <p>Joint project between Ludwig-Maximilians-University of Munich (LMU), Deutscher Wetterdienst (DWD) and University of Mainz, Phase 2</p> +
-                </div> +
-            </div>+
  
-            <div class="project-item"> +                border: 1px solid #ddd; 
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:hydro_column_fig2_rime_mass.png" alt="HydroColumn Thumbnail"> +                border-radius: 0.5rem;
-                <div class="project-description closed-project"> +
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:hydrocolumn">HydroColumn</a><span class="closed-badge">Closed</span></h4> +
-                    <p>Project by Deutscher Wetterdienst (DWD); collaboration with PROM partners, Phase 1</p> +
-                </div> +
-            </div>+
  
-            <div class="project-item"> +                background: #fff;
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:icepolcka_phase1_final_1.png" alt="IcePolCKa Thumbnail"> +
-                <div class="project-description"> +
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:icepolcka">IcePolCKa</a></h4> +
-                    <p>Joint project between Ludwig-Maximilians-University of Munich (LMU) and Deutsches Zentrum für Luft- u. Raumfahrt (DLR), Phase 1 and 2</p> +
-                </div> +
-            </div>+
  
-            <div class="project-item"> +                box-shadow: 0 2px 10px rgb(0 0 0 / 0.05);
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:imprint_2023_1.png" alt="IMPRINT Thumbnail"> +
-                <div class="project-description closed-project"> +
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:imprint">IMPRINT</a><span class="closed-badge">Closed</span></h4> +
-                    <p>Joint project between Deutscher Wetterdienst (DWD) and University of Cologne, Phase 1</p> +
-                </div> +
-            </div>+
  
-            <div class="project-item"> +                animation: projects-fade-in 0.3s ease-out; 
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:ilacpr_1.png" alt="ILACPR Thumbnail"> +            }
-                <div class="project-description closed-project"> +
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:ilacpr">ILACPR</a><span class="closed-badge">Closed</span></h4> +
-                    <p>Project based at University of Bonn, Phase 1</p> +
-                </div> +
-            </div>+
  
-            <div class="project-item"> +            .projects-tab-panel.is-active { 
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:figure_02_operation_hydrometeors_2021.png" alt="Operation Hydrometeors Thumbnail"> +                display: block; 
-                <div class="project-description"> +            }
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:operation_hydrometeors">Operation Hydrometeors</a></h4> +
-                    <p>Joint project between University of Bonn and Deutscher Wetterdienst (DWD), Phase 1 and 2</p> +
-                </div> +
-            </div>+
  
-            <div class="project-item"> +            @keyframes projects-fade-in { 
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:polarcap_fig1_2022.png" alt="PolarCAP Thumbnail"> +                from { 
-                <div class="project-description"> +                    opacity: 0; 
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:polarcap">PolarCAP</a></h4> +                }
-                    <p>Project based at Leibniz Institute for Tropospheric Research (TROPOS), Phase 2</p> +
-                </div> +
-            </div>+
  
-            <div class="project-item"> +                to { 
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:piccnicc_seifert.png" alt="PICNICC Thumbnail"> +                    opacity: 1; 
-                <div class="project-description closed-project"> +                } 
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:picnicc">PICNICC</a><span class="closed-badge">Closed</span></h4> +            }
-                    <p>Joint project between Leibniz Institute for Tropospheric Research (TROPOS) and University of Leipzig, Phase 1</p> +
-                </div> +
-            </div>+
  
-            <div class="project-item"> +            /* Intro */
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:pomodori_prom_abstract.jpg" alt="POMODORI Thumbnail"> +
-                <div class="project-description"> +
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:pomodori">POMODORI</a></h4> +
-                    <p>Joint project between Ludwig-Maximilians-University of Munich (LMU) and Deutscher Wetterdienst (DWD), Phase 2</p> +
-                </div> +
-            </div>+
  
-            <div class="project-item"> +            .projects-page__lead { 
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:pristine_abstract_1.png" alt="PRISTINE Thumbnail"> +                margin-bottom: 1.25rem;
-                <div class="project-description"> +
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:pristine">PRISTINE</a></h4> +
-                    <p>Joint project between University of Cologne and Deutscher Wetterdienst (DWD), Phase 2</p> +
-                </div> +
-            </div>+
  
-            <div class="project-item"> +                color: #34495e;
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:police_grafik1.png" alt="POLICE Thumbnail"> +
-                <div class="project-description closed-project"> +
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:police">POLICE</a><span class="closed-badge">Closed</span></h4> +
-                    <p>Joint project between University of Bonn and University of Mainz, Phase 1</p> +
-                </div> +
-            </div>+
  
-            <div class="project-item"> +                font-size: 1.25rem; 
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:hella_riede_figure1.png" alt="Web-based Radar Data Portal Thumbnail"> +                font-weight: var(--font-weight-semibold, 600); 
-                <div class="project-description closed-project"> +                line-height: 1.35; 
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:web_based_radar_data_portal">Web-based Radar Data Portal</a><span class="closed-badge">Closed</span></h4> +            }
-                    <p>Project based at Deutscher Wetterdienst (DWD), Phase 1</p> +
-                </div> +
-            </div> +
-        </div> +
-    </div>+
  
-    <!-- Objective 2: Model Improvements --> +            .projects-page__funding { 
-    <div id="tab-obj_2" class="tab-content"> +                margin: 0.9375rem 0 1.875rem;
-        <div class="lead">Model Improvements</div> +
-        <p>Improvement of cloud and precipitation schemes in atmospheric models based on process fingerprints detectable in polarimetric observations.</p> +
-        <div class="project-container"> +
-            <div class="project-item"> +
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:corsipp_prom_1_abstract.png" alt="CORSIPP Thumbnail"> +
-                <div class="project-description"> +
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:corsipp">CORSIPP</a><span class="closed-badge">Closed</span></h4> +
-                    <p>Project based at University of Leipzig, Phase 2</p> +
-                </div> +
-            </div>+
  
-            <div class="project-item"> +                color: #555;
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:fragile_fig1_2022.png" alt="FRAGILE Thumbnail"> +
-                <div class="project-description"> +
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:fragile">FRAGILE</a><span class="closed-badge">Closed</span></h4> +
-                    <p>Joint project between Ludwig-Maximilians-University of Munich (LMU), Deutscher Wetterdienst (DWD) and University of Mainz, Phase 2</p> +
-                </div> +
-            </div>+
  
-            <div class="project-item"> +                font-size: 1.0625rem; 
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:imprint_2023_1.png" alt="IMPRINT Thumbnail"> +                font-weight: var(--font-weight-medium, 500); 
-                <div class="project-description closed-project"> +                line-height: 1.6; 
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:imprint">IMPRINT</a><span class="closed-badge">Closed</span></h4> +            }
-                    <p>Joint project between Deutscher Wetterdienst (DWD) and University of Cologne, Phase 1</p> +
-                </div> +
-            </div>+
  
-            <div class="project-item"> +            .projects-page__funding span { 
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:ilacpr_1.png" alt="ILACPR Thumbnail"> +                color: #000;
-                <div class="project-description closed-project"> +
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:ilacpr">ILACPR</a><span class="closed-badge">Closed</span></h4> +
-                    <p>Project based at University of Bonn, Phase 1</p> +
-                </div> +
-            </div>+
  
-            <div class="project-item"> +                font-weight: var(--font-weight-semibold, 600); 
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:figure_01_life_cycle_2021.png" alt="Life Cycle of Convective Storms Thumbnail"> +            }
-                <div class="project-description closed-project"> +
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:life_cycle_of_convective_storms">Life Cycle of Convective Storms</a></h4> +
-                    <p>Project based at Karlsruhe Institute of Technology (KIT), Phase 1</p> +
-                </div> +
-            </div>+
  
-            <div class="project-item"> +            .projects-page .is-closed a { 
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:nikolaospapaevangeloplotjuli19.png" alt="PARA Thumbnail"> +                color: #000; 
-                <div class="project-description closed-project"> +            }
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:para">PARA</a><span class="closed-badge">Closed</span></h4> +
-                    <p>Joint project between University of Bonn and University of Leipzig, Phase 1</p> +
-                </div> +
-            </div>+
  
-            <div class="project-item"> +            .projects-page .is-closed a:hover { 
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:pomodori_prom_abstract.jpg" alt="POMODORI Thumbnail"> +                color: #333; 
-                <div class="project-description"> +            }
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:pomodori">POMODORI</a></h4> +
-                    <p>Joint project between Ludwig-Maximilians-University of Munich (LMU) and Deutscher Wetterdienst (DWD), Phase 2</p> +
-                </div> +
-            </div>+
  
-            <div class="project-item"> +            .project-closed-badge { 
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:polarcap_fig1_2022.png" alt="PolarCAP Thumbnail"> +                display: none;
-                <div class="project-description"> +
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:polarcap">PolarCAP</a></h4> +
-                    <p>Project based at Leibniz Institute for Tropospheric Research (TROPOS), Phase 2</p> +
-                </div> +
-            </div>+
  
-            <div class="project-item"> +                margin-left: 0.625rem; 
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:pristine_abstract_1.png" alt="PRISTINE Thumbnail"> +                padding: 0.1875rem 0.5rem;
-                <div class="project-description"> +
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:pristine">PRISTINE</a></h4> +
-                    <p>Joint project between University of Cologne and Deutscher Wetterdienst (DWD), Phase 2</p> +
-                </div> +
-            </div>+
  
-            <div class="project-item"> +                border-radius: 0.75rem;
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:spocc_2023_1.png" alt="SPOCC Thumbnail"> +
-                <div class="project-description closed-project"> +
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:spocc">SPOCC</a><span class="closed-badge">Closed</span></h4> +
-                    <p>Project based at Leibniz Institute for Tropospheric Research (TROPOS), Phase 1</p> +
-                </div> +
-            </div> +
-        </div> +
-    </div>+
  
-    <!-- Objective 3: Energy Budgets --> +                background: #e0e0e0; 
-    <div id="tab-obj_3" class="tab-content"> +                color: #333; 
-        <div class="lead">Energy Budgets</div> + 
-        <p>Monitoring of the energy budget evolution due to phase changes in the cloudy, precipitating atmosphere for a better understanding of its dynamics.</p> +                font-size: 0.75em; 
-        <div class="project-container"> +                font-weight: var(--font-weight-semibold, 600); 
-            <div class="project-item"> +            } 
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:figure_01_life_cycle_2021.png" alt="Life Cycle of Convective Storms Thumbnail"> + 
-                <div class="project-description closed-project"> +            /* Project grid */ 
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:life_cycle_of_convective_storms">Life Cycle of Convective Storms</a><span class="closed-badge">Closed</span></h4> + 
-                    <p>Project based at Karlsruhe Institute of Technology (KIT), Phase 1</p> +            .projects-grid { 
-                </div>+                column-count: 2; 
 +                column-gap: 1.25rem; 
 + 
 +                margin-top: 3rem; 
 +            } 
 + 
 +            .project-item { 
 +                display: flex; 
 +                align-items: flex-start; 
 + 
 +                margin-bottom: 1.5625rem; 
 +                padding-bottom: 0.9375rem; 
 + 
 +                border-bottom: 1px solid #eee; 
 + 
 +                break-inside: avoid; 
 +                page-break-inside: avoid; 
 +                -webkit-column-break-inside: avoid; 
 + 
 +                transition: 
 +                    transform 0.2s ease, 
 +                    box-shadow 0.2s ease; 
 +            } 
 + 
 +            .project-item:hover { 
 +                transform: translateY(-2px); 
 + 
 +                box-shadow: 0 4px 10px rgb(0 0 0 / 0.05); 
 +            } 
 + 
 +            .project-item img { 
 +                width: 4.375rem; 
 +                height: 4.375rem; 
 + 
 +                flex: 0 0 4.375rem; 
 + 
 +                border-radius: 0.5rem; 
 + 
 +                object-fit: cover; 
 + 
 +                transition: transform 0.2s ease; 
 +            } 
 + 
 +            .project-item img:hover { 
 +                transform: scale(1.05); 
 +            } 
 + 
 +            .project-description { 
 +                min-width: 0; 
 +                flex: 1; 
 + 
 +                margin-left: 1.25rem; 
 +            } 
 + 
 +            /* 
 +             * Explicitly scoped so site-wide h4/p typography does not 
 +             * enlarge project cards. 
 +             */ 
 + 
 +            .dokuwiki .page .projects-page .project-description h4 { 
 +                margin: 0; 
 + 
 +                color: #2980b9; 
 + 
 +                font-size: 1.0625rem; 
 +                font-weight: var(--font-weight-semibold, 600); 
 +                line-height: 1.3; 
 +                letter-spacing: normal; 
 + 
 +                transition: color 0.2s ease; 
 +            } 
 + 
 +            .dokuwiki .page .projects-page .project-description h4:hover { 
 +                color: #1abc9c; 
 +            } 
 + 
 +            .dokuwiki .page .projects-page .project-description p { 
 +                margin: 0.3125rem 0 0; 
 + 
 +                color: #7f8c8d; 
 + 
 +                font-size: 0.9375rem; 
 +                font-weight: var(--font-weight-regular, 400); 
 +                line-height: 1.5; 
 +            } 
 + 
 +            .projects-page .project-description p a { 
 +                border-bottom: 1px solid transparent; 
 + 
 +                color: #2980b9; 
 + 
 +                transition: 
 +                    color 0.2s ease, 
 +                    border-bottom-color 0.2s ease; 
 +            } 
 + 
 +            .projects-page .project-description p a:hover { 
 +                border-bottom-color: #1abc9c; 
 + 
 +                color: #1abc9c; 
 +            } 
 + 
 +            /* Responsive */ 
 + 
 +            @media (max-width: 64rem) { 
 +                .projects-page { 
 +                    width: 90%; 
 +                } 
 +            } 
 + 
 +            @media (max-width: 48rem) { 
 +                .projects-page { 
 +                    width: 100%; 
 +                } 
 + 
 +                .projects-tabs { 
 +                    flex-wrap: wrap; 
 +                } 
 + 
 +                .projects-tabs a { 
 +                    border-right: 0; 
 +                    border-bottom: 1px solid #ddd; 
 +                } 
 + 
 +                .projects-tabs a.is-active { 
 +                    border-bottom: 0; 
 +                    border-radius: 0.5rem 0.5rem 0 0; 
 +                } 
 + 
 +                .projects-tab-panel { 
 +                    padding: 1.25rem; 
 +                } 
 + 
 +                .projects-grid { 
 +                    column-count: 1; 
 +                    margin-top: 2rem; 
 +                } 
 +            } 
 + 
 +            @media (max-width: 30rem) { 
 +                .projects-tabs a { 
 +                    flex-basis: 100%; 
 +                } 
 + 
 +                .project-item img { 
 +                    width: 3.75rem; 
 +                    height: 3.75rem; 
 +                    flex-basis: 3.75rem; 
 +                } 
 + 
 +                .project-description { 
 +                    margin-left: 1rem; 
 +                } 
 +            } 
 + 
 +            @media (prefers-reduced-motion: reduce) { 
 +                .projects-tab-panel { 
 +                    animation: none; 
 +                } 
 + 
 +                .project-item, 
 +                .project-item img, 
 +                .project-description h4, 
 +                .project-description p a { 
 +                    transition: none; 
 +                } 
 +            } 
 +        </style> 
 +    </head> 
 +    <body> 
 +        <main class="projects-page"> 
 +            <div class="projects-page__header"> 
 +                <h1 class="projects-page__title"> 
 +                    <span class="projects-page__title-box"> 
 +                        <span class="projects-page__title-first"> 
 +                            Polarimetric Radar Observations meet Atmospheric Modelling (PROM) – 
 +                        </span> 
 + 
 +                        <span class="projects-page__title-rest"> 
 +                            Fusion of Radar Polarimetry and Numerical Atmospheric Modelling Towards an 
 +                            Improved Understanding of Cloud and Precipitation Processes 
 +                        </span> 
 +                    </span> 
 +                </h1> 
 +                <p class="projects-page__funding"> 
 +                    PROM has two funding phases, some projects are included in 
 +                    both phases. 
 +                    <span>Projects in black are closed.</span> 
 +                </p>
             </div>             </div>
-        </div> 
-    </div> 
  
-    <!-- Objective 4: Data Assimilation --> +            <div class="projects-tabs"> 
-    <div id="tab-obj_4" class="tab-content"> +                <a href="#tab-obj_1" class="is-active" 
-        <div class="lead">Data Assimilation</div> +                    >Objective 1<br />Process Detection</a 
-        <p>Generation of precipitation system analyses by assimilation of polarimetric radar observations into atmospheric models for weather forecasting.</p> +                > 
-        <div class="project-container"> +                <a href="#tab-obj_2">Objective 2<br />Model Improvements</a> 
-            <div class="project-item"> +                <a href="#tab-obj_3">Objective 3<br />Energy Budgets</a> 
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:figure_02_operation_hydrometeors_2021.png" alt="Operation Hydrometeors Thumbnail"> +                <a href="#tab-obj_4">Objective 4<br />Data Assimilation</a> 
-                <div class="project-description"> +                <a href="#tab-obj_5">Objective 5<br />Convection Initiation</a>
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:operation_hydrometeors">Operation Hydrometeors</a></h4> +
-                    <p>Joint project between University of Bonn and Deutscher Wetterdienst (DWD), Phase 1 and 2</p> +
-                </div>+
             </div>             </div>
  
-            <div class="project-item"> +            <!-- Objective 1: Process Detection --> 
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:pristine_abstract_1.png" alt="PRISTINE Thumbnail"> +            <div id="tab-obj_1" class="projects-tab-panel is-active"> 
-                <div class="project-description"> +                <div class="projects-page__lead">Process Detection</div> 
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:pristine">PRISTINE</a></h4> +                <p> 
-                    <p>Joint project between University of Cologne and Deutscher Wetterdienst (DWD), Phase 2</p>+                    Exploitation of radar polarimetry for quantitative process 
 +                    detection in precipitating clouds and for model evaluation. 
 +                </p> 
 +                <div class="projects-grid"> 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:corsipp_prom_1_abstract.png" 
 +                            alt="CORSIPP Thumbnail" 
 +                        /> 
 +                        <div class="project-description"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:corsipp" 
 +                                    >CORSIPP</a 
 +                                ><span class="project-closed-badge" 
 +                                    >Closed</span 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Project based at University of Leipzig, Phase 2 
 +                            </p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:fragile_fig1_2022.png" 
 +                            alt="FRAGILE Thumbnail" 
 +                        /> 
 +                        <div class="project-description"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:fragile" 
 +                                    >FRAGILE</a 
 +                                ><span class="project-closed-badge" 
 +                                    >Closed</span 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Joint project between 
 +                                Ludwig-Maximilians-University of Munich (LMU), 
 +                                Deutscher Wetterdienst (DWD) and University of 
 +                                Mainz, Phase 2 
 +                            </p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:hydro_column_fig2_rime_mass.png" 
 +                            alt="HydroColumn Thumbnail" 
 +                        /> 
 +                        <div class="project-description is-closed"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:hydrocolumn" 
 +                                    >HydroColumn</a 
 +                                ><span class="project-closed-badge" 
 +                                    >Closed</span 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Project by Deutscher Wetterdienst (DWD); 
 +                                collaboration with PROM partners, Phase 1 
 +                            </p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:icepolcka_phase1_final_1.png" 
 +                            alt="IcePolCKa Thumbnail" 
 +                        /> 
 +                        <div class="project-description"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:icepolcka" 
 +                                    >IcePolCKa</a 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Joint project between 
 +                                Ludwig-Maximilians-University of Munich (LMU) 
 +                                and Deutsches Zentrum für Luft- u. Raumfahrt 
 +                                (DLR), Phase 1 and 2 
 +                            </p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:imprint_2023_1.png" 
 +                            alt="IMPRINT Thumbnail" 
 +                        /> 
 +                        <div class="project-description is-closed"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:imprint" 
 +                                    >IMPRINT</a 
 +                                ><span class="project-closed-badge" 
 +                                    >Closed</span 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Joint project between Deutscher Wetterdienst 
 +                                (DWD) and University of Cologne, Phase 1 
 +                            </p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:ilacpr_1.png" 
 +                            alt="ILACPR Thumbnail" 
 +                        /> 
 +                        <div class="project-description is-closed"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:ilacpr" 
 +                                    >ILACPR</a 
 +                                ><span class="project-closed-badge" 
 +                                    >Closed</span 
 +                                > 
 +                            </h4> 
 +                            <p>Project based at University of Bonn, Phase 1</p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:figure_02_operation_hydrometeors_2021.png" 
 +                            alt="Operation Hydrometeors Thumbnail" 
 +                        /> 
 +                        <div class="project-description"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:operation_hydrometeors" 
 +                                    >Operation Hydrometeors</a 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Joint project between University of Bonn and 
 +                                Deutscher Wetterdienst (DWD), Phase 1 and 2 
 +                            </p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:polarcap_fig1_2022.png" 
 +                            alt="PolarCAP Thumbnail" 
 +                        /> 
 +                        <div class="project-description"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:polarcap" 
 +                                    >PolarCAP</a 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Project based at Leibniz Institute for 
 +                                Tropospheric Research (TROPOS), Phase 2 
 +                            </p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:piccnicc_seifert.png" 
 +                            alt="PICNICC Thumbnail" 
 +                        /> 
 +                        <div class="project-description is-closed"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:picnicc" 
 +                                    >PICNICC</a 
 +                                ><span class="project-closed-badge" 
 +                                    >Closed</span 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Joint project between Leibniz Institute for 
 +                                Tropospheric Research (TROPOS) and University of 
 +                                Leipzig, Phase 1 
 +                            </p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:pomodori_prom_abstract.jpg" 
 +                            alt="POMODORI Thumbnail" 
 +                        /> 
 +                        <div class="project-description"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:pomodori" 
 +                                    >POMODORI</a 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Joint project between 
 +                                Ludwig-Maximilians-University of Munich (LMU) 
 +                                and Deutscher Wetterdienst (DWD), Phase 2 
 +                            </p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:pristine_abstract_1.png" 
 +                            alt="PRISTINE Thumbnail" 
 +                        /> 
 +                        <div class="project-description"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:pristine" 
 +                                    >PRISTINE</a 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Joint project between University of Cologne and 
 +                                Deutscher Wetterdienst (DWD), Phase 2 
 +                            </p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:police_grafik1.png" 
 +                            alt="POLICE Thumbnail" 
 +                        /> 
 +                        <div class="project-description is-closed"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:police" 
 +                                    >POLICE</a 
 +                                ><span class="project-closed-badge" 
 +                                    >Closed</span 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Joint project between University of Bonn and 
 +                                University of Mainz, Phase 1 
 +                            </p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:hella_riede_figure1.png" 
 +                            alt="Web-based Radar Data Portal Thumbnail" 
 +                        /> 
 +                        <div class="project-description is-closed"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:web_based_radar_data_portal" 
 +                                    >Web-based Radar Data Portal</a 
 +                                ><span class="project-closed-badge" 
 +                                    >Closed</span 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Project based at Deutscher Wetterdienst (DWD), 
 +                                Phase 1 
 +                            </p> 
 +                        </div> 
 +                    </div>
                 </div>                 </div>
             </div>             </div>
  
-            <div class="project-item"> +            <!-- Objective 2: Model Improvements --> 
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:redpol_2021_figure_1_.png" alt="REDPOL Thumbnail"> +            <div id="tab-obj_2" class="projects-tab-panel"> 
-                <div class="project-description closed-project"> +                <div class="projects-page__lead">Model Improvements</div> 
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:redpol">REDPOL</a><span class="closed-badge">Closed</span></h4> +                <p> 
-                    <p>Joint project between Ludwig-Maximilians-University of Munich (LMU) and Deutscher Wetterdienst (DWD), Phase 1</p>+                    Improvement of cloud and precipitation schemes in 
 +                    atmospheric models based on process fingerprints detectable 
 +                    in polarimetric observations. 
 +                </p> 
 +                <div class="projects-grid"> 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:corsipp_prom_1_abstract.png" 
 +                            alt="CORSIPP Thumbnail" 
 +                        /> 
 +                        <div class="project-description"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:corsipp" 
 +                                    >CORSIPP</a 
 +                                ><span class="project-closed-badge" 
 +                                    >Closed</span 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Project based at University of Leipzig, Phase 2 
 +                            </p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:fragile_fig1_2022.png" 
 +                            alt="FRAGILE Thumbnail" 
 +                        /> 
 +                        <div class="project-description"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:fragile" 
 +                                    >FRAGILE</a 
 +                                ><span class="project-closed-badge" 
 +                                    >Closed</span 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Joint project between 
 +                                Ludwig-Maximilians-University of Munich (LMU), 
 +                                Deutscher Wetterdienst (DWD) and University of 
 +                                Mainz, Phase 2 
 +                            </p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:imprint_2023_1.png" 
 +                            alt="IMPRINT Thumbnail" 
 +                        /> 
 +                        <div class="project-description is-closed"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:imprint" 
 +                                    >IMPRINT</a 
 +                                ><span class="project-closed-badge" 
 +                                    >Closed</span 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Joint project between Deutscher Wetterdienst 
 +                                (DWD) and University of Cologne, Phase 1 
 +                            </p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:ilacpr_1.png" 
 +                            alt="ILACPR Thumbnail" 
 +                        /> 
 +                        <div class="project-description is-closed"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:ilacpr" 
 +                                    >ILACPR</a 
 +                                ><span class="project-closed-badge" 
 +                                    >Closed</span 
 +                                > 
 +                            </h4> 
 +                            <p>Project based at University of Bonn, Phase 1</p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:figure_01_life_cycle_2021.png" 
 +                            alt="Life Cycle of Convective Storms Thumbnail" 
 +                        /> 
 +                        <div class="project-description is-closed"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:life_cycle_of_convective_storms" 
 +                                    >Life Cycle of Convective Storms</a 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Project based at Karlsruhe Institute of 
 +                                Technology (KIT), Phase 1 
 +                            </p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:nikolaospapaevangeloplotjuli19.png" 
 +                            alt="PARA Thumbnail" 
 +                        /> 
 +                        <div class="project-description is-closed"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:para" 
 +                                    >PARA</a 
 +                                ><span class="project-closed-badge" 
 +                                    >Closed</span 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Joint project between University of Bonn and 
 +                                University of Leipzig, Phase 1 
 +                            </p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:pomodori_prom_abstract.jpg" 
 +                            alt="POMODORI Thumbnail" 
 +                        /> 
 +                        <div class="project-description"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:pomodori" 
 +                                    >POMODORI</a 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Joint project between 
 +                                Ludwig-Maximilians-University of Munich (LMU) 
 +                                and Deutscher Wetterdienst (DWD), Phase 2 
 +                            </p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:polarcap_fig1_2022.png" 
 +                            alt="PolarCAP Thumbnail" 
 +                        /> 
 +                        <div class="project-description"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:polarcap" 
 +                                    >PolarCAP</a 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Project based at Leibniz Institute for 
 +                                Tropospheric Research (TROPOS), Phase 2 
 +                            </p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:pristine_abstract_1.png" 
 +                            alt="PRISTINE Thumbnail" 
 +                        /> 
 +                        <div class="project-description"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:pristine" 
 +                                    >PRISTINE</a 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Joint project between University of Cologne and 
 +                                Deutscher Wetterdienst (DWD), Phase 2 
 +                            </p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:spocc_2023_1.png" 
 +                            alt="SPOCC Thumbnail" 
 +                        /> 
 +                        <div class="project-description is-closed"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:spocc" 
 +                                    >SPOCC</a 
 +                                ><span class="project-closed-badge" 
 +                                    >Closed</span 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Project based at Leibniz Institute for 
 +                                Tropospheric Research (TROPOS), Phase 1 
 +                            </p> 
 +                        </div> 
 +                    </div>
                 </div>                 </div>
             </div>             </div>
-        </div> 
-    </div> 
  
-    <!-- Objective 5: Convection Initiation --> +            <!-- Objective 3: Energy Budgets --> 
-    <div id="tab-obj_5" class="tab-content"> +            <div id="tab-obj_3" class="projects-tab-panel"> 
-        <div class="lead">Convection Initiation</div> +                <div class="projects-page__lead">Energy Budgets</div> 
-        <p>Radar-based detection of the initiation of convection for the improvement of thunderstorm prediction.</p> +                <p> 
-        <div class="project-container"> +                    Monitoring of the energy budget evolution due to phase 
-            <div class="project-item"> +                    changes in the cloudy, precipitating atmosphere for a better 
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:icepolcka_phase1_final_1.png" alt="IcePolCKa Thumbnail"> +                    understanding of its dynamics. 
-                <div class="project-description"> +                </p> 
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:icepolcka">IcePolCKa</a></h4> +                <div class="projects-grid"> 
-                    <p>Joint project between Ludwig-Maximilians-University of Munich (LMU) and Deutsches Zentrum für Luft- u. Raumfahrt (DLR), Phase 1 and 2</p>+                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:figure_01_life_cycle_2021.png" 
 +                            alt="Life Cycle of Convective Storms Thumbnail" 
 +                        /> 
 +                        <div class="project-description is-closed"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:life_cycle_of_convective_storms" 
 +                                    >Life Cycle of Convective Storms</a 
 +                                ><span class="project-closed-badge" 
 +                                    >Closed</span 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Project based at Karlsruhe Institute of 
 +                                Technology (KIT), Phase 1 
 +                            </p> 
 +                        </div> 
 +                    </div>
                 </div>                 </div>
             </div>             </div>
  
-            <div class="project-item"> +            <!-- Objective 4: Data Assimilation --> 
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:fig_1_abstract_clean.jpg" alt="Phased-Array Polarimetric Doppler Weather RADar (WRAD) Thumbnail"> +            <div id="tab-obj_4" class="projects-tab-panel"> 
-                <div class="project-description closed-project"> +                <div class="projects-page__lead">Data Assimilation</div> 
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:polarimetric_phased_array_radar">Phased-Array Polarimetric Doppler Weather RADar (WRAD)</a></h4> +                <p> 
-                    <p>Joint project between Fraunhofer FHR and University of Bonn, Phase 1 and 2</p>+                    Generation of precipitation system analyses by assimilation 
 +                    of polarimetric radar observations into atmospheric models 
 +                    for weather forecasting. 
 +                </p> 
 +                <div class="projects-grid"> 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:figure_02_operation_hydrometeors_2021.png" 
 +                            alt="Operation Hydrometeors Thumbnail" 
 +                        /> 
 +                        <div class="project-description"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:operation_hydrometeors" 
 +                                    >Operation Hydrometeors</a 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Joint project between University of Bonn and 
 +                                Deutscher Wetterdienst (DWD), Phase 1 and 2 
 +                            </p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:pristine_abstract_1.png" 
 +                            alt="PRISTINE Thumbnail" 
 +                        /> 
 +                        <div class="project-description"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:pristine" 
 +                                    >PRISTINE</a 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Joint project between University of Cologne and 
 +                                Deutscher Wetterdienst (DWD), Phase 2 
 +                            </p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:redpol_2021_figure_1_.png" 
 +                            alt="REDPOL Thumbnail" 
 +                        /> 
 +                        <div class="project-description is-closed"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:redpol" 
 +                                    >REDPOL</a 
 +                                ><span class="project-closed-badge" 
 +                                    >Closed</span 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Joint project between 
 +                                Ludwig-Maximilians-University of Munich (LMU) 
 +                                and Deutscher Wetterdienst (DWD), Phase 1 
 +                            </p> 
 +                        </div> 
 +                    </div>
                 </div>                 </div>
             </div>             </div>
  
-            <div class="project-item"> +            <!-- Objective 5: Convection Initiation --> 
-                <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:redpol_2021_figure_1_.png" alt="REDPOL Thumbnail"> +            <div id="tab-obj_5" class="projects-tab-panel"> 
-                <div class="project-description closed-project"> +                <div class="projects-page__lead">Convection Initiation</div> 
-                    <h4><a href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:redpol">REDPOL</a><span class="closed-badge">Closed</span></h4> +                <p> 
-                    <p>Joint project between Ludwig-Maximilians-University of Munich (LMU) and Deutscher Wetterdienst (DWD), Phase 1</p>+                    Radar-based detection of the initiation of convection for 
 +                    the improvement of thunderstorm prediction. 
 +                </p> 
 +                <div class="projects-grid"> 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:icepolcka_phase1_final_1.png" 
 +                            alt="IcePolCKa Thumbnail" 
 +                        /> 
 +                        <div class="project-description"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:icepolcka" 
 +                                    >IcePolCKa</a 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Joint project between 
 +                                Ludwig-Maximilians-University of Munich (LMU) 
 +                                and Deutsches Zentrum für Luft- u. Raumfahrt 
 +                                (DLR), Phase 1 and 2 
 +                            </p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:fig_1_abstract_clean.jpg" 
 +                            alt="Phased-Array Polarimetric Doppler Weather RADar (WRAD) Thumbnail" 
 +                        /> 
 +                        <div class="project-description is-closed"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:polarimetric_phased_array_radar" 
 +                                    >Phased-Array Polarimetric Doppler Weather 
 +                                    RADar (WRAD)</a 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Joint project between Fraunhofer FHR and 
 +                                University of Bonn, Phase 1 and 2 
 +                            </p> 
 +                        </div> 
 +                    </div> 
 + 
 +                    <div class="project-item"> 
 +                        <img 
 +                            src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=projects:redpol_2021_figure_1_.png" 
 +                            alt="REDPOL Thumbnail" 
 +                        /> 
 +                        <div class="project-description is-closed"> 
 +                            <h4> 
 +                                <a 
 +                                    href="https://www2.meteo.uni-bonn.de/spp2115/doku.php?id=projects:redpol" 
 +                                    >REDPOL</a 
 +                                ><span class="project-closed-badge" 
 +                                    >Closed</span 
 +                                > 
 +                            </h4> 
 +                            <p> 
 +                                Joint project between 
 +                                Ludwig-Maximilians-University of Munich (LMU) 
 +                                and Deutscher Wetterdienst (DWD), Phase 1 
 +                            </p> 
 +                        </div> 
 +                    </div>
                 </div>                 </div>
             </div>             </div>
-        </div> +        </main>
-    </div>+
  
-    <script> +        <script> 
-        document.addEventListener('DOMContentLoaded', function() { +            document.addEventListener("DOMContentLoaded", function () { 
-            // Function to sort project items alphabetically +                const root = document.querySelector(".projects-page"); 
-            function sortProjects(tabContent) { +                if (!root) return;
-                const container = tabContent.querySelector('.project-container'); +
-                const projects = Array.from(container.querySelectorAll('.project-item'));+
  
-                // Sort projects based on the text content of the <a> tag inside <h4> +                function sortProjects(panel) { 
-                projects.sort((a, b) => { +                    const container = panel.querySelector(".projects-grid"); 
-                    const nameA = a.querySelector('.project-description h4 a').textContent.trim().toLowerCase(); +                    if (!container) return;
-                    const nameB = b.querySelector('.project-description h4 a').textContent.trim().toLowerCase(); +
-                    if (nameA < nameB) return -1; +
-                    if (nameA > nameB) return 1; +
-                    return 0; +
-                });+
  
-                // Clear the container +                    const projects = [ 
-                container.innerHTML = '';+                        ...container.querySelectorAll(".project-item"), 
 +                    ];
  
-                // Append sorted projects +                    projects.sort((a, b) => { 
-                projects.forEach(project => container.appendChild(project)); +                        const nameA = 
-            }+                            a 
 +                                .querySelector(".project-description h4 a") 
 +                                ?.textContent.trim() 
 +                                .toLowerCase() || ""; 
 +                        const nameB = 
 +                            b 
 +                                .querySelector(".project-description h4 a") 
 +                                ?.textContent.trim() 
 +                                .toLowerCase() || "";
  
-            // Initial sort for all tab contents +                        return nameA.localeCompare(nameB);
-            document.querySelectorAll('.tab-content').forEach(tabContent => { +
-                sortProjects(tabContent); +
-            }); +
- +
-            // Sorting on tab activation +
-            document.querySelectorAll('.nav-tabs a').forEach(tab => { +
-                tab.addEventListener('click', function(event) { +
-                    event.preventDefault(); +
-                    document.querySelectorAll('.nav-tabs a').forEach(link => { +
-                        link.classList.remove('active');+
                     });                     });
-                    tab.classList.add('active'); 
  
-                    document.querySelectorAll('.tab-content').forEach(content => { +                    projects.forEach((project) => 
-                        content.classList.remove('active'); +                        container.appendChild(project), 
-                    }); +                    ); 
-                    const activeTabContent = document.querySelector(tab.getAttribute('href')); +                }
-                    activeTabContent.classList.add('active');+
  
-                    // Sort the projects whenever a tab is activated +                root.querySelectorAll(".projects-tab-panel").forEach( 
-                    sortProjects(activeTabContent);+                    sortProjects, 
 +                ); 
 + 
 +                root.querySelectorAll(".projects-tabs a").forEach((tab) => { 
 +                    tab.addEventListener("click", function (event) { 
 +                        event.preventDefault(); 
 + 
 +                        root.querySelectorAll(".projects-tabs a").forEach( 
 +                            (link) => link.classList.remove("is-active"), 
 +                        ); 
 + 
 +                        root.querySelectorAll(".projects-tab-panel").forEach( 
 +                            (panel) => panel.classList.remove("is-active"), 
 +                        ); 
 + 
 +                        tab.classList.add("is-active"); 
 + 
 +                        const panel = root.querySelector( 
 +                            tab.getAttribute("href"), 
 +                        ); 
 +                        if (!panel) return; 
 + 
 +                        panel.classList.add("is-active"); 
 +                        sortProjects(panel); 
 +                    });
                 });                 });
             });             });
-        }); +        </script> 
-    </script> +    </body>
-</body>+
 </html> </html>
  
  • projects/projects.txt
  • Last modified: 2026/09/16 04:44
  • by ayush