Skip to content

Commit

Permalink
debug
Browse files Browse the repository at this point in the history
  • Loading branch information
@raphaelscholle
raphaelscholle committed Oct 18, 2024
1 parent 545c468 commit 9bae234
Show file tree
Hide file tree
Showing 2 changed files with 275 additions and 2 deletions.
274 changes: 274 additions & 0 deletions dev.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,274 @@
<!DOCTYPE html>
<html lang="en">

<head>
<!-- ... (rest of your head content) ... -->

<!-- Styles -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="stylesheet">
<link href="./css/bootstrap.min.css" rel="stylesheet">
<link href="./css/fontawesome-all.min.css" rel="stylesheet">
<link href="./css/aos.min.css" rel="stylesheet">
<link href="./css/swiper.css" rel="stylesheet">
<link href="./css/style.css" rel="stylesheet">

<!-- Favicon -->
<link rel="icon" href="./assets/images/favicon.png">
</head>

<body>

<!-- ... (rest of your body content) ... -->

<!-- Partners -->
<div class="slider-1 testimonial text-light d-flex align-items-center" id="partners">
<div class="container">
<div class="row">
<div class="text-center w-lg-75 m-auto pb-4">
<h2 class="py-2">Our Partners</h2>
<p class="para-light">At OpenHD, we are proud to be a non-profit organization dedicated to making
FPV (First-Person View) accessible to everyone. Our mission is made possible through a
combination of generous donations and strategic partnerships with reputable companies.</p>
</div>
</div> <!-- end of row -->
<div class="row p-2" data-aos="zoom-in">
<div class="col-lg-12">

<!-- Card Slider -->
<div class="slider-container">
<div class="swiper-container card-slider">
<div class="swiper-wrapper">

<!-- Slide -->
<div class="swiper-slide">
<div class="testimonial-card p-4">
<p>Arducam, specializes in developing cameras, crafting drivers for new image
sensors, and enhancing the FPV experience for all.</p>

<div class="d-flex pt-4">
<div>
<a href="https://www.arducam.com/openhd/">
<img class="avatar" src="./assets/images/arducam.png" alt="ArduCam">
</a>
</div>
</div>
</div>
</div> <!-- end of swiper-slide -->
<!-- end of slide -->

<!-- Slide -->
<div class="swiper-slide">
<div class="testimonial-card p-4">
<p>Radxa is known for producing single-board computers and related hardware
products. They help us with Hardware support.</p>

<div class="d-flex pt-4">
<div>
<a href="https://radxa.com/">
<img class="avatar" src="./assets/images/radxa.png" alt="Radxa">
</a>
</div>
</div>
</div>
</div> <!-- end of swiper-slide -->
<!-- end of slide -->

<!-- Slide -->
<div class="swiper-slide">
<div class="testimonial-card p-4">
<p>Veye Imaging, specializes in developing high quality cameras. They made the
first cameras fitted to outdoor usage on the RaspberryPi</p>

<div class="d-flex pt-4">
<div>
<a href="https://www.veye.cc/">
<img class="avatar" src="./assets/images/veye.png" alt="ArduCam">
</a>
</div>
</div>
</div>
</div> <!-- end of swiper-slide -->
<!-- end of slide -->

<!-- Slide -->
<div class="swiper-slide">
<div class="testimonial-card p-4">
<p>SonicModell/ZOHD is a very reputable manufacturer for model planes, they
provided us with a testing Platform for OpenHD (AR Wing Pro)</p>

<div class="d-flex pt-4">
<div>
<a href="http://www.sonicmodell.com/">
<img class="avatar" src="./assets/images/sonicmodell.png"
alt="SonicModell">
</a>
</div>
</div>
</div>
</div> <!-- end of swiper-slide -->
<!-- end of slide -->

<!-- Slide -->
<div class="swiper-slide">
<div class="testimonial-card p-4">
<p>Cloudsmith is a platform for securely storing and sharing software packages.
It hosts all OpenHD binaries and makes our updating possible. </p>

<div class="d-flex pt-4">
<div>
<a href="https://www.cloudsmith.io">
<img class="avatar" src="./assets/images/cloudsmith.png"
alt="CloudSmith">
</a>
</div>
</div>
</div>
</div> <!-- end of swiper-slide -->
<!-- end of slide -->

