Differences

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

--- partials:homepage:hero [2026/09/18 21:22] – created ayush
+++ partials:homepage:hero [2026/09/18 21:32] (current) – ayush
@@ Line 1: / Line 1: @@
-\\
+<html>
+<style>
+.spp-hero {
+  width: 70%;
+  margin: 2rem auto;
+  text-align: center;
+}
-<WRAP tablewidth 70% center centeralign>
+.spp-hero__title {
+  margin-bottom: 2rem;
+  font-size: 1.8em;
+  line-height: 1.45;
+}
-<text type="primary" size="1.8em" align="center">Polarimetric Radar Observations meet Atmospheric Modelling (PROM) – \\ Fusion of Radar Polarimetry and Numerical Atmospheric Modelling Towards an Improved Understanding of Cloud and Precipitation Processes</text>
+.spp-hero__logos {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  align-items: center;
+  gap: 2rem;
+}
-</WRAP>
+.spp-hero__logos img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  margin: auto;
+}
-<WRAP tablewidth 70% center centeralign>
+.spp-hero__logos img:nth-child(1) {
+  width: 270px;
+}
-\\
+.spp-hero__logos img:nth-child(2) {
+  width: 300px;
+}
-<grid>
+.spp-hero__logos img:nth-child(3) {
-<col lg="4" md="4" sm="12">{{:add:dfg_priority_2115_prom.jpeg?direct&270}}</col>
+  width: 250px;
-<col lg="4" md="4" sm="12">{{:add:dfg_logo.png?direct&300}}</col>
+}
-<col lg="4" md="4" sm="12">{{:add:cpex-lab.png?direct&250}}</col>
-</grid>
-</WRAP>
+@media (max-width: 767px) {
+  .spp-hero {
+    width: calc(100% - 2rem);
+  }
-<WRAP clear> </WRAP>
+  .spp-hero__logos {
+    grid-template-columns: 1fr;
+  }
+}
+</style>
+<section class="spp-hero">
+  <div class="spp-hero__title text-primary">
+    Polarimetric Radar Observations meet Atmospheric Modelling (PROM) –
+    <br>
+    Fusion of Radar Polarimetry and Numerical Atmospheric Modelling Towards an Improved Understanding of Cloud and Precipitation Processes
+  </div>
+  <div class="spp-hero__logos">
+    <img
+      src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=add:dfg_priority_2115_prom.jpeg"
+      alt="DFG Priority Programme 2115 PROM"
+    >
+    <img
+      src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=add:dfg_logo.png"
+      alt="Deutsche Forschungsgemeinschaft"
+    >
+    <img
+      src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=add:cpex-lab.png"
+      alt="CPEX-LAB"
+    >
+  </div>
+</section>
+</html>