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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
---
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 mqv-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">MQV Component Catalog</h1>
</header>

<section class="intro-section">
  <h2 class="intro-title">Welcome to the MQV Component Catalog</h2>
  <p class="intro-text">
    This site provides a collection of all software components that are part of the Munich Quantum
    Valley (MQV). Individual components target a variety of open problems in quantum computing,
    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-wrapper">
        {% if component.mqss == 1 %}
        <img
          class="mqss-badge"
          src="{{ '/assets/images/mqss-icon.svg?v=2' | relative_url }}"
          width="22"
          height="22"
          alt="MQSS Integrated"
          title="MQSS Integrated"
        />
        {% endif %}
        <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>

      <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 }}{% unless forloop.last %},{% endunless %}</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>