intro/title-slide.html at main · Zurich-R-User-Group/intro · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<section id="$idprefix$title-slide"$for(title-slide-attributes/pairs)$ $it.key$="$it.value$"$endfor$>
  <h1 class="title">$title$</h1>
$if(subtitle)$
  <p class="subtitle">$subtitle$</p>
$endif$
  <div style="display: flex; flex-direction: column; align-items: center; margin-top: 0.1em;">
    <div style="text-align: center; margin-bottom: 0.1em;">
      <div style="display: flex; flex-direction: column; align-items: center;">
        <a href="https://zurich-r-user-group.github.io/" target="_blank" style="margin-bottom: 0.0em; text-decoration: none; font-size: 1em;">
          <i class="fa fa-earth" aria-hidden="true"></i> Website
        </a>
        <img src="assets/images/qr_website.png" alt="Website QR Code" style="width: 500px; height: auto; margin-bottom: 0.5em;">
      </div>
    </div>
    <div style="display: flex; justify-content: center; align-items: center; gap: 2em; width: 100%;">
      <a href="https://www.linkedin.com/company/zuerich-r-user-group/" target="_blank" style="font-size: 1em; text-decoration: none;">
        <i class="fa-brands fa-linkedin" aria-hidden="true"></i> LinkedIn
      </a>
      <a href="https://bsky.app/profile/ruserszurich.bsky.social" target="_blank" style="font-size: 1em; text-decoration: none;">
        <i class="fa-brands fa-bluesky" aria-hidden="true"></i> Bluesky: ruserszurich.bsky.social
      </a>
    </div>
  </div>
$for(author)$
  <p class="author">$author$</p>
$endfor$
$if(date)$
  <p class="date">$date$</p>
$endif$
</section>
<!-- Include Font Awesome CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">