2
0
mirror of https://github.com/inventree/inventree-website.git synced 2025-06-12 18:15:34 +00:00
This commit is contained in:
matmair
2022-08-09 23:12:45 +00:00
parent cd7cfd8819
commit e228079b4f
27 changed files with 480 additions and 207 deletions

View File

@ -55,202 +55,248 @@
</div>
</header> <article>
<h2>InvenTree Mobile App</h2>
<p>The InvenTree Mobile App brings stock control to your pocket. Integrating seamlessly with the <a href="../extend/api.md">InvenTree API</a>, the app provides immediate access to inventory data without requiring physical access to a computer.</p>
<p>Native barcode support provides a multitude of context-sensitive stock control actions, allowing streamlined inventory management at your fingertips. The app has been optimized for speed, providing instant access to stock knowledge and handy on-site functionality.</p>
<section id="image-carousel" class="splide">
<div class="splide__track">
<ul class="splide__list" style="list-style-type: none; list-style: none;">
</header> <section class="cm-gray-2 body-font">
<div class="container mx-auto flex px-5 py-24 md:flex-row flex-col items-center">
<div class="lg:flex-grow md:w-1/2 lg:pr-24 md:pr-16 flex flex-col md:items-start md:text-left mb-16 md:mb-0 items-center text-center">
<h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium cm-gray-1">Mobile stock control
<br class="hidden lg:inline-block">in the
<span class="bg-clip-text text-transparent bg-gradient-to-r from-primary to-secondary">palm of your hand</span>
</h1>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_1.png" alt="">
</li>
<p class="mb-8 leading-relaxed">The InvenTree Mobile App brings stock control to your pocket. Integrating seamlessly with the InvenTree API, the app provides immediate access to inventory data wherever you are.</p>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_10.jpg" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_11.jpg" alt="">
</li>
</div>
<div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6">
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_12.jpg" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_13.jpg" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_14.jpg" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_15.png" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_2.jpg" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_3.jpg" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_4.jpg" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_5.jpg" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_6.jpg" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_7.jpg" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_8.jpg" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_9.jpg" alt="">
</li>
</ul>
<section id="image-carousel" class="splide">
<div class="splide__track">
<ul class="splide__list" style="list-style-type: none; list-style: none;">
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_1.png" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_10.jpg" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_11.jpg" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_12.jpg" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_13.jpg" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_14.jpg" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_15.png" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_2.jpg" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_3.jpg" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_4.jpg" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_5.jpg" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_6.jpg" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_7.jpg" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_8.jpg" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/appgallery/screen_9.jpg" alt="">
</li>
</ul>
</div>
</section>
</div>
</div>
</section>
<script>
document.addEventListener( 'DOMContentLoaded', function () {
new Splide('#image-carousel', {
type: 'loop',
perPage: 3,
autoPlay: true,
pagination: false,
// pagination: false,
// focus: 'center',
}).mount();
});
</script>
document.addEventListener( 'DOMContentLoaded', function () {
new Splide('#image-carousel', {
type: 'loop',
perMove: 1,
perPage: 3,
autoPlay: true,
pagination: false,
}).mount();
});
</script>
<p>Native barcode support provides a multitude of context-sensitive stock control actions, allowing streamlined inventory management at your fingertips. The app has been optimized for speed, providing instant access to stock knowledge and handy on-site functionality.</p>
<h3 id="features">Features</h3>
@ -275,8 +321,6 @@ document.addEventListener( 'DOMContentLoaded', function () {
<p>Mobile app documentation can be found on the <a href="https://inventree.readthedocs.io/en/latest/app/app/">InvenTree documentation site</a>.</p>
</article>
</div>
<div class="flex-grow"></div>