Component-Catalog/index.html at develop · Munich-Quantum-Software-Stack/Component-Catalog · 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
---
layout: default
title: Component Overview
---

<header class="site-header">
  <div class="header-logos">
    <a href="https://www.munich-quantum-valley.de/"
      ><img src="{{ '/assets/images/mqv.svg' | relative_url }}" alt="MQV Logo" class="header-logo"
    /></a>
    <a href="https://www.munich-quantum-valley.de/research/research-areas/mqss"
      ><img
        src="{{ '/assets/images/mqss.svg' | relative_url }}"
        alt="MQSS Logo"
        class="header-logo"
    /></a>
  </div>
  <h1 class="site-title">MQSS Component Catalog</h1>
</header>

<section class="intro-section">
  <h2 class="intro-title">Welcome to the MQSS Component Catalog</h2>
  <p class="intro-text">
    This site provides a collection of all software components that are part of the Munich Quantum
    Software Stack (MQSS). Each component is designed to work together seamlessly, offering
    comprehensive tools for quantum computing development, simulation, and optimization. Explore the
    components below to find the right tools for your needs.
  </p>
</section>

<section class="components-section">
  <h3 class="section-title">Components</h3>
  <div class="component-grid">
    {% assign comps = site.components | sort: 'stars' | reverse %} {% for component in comps %}
    <div class="component-box">
      <div class="component-header">
        <h2>{{ component.title }}</h2>
        <div class="component-links">
          {% if component.links.docs %}
          <a href="{{ component.links.docs }}" title="Documentation">Docs</a>
          {% endif %} {% if component.links.github %}
          <a href="{{ component.links.github }}" title="GitHub">GitHub</a>
          {% endif %} {% if component.links.releases %}
          <a href="{{ component.links.releases }}" title="Releases">PyPI</a>
          {% endif %} {% if component.links.github %}
          <div class="github-stars" data-repo="{{ component.links.github }}">
            <span class="stars-icon">⭐</span>
            <span class="stars-count">...</span>
          </div>
          {% endif %}
        </div>
      </div>

      <div class="component-body">{{ component.content }}</div>

      <div class="component-footer">
        <div class="component-maintainers">
          <span class="maintainers">Maintained by</span>
          {% for maintainer in component.maintainers %}
          <span class="maintainers">{{ maintainer }}</span>
          {% endfor %}
        </div>
        <div class="component-tags">
          {% for lang in component.languages %}
          <span class="tag language">{{ lang }}</span>
          {% endfor %} {% for fw in component.frameworks %}
          <span class="tag framework">{{ fw }}</span>
          {% endfor %}
        </div>
      </div>
    </div>
    {% endfor %}
  </div>
</section>