Align lecture site style and top links with DSfEM WS25

Author: PhilippPelz

_quarto.yml

@@ -6,6 +6,10 @@ execute:
 
 format:
   html:
+    css: styles.css
+    fontsize: 14pt
+    email-obfuscation: javascript
+    theme: darkly
     toc: true
     comments:
       hypothesis: true

images/eclipse_header.png

@@ -43,6 +43,29 @@ execute:
   eval: false
 ---
 
+<<<<<<< Updated upstream
+=======
+
+:::: {.columns}
+
+::: {.column width="50%"}
+[![](images/eclipse_header.png){width=300}](https://pelzlab.science)
+:::
+
+::: {.column width="25%"}
+[![](images/github.jpeg){width=120}](https://github.com/ECLIPSE-Lab/MachineLearningForCharacterizationAndProcessing)
+
+**Github Code**
+:::
+
+::: {.column width="25%"}
+[![](images/studon.jpeg){width=120}](https://www.studon.fau.de/)
+
+**Studon Link**
+:::
+
+::::
+>>>>>>> Stashed changes
 # Machine Learning in Materials Processing & Characterization
 
 **5th Semester – 5 ECTS · 2h lecture + 2h exercises per week**  

images/github.jpeg

@@ -0,0 +1,62 @@
+/* css styles */
+.hero {
+  max-width: 700px;
+  
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 50px;
+  display: block;
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+
+.hero2 {
+  font-size: medium;
+  margin-bottom: 50px;
+}
+
+.splide__slide img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.quarto-title-block {
+  background-color: #000000;
+}
+.quarto-title-banner {
+  background-color: #000000;
+}
+.quarto-about-jolla p.subtitle {
+ text-align: center;
+}
+
+.card-other-values {
+  margin-bottom: 0;
+}
+
+.quarto-grid-item .card-other-values tr > td:first-of-type {
+    font-weight: 600;
+    padding-right: 0;
+    padding-left: 0;
+    vertical-align: top;
+    width: 50%;
+}
+
+.pub-list a.btn {
+  font-size: 80%;
+  border-radius: 4px;
+  border: 1px solid black;
+  margin-top: 0.5rem;
+  margin-bottom: 1.5rem;
+  margin-right: 0.2rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
+iframe.slide-deck {
+  border: 3px solid #dee2e6;
+  width: 100%;
+  height: 475px;
+}