qce26-tutorial.github.io/index.html at main · munich-quantum-software/qce26-tutorial.github.io · 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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Practical integration of cloud-based quantum resources via QDMI into HPC–QC stacks.">
    <title>QDMI into HPC–QC Stacks | QCE26 Tutorial</title>
    <link rel="stylesheet" href="./styles.css">
    <script src="./script.js" defer></script>
  </head>
  <body>
    <header class="site-header">
      <div class="container header-inner">
        <a class="brand" href="./index.html" aria-label="QCE26 Tutorial home">
          <span class="brand-mark" aria-hidden="true">QDMI</span>
          <span>QCE26 Tutorial</span>
        </a>

        <button class="nav-toggle" type="button" aria-expanded="false" aria-controls="site-navigation">
          <span class="sr-only">Toggle navigation</span>
          <span aria-hidden="true">Menu</span>
        </button>

        <nav id="site-navigation" class="site-nav" aria-label="Primary navigation">
          <a href="#agenda">Agenda</a>
          <a href="#information">Additional Information</a>
          <a class="nav-link-subtle" href="https://github.com/munich-quantum-software/amazon-braket-qdmi-device">Repository</a>
        </nav>
      </div>
    </header>

    <main>
      <section class="hero" aria-labelledby="page-heading">
        <div class="container hero-grid">
          <div class="hero-copy">
            <p class="eyebrow">QCE26 tutorial / Hands-on session</p>
            <h1 id="page-heading">Practical integration of cloud-based quantum resources.</h1>
          </div>
          <div class="hero-side">
            <div class="hero-panel" aria-label="Tutorial format">
              <span class="panel-label">Tutorial format</span>
              <strong>Two 90-minute sessions</strong>
              <span class="panel-line" aria-hidden="true"></span>
              <span class="panel-note">Slides, live demonstrations, and guided hands-on participation.</span>
            </div>
            <p class="hero-text">Learn how QDMI connects familiar HPC tooling with heterogeneous quantum backends in the cloud, from frontend programs to scheduler-driven execution.</p>
            <a class="button" href="#agenda">View the agenda <span aria-hidden="true">→</span></a>
          </div>
        </div>
      </section>

      <section id="agenda" class="section" aria-labelledby="agenda-heading">
        <div class="container">
          <div class="section-heading">
            <div>
              <p class="eyebrow">01 / Overview</p>
              <h2 id="agenda-heading">Tutorial agenda</h2>
            </div>
          </div>

          <div class="agenda-grid">
            <article class="agenda-card"><span class="card-number">1.1 / 00–30 MIN</span><h3>TBD</h3><p>TBD</p></article>
            <article class="agenda-card"><span class="card-number">1.2 / 30–60 MIN</span><h3>TBD</h3><p>TBD</p></article>
            <article class="agenda-card"><span class="card-number">1.3 / 60–90 MIN</span><h3>TBD</h3><p>TBD</p></article>
            <div class="agenda-break"><span>Coffee break</span></div>
            <article class="agenda-card"><span class="card-number">2.1 / 00–30 MIN</span><h3>TBD</h3><p>TBD</p></article>
            <article class="agenda-card"><span class="card-number">2.2 / 30–60 MIN</span><h3>TBD</h3><p>TBD</p></article>
            <article class="agenda-card"><span class="card-number">2.3 / 60–90 MIN</span><h3>TBD</h3><p>TBD</p></article>
          </div>
        </div>
      </section>

      <section id="information" class="section section-muted" aria-labelledby="information-heading">
        <div class="container info-grid">
          <div>
            <p class="eyebrow">02 / Information</p>
            <h2 id="information-heading">Target audience</h2>
          </div>
          <div class="info-copy">
            <p>The tutorial is aimed primarily at quantum software developers, followed by HPC practitioners, compiler researchers, and application scientists who want to integrate and use cloud-based quantum resources within large HPC–QC stacks. In particular, attendees interested in middleware, compilation, runtime systems, and workflow orchestration. The expected background is limited to familiarity with basic quantum programming concepts. Knowledge of OpenQASM, cloud service SDKs, hybrid workflows, clusters, or batch schedulers is helpful but not required.</p>
            <a class="text-link" href="https://github.com/munich-quantum-software/amazon-braket-qdmi-device">Find out more about the Amazon Braket QDMI Device<span aria-hidden="true">↗</span></a>
          </div>
        </div>
      </section>
    </main>

    <footer class="site-footer">
      <div class="container footer-inner">
        <p>QCE26 Tutorial · Practical Integration of Cloud-based Quantum Resources via QDMI into HPC–QC Stacks</p>
      </div>
    </footer>
  </body>
</html>