diff --git a/_templates/mission.html b/_templates/mission.html index ca8af27ddfbf80e33d2a44acb368ec8b7f3baf19..d43bad347a1f729eb9b06983748440a0fe887a5d 100644 --- a/_templates/mission.html +++ b/_templates/mission.html @@ -1,48 +1,55 @@ <div class="card bg-light mt-4 text-center"> - <div class="card-header bg-primary text-light fw-bold"> + <div class="card-header bg-primary text-light fw-bold" data-bs-toggle="collapse" href="#collapseWhy" role="button" aria-expanded="false" aria-controls="collapseWhy"> Why are we doing this? </div> - <div class="card-body"> - <p class="card-text text-dark"> - We believe in making computers open again to democratize technology and empower individuals and organizations to explore, experiment, and create without the constraints of proprietary systems. - </p> + <div id="collapseWhy" class="collapse"> + <div class="card-body"> + <p class="card-text text-dark"> + We believe in making computers open again to democratize technology and empower individuals and organizations to explore, experiment, and create without the constraints of proprietary systems. + </p> + </div> </div> </div> <div class="card bg-light mt-4 text-center"> - <div class="card-header bg-warning text-dark fw-bold"> + <div class="card-header bg-warning text-dark fw-bold" data-bs-toggle="collapse" href="#collapseWhat" role="button" aria-expanded="false" aria-controls="collapseWhat"> What are we doing? </div> - <div class="card-body"> - <p class="card-text text-dark"> - We design versatile and affordable single-board computers to provide developers, hobbyists, and educators with a platform for prototyping, experimentation, and production of embedded systems. Our comprehensive documentation, tutorials, and vibrant online community support users in their projects and foster knowledge sharing. - </p> + <div id="collapseWhat" class="collapse"> + <div class="card-body"> + <p class="card-text text-dark"> + We design versatile and affordable single-board computers to provide developers, hobbyists, and educators with a platform for prototyping, experimentation, and production of embedded systems. Our comprehensive documentation, tutorials, and vibrant online community support users in their projects and foster knowledge sharing. + </p> + </div> </div> </div> <div class="card bg-light mt-4 text-center"> - <div class="card-header bg-success text-light fw-bold"> + <div class="card-header bg-success text-light fw-bold" data-bs-toggle="collapse" href="#collapseHow" role="button" aria-expanded="false" aria-controls="collapseHow"> How are we doing it? </div> - <div class="card-body"> - <p class="card-text text-dark"> - Through open-source hardware designs, diverse software support, and active community engagement, we enable users to customize, innovate, and collaborate effortlessly in embedded computing. - </p> + <div id="collapseHow" class="collapse"> + <div class="card-body"> + <p class="card-text text-dark"> + Through open-source hardware designs, diverse software support, and active community engagement, we enable users to customize, innovate, and collaborate effortlessly in embedded computing. + </p> + </div> </div> </div> <div class="card bg-light mt-4 text-center"> - <div class="card-header bg-dark text-light fw-bold"> + <div class="card-header bg-dark text-light fw-bold" data-bs-toggle="collapse" href="#collapseSupport" role="button" aria-expanded="false" aria-controls="collapseSupport"> Support us <i class="fa-solid fa-hand-holding-dollar"></i> </div> - <div class="card-body"> - <p class="card-text text-dark"> - The BeagleBoard.org Foundation is a Michigan, USA-based 501(c)(3) non-profit corporation existing to provide education in and collaboration around the design and use of open-source software and hardware in embedded computing. - </p> - </div> - <div class="card-footer d-grid gap-2"> - <!-- <a href="https://paypal.me/beagleboard" class="btn btn-primary text-light"><i class="fa-brands fa-paypal"></i> Support via Paypal</a> --> - <a href="https://patreon.com/beagleboard" class="btn btn-danger text-light"><i class="fa-brands fa-patreon"></i> Become a Patreon</a> - <a href="https://github.com/sponsors/beagleboard" class="btn btn-dark text-light"><i class="fa-brands fa-github"></i> Sponsor on GitHub</a> + <div id="collapseSupport" class="collapse"> + <div class="card-body"> + <p class="card-text text-dark"> + The BeagleBoard.org Foundation is a Michigan, USA-based 501(c)(3) non-profit corporation existing to provide education in and collaboration around the design and use of open-source software and hardware in embedded computing. + </p> + </div> + <div class="card-footer d-grid gap-2"> + <a href="https://patreon.com/beagleboard" class="btn btn-danger text-light"><i class="fa-brands fa-patreon"></i> Become a Patreon</a> + <a href="https://github.com/sponsors/beagleboard" class="btn btn-dark text-light"><i class="fa-brands fa-github"></i> Sponsor on GitHub</a> + </div> </div> </div>