<!-- Slide -->
<div class="swiper-slide">
<div class="testimonial-card p-4">
<p>PcbWay, a reliable manufacturing partner, streamlines OpenHD custom hardware
prototype production, which helped us with the X20 VTX.</p>
<div class="d-flex pt-4">
<div>
<a href="https://www.pcbway.com/">
<img class="avatar" src="./assets/images/pcbway.png" alt="PcbWay">
</a>
</div>
</div>
</div>
</div> <!-- end of swiper-slide -->
<!-- end of slide -->

<!-- Slide -->
<div class="swiper-slide">
<div class="testimonial-card p-4">
<p>DigitalOcean, a reliable Webserver provider, hosts OpenHD Websites, Forum and
our Images, for worldwide availability.</p>
<div class="d-flex pt-4">
<div>
<a href="https://www.digitalocean.com">
<img class="avatar" src="./assets/images/digitalocean.png"
alt="DigitalOcean">
</a>
</div>
</div>
</div>
</div> <!-- end of swiper-slide -->
<!-- end of slide -->

<!-- Slide -->
<div class="swiper-slide">
<div class="testimonial-card p-4">
<p>StickerMule, a company that specializes in high-quality custom printing,
particularly custom stickers and labels, helps us with promotional Material.
</p>
<div class="d-flex pt-4">
<div>
<a href="https://www.stickermule.com/eu/custom-stickers">
<img class="avatar" src="./assets/images/stickermule.png"
alt="Stickermule">
</a>
</div>
</div>
</div>
</div> <!-- end of swiper-slide -->
<!-- end of slide -->

<!-- Add your additional slides here -->
<!-- For example -->
<!-- Slide -->
<div class="swiper-slide">
<div class="testimonial-card p-4">
<p>Waveshare, a company that specializes in high-quality screens and PCBs,
supports OpenHD with development hardware.</p>
<div class="d-flex pt-4">
<div>
<a href="https://www.waveshare.com">
<img class="avatar"
src="https://www.waveshare.com/media/eternal/venedor/default/logo.png"
alt="Waveshare">
</a>
</div>
</div>
</div>
</div> <!-- end of swiper-slide -->
<!-- end of slide -->

<!-- Add more slides as needed -->

</div> <!-- end of swiper-wrapper -->
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<!-- end of add arrows -->

</div> <!-- end of swiper-container -->
</div> <!-- end of slider-container -->
<!-- end of card slider -->

</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of testimonials -->

<!-- ... (rest of your content) ... -->

<!-- Scripts -->
<script src="./js/bootstrap.min.js"></script><!-- Bootstrap framework -->
<script src="./js/purecounter.min.js"></script> <!-- Purecounter counter for statistics numbers -->
<script src="./js/swiper.min.js"></script><!-- Swiper for image and text sliders -->
<script src="./js/aos.js"></script><!-- AOS on Animation Scroll -->

<!-- Added script to shuffle the slides -->
<script>
// Function to shuffle an array
function shuffle(array) {
let currentIndex = array.length, randomIndex;

// While there remain elements to shuffle...
while (currentIndex != 0) {
randomIndex = Math.floor(Math.random() * currentIndex);
currentIndex--;

// Swap it with the current element.
[array[currentIndex], array[randomIndex]] = [
array[randomIndex], array[currentIndex]];
}
return array;
}

// Shuffle the slides before Swiper initializes
document.addEventListener('DOMContentLoaded', function () {
var swiperWrapper = document.querySelector('.swiper-wrapper');
var slides = Array.from(swiperWrapper.children);
slides = shuffle(slides);

// Remove all slides
while (swiperWrapper.firstChild) {
swiperWrapper.removeChild(swiperWrapper.firstChild);
}

// Append slides in shuffled order
slides.forEach(function (slide) {
swiperWrapper.appendChild(slide);
});
});
</script>

<script src="./js/script.js"></script> <!-- Custom scripts -->

<!-- Back To Top Button -->
<button onclick="topFunction()" id="myBtn">
<img src="assets/images/up-arrow.png" alt="alternative">
</button>
<!-- end of back to top button -->

<!-- Additional scripts if any -->
<!-- ... -->

</body>

</html>
3 changes: 1 addition & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -647,15 +647,14 @@ <h2 class="py-2">Our Partners</h2>
<a href="https://www.linux-automation.com">
<img class="avatar"
src="https://www.waveshare.com/media/eternal/venedor/default/logo.png"
alt="Waveshare">
alt="Linux Automation GmbH">
</a>
</div>
</div>
</div>
</div> <!-- end of swiper-slide -->
<!-- end of slide -->
</div> <!-- end of swiper-wrapper -->

<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
Expand Down

0 comments on commit 9bae234

Please sign in to comment.