widgets.ipynb

Kernel: Python 3

ウィジェット

minicomposer

q-mini-composer(goal="minicomposer")
    .slide
        .circuit
            .autoMeasureGate
            .availableGates H X Z
            .initialCircuit
                .qubit
            .goalCircuit
                .qubit H
            .startProbabilities 0: 1, 1: 0
            .endProbabilities 0: 0.5, 1: 0.5
        .instructions first slide instructions
        .lesson this is the lesson on the first slide
        .info congratulations! 1º slide
    .slide
        .circuit
            .autoMeasureGate
            .availableGates H
            .initialCircuit
                .qubit H
                .qubit H H
            .goalCircuit
                .qubit H H
                .qubit H H
            .startProbabilities 00: 0.5, 01: 0.5, 10: 0, 11: 0
            .endProbabilities 00: 0.25, 01: 0.25, 10: 0.25, 11: 0.25
        .instructions second slide instructions
        .lesson this is the lesson on the second slide
        .info congratulations! 2º slide
    .slide
        .circuit
            .availableGates Measure Measure
            .initialCircuit
                .qubit H
                .qubit H H
            .goalCircuit
                .qubit H Measure
                .qubit H H Measure
            .startProbabilities 00: 0, 01: 0, 10: 0, 11: 0
            .endProbabilities 00: 0.5, 01: 0.5, 10: 0, 11: 0
        .instructions third slide instructions
        .lesson this is the lesson on the third slide
        .info congratulations! 3º slide
    .slide
        .circuit
            .availableGates H H Measure Measure
            .initialCircuit
                .qubit H
                .qubit H H
            .goalCircuit
                .qubit H H
                .qubit H H H Measure
            .startProbabilities 00: 0, 01: 0, 10: 0, 11: 0
            .endProbabilities 00: 0, 01: 0, 10: 0.5, 11: 0.5
        .instructions fourth slide instructions
        .lesson this is the lesson on the fourth slide
        .info congratulations! 4º slide

Carousel

q-carousel
    div.
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non libero pharetra, feugiat tortor ac, hendrerit est. Suspendisse potenti.
    div.
        Nulla vitae turpis a orci luctus gravida. Fusce scelerisque consectetur augue eget vulputate. Aenean quis velit luctus, feugiat nisl posuere.
    div.
        Maecenas ornare nunc quis viverra mollis. Vestibulum ultricies diam at venenatis sodales. Cras auctor lectus felis, nec accumsan mauris.

 

Layers circuit

q-layers-circuit

 

What is quantum volume

q-what-is-quantum-volume(goal="wiqv")

 

Drag and drop code

q-drag-and-drop-code
    .line def fib(num):
        .line if num <= 1:
            .line return num
        .line else:
            .line return fib(num - 1) + fib(num - 2)
    .result-info.md Fibonacci Sequence

Quiz

q-quiz(goal="quiz1")
    .option(x) This is the correct answer
    .option.md This is an example with math notation: $\frac{\class{qv_nh}{n_h}}{\class{qv_nc}{n_c}\class{qv_ns}{n_s}}\gt{\frac{2}{3}}$
    .option This is a multiline example: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Quiz with side text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

1. This is the correct answer

2. This is an example with math notation: ParseError: KaTeX parse error: Undefined control sequence: \class at position 7: \frac{\̲c̲l̲a̲s̲s̲{qv_nh}{n_h}}{\…

3. This is a multiline example: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

 

Try it

Binary Title

q-binary