##################################
Open Ephys Miniscope Documentation 
##################################

..  grid::  

    ..  grid-item::
        :columns:   5
        :child-align:   center

        ..  image:: /_static/images/uclaminiscopev4-miniscopedaq-quick.svg

    ..  grid-item::
        :columns:   7
        :child-align:   center

        ..  image:: /_static/images/uclaminiscopev4-data-clipped.webp

******************
Miniscope Overview
******************

..  todo::  make the below card look more like the other cards wrt where the title starts (fix aspect ratio of card's image)

..
    ..  grid::  4

        ..  grid-item-card::    Miniscopes Introduction
            :link:          overview/index
            :link-type:     doc
            :link-alt:      link to description of miniscope concept 
            :img-top:       /_static/images/miniscope-hardware-software-stack.webp
            :img-alt:       image of data acquisition hardware compatible with miniscopes
            :shadow:        none
            :class-card:    card intro-card sd-border-0 text-center
            :class-title:   card-title sd-font-weight-normal
            :class-body:    card-body flex-fill
            :class-img-top:  card-img-top

            This is card content

        ..  grid-item-card::    Data Acquisition Hardware
            :link:          overview/data-acq-hardware
            :link-type:     doc
            :link-alt:      link to description of data acquisition hardware compatible with miniscopes 
            :img-top:       /_static/images/miniscope-daq.webp
            :img-alt:       image of data acquisition hardware compatible with miniscopes
            :shadow:        none
            :class-item:    hover-zoom
            :class-card:    card intro-card sd-border-0 hover-zoom text-center
            :class-title:   card-title sd-font-weight-normal
            :class-body:    card-body flex-fill
            :class-img-top:  card-img-top

            wht what

        ..  grid-item-card::    Data Acquisition Software  
            :link:          overview/data-acq-software
            :link-type:     doc
            :link-alt:      link to description of data acquisition software compatible with miniscopes
            :img-top:       /_static/images/bonsai-miniscope-logos.webp
            :img-alt:       image of data acquisition software compatible with miniscopes
            :shadow:        none
            :class-card:    card intro-card sd-border-0
..
    ..  grid-item-card::    Accessories
        :link:      overview/accessories
        :link-type: doc
        :link-alt:  link to description of accessories compatible with miniscopes
        :img-top:   /_static/images/commutator-minicam.webp
        :img-alt:   image of accessories compatible with miniscopes

.. raw:: html

    <br>
    <div class="card-columns">
        <a class="reference internal" href="ucla-miniscope-v4/quick/index.html#getting-started"><span class="std std-ref custom-card">
        <div class="card text-center intro-card">
            <img src="_static/images/running.svg" class="card-img-top" alt="hardware user guide" height="100">
            <div class="card-body d-flex flex-column">
                <h5 class="card-title">Quick Start Guide</h5>
                <p class="card-text">Learn the basic ins & outs on how to operate a miniscope.</p>
            </div>
        </div>
        <a class="reference internal" href="ucla-miniscope-v4/user/index.html"><span class="std std-ref custom-card">
        <div class="card text-center intro-card">
            <img src="_static/images/noun_books.svg" class="card-img-top" alt="user guide" height="100">
            <div class="card-body d-flex flex-column">
                <h5 class="card-title">User Guide</h5>
                <p class="card-text">Learn more in-depth about how to acquire data with miniscope tools.</p>
            </div>
        </div>
        <a class="reference internal" href="overview/index.html"><span class="std std-ref custom-card">
        <div class="card text-center intro-card">
            <img src="_static/images/noun_macbook.svg" class="card-img-top" alt="onix software guide" height="100">
            <div class="card-body d-flex flex-column">
                <h5 class="card-title">Miniscope Overview</h5>
                <p class="card-text">Learn about the miniscope concept and the surrounding ecosystem of open-source hardware and software.</p>
            </div>
        </div>
    </div>
    
.. toctree::
    :hidden:
    :titlesonly:

    overview/index
    ucla-miniscope-v4/index


..  todo::  "coming soon"