Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions context7.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
{
"url": "https://context7.com/bitbybit-dev/bitbybit",
"public_key": "pk_4NhKT0B4Cs69OWmP0yxwz"
}
2 changes: 1 addition & 1 deletion docs/blog/2023-02-17-mixed-reality-cad.md
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ To showcase our application's capabilities, we have produced a video that depict
src="https://www.youtube.com/embed/4rqxlJcS4eU"
title="YouTube video player - Mixed Reality CAD Demo"
frameborder="0"
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>
Expand Down
2 changes: 1 addition & 1 deletion docs/blog/2024-06-07-gaussian-splatting.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ This method makes 3D models look remarkably smooth and realistic, often improvin
In the video below, we demonstrate several 3D models scanned using this technique. You can also find these examples in our Public Projects section.

<div class="responsive-video-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/rzrL01vvK_c" title="Gaussian Splatting 3D Scans on Bitbybit.dev" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/rzrL01vvK_c" title="Gaussian Splatting 3D Scans on Bitbybit.dev" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" allowfullscreen></iframe>
</div>

### Potential Use Cases
Expand Down
2 changes: 1 addition & 1 deletion docs/blog/2024-07-29-3d-bits-app-for-shopify.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ Ready to get started? Visit our listing page! 3D Bits is now available for insta
➡️ **[Install 3D Bits App for Shopify](https://apps.shopify.com/3d-bits-1)**

<div class="video-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/UwIEYWxlGQ0" title="3D Bits App For Shopify - Sell Configurable 3D Products On Your Web Stores" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/UwIEYWxlGQ0" title="3D Bits App For Shopify - Sell Configurable 3D Products On Your Web Stores" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" allowfullscreen></iframe>
</div>

### Introducing 3D Bits
Expand Down
2 changes: 1 addition & 1 deletion docs/blog/2024-11-07-threejs-support.md
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ Our main objective with these new releases is to make our CAD tools more versati
This strategic move significantly broadens our reach and aligns perfectly with our vision of an open, adaptable CAD platform that meets the diverse needs of the global 3D developer community. Now, developers can leverage Bitbybit.dev's powerful CAD functionalities within their existing ThreeJS projects, or choose between ThreeJS and BabylonJS based on their project requirements.

<div class="responsive-video-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/Ozi2sbnXjHg" title="Use THREEJS Game Engine With 3D CAD Geometry Algorithms Of BITBYBIT DEV Platform" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/Ozi2sbnXjHg" title="Use THREEJS Game Engine With 3D CAD Geometry Algorithms Of BITBYBIT DEV Platform" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" allowfullscreen></iframe>
</div>

**See it in action with ThreeJS:**
Expand Down
4 changes: 2 additions & 2 deletions docs/blog/2025-01-01-update-3d-bits-app-shopify.md
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ For the best results with assets you own, we recommend uploading them to Shopify
Here's a short tutorial that will walk you through all the steps involved to set up and use the BITBYBIT VIEWER block:

<div class="responsive-video-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/FcvQAVE1tDc" title="3D Bits App For Shopify - Tutorial Explains How To Use 3D Bits App For Shopify With BITBYBIT VIEWER Theme App Extension Block" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/FcvQAVE1tDc" title="3D Bits App For Shopify - Tutorial Explains How To Use 3D Bits App For Shopify With BITBYBIT VIEWER Theme App Extension Block" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" allowfullscreen></iframe>
</div>

### BITBYBIT PREVIEW Block
Expand All @@ -68,7 +68,7 @@ The **BITBYBIT PREVIEW** block works with a single metafield where you can paste
Here's a short tutorial that will walk you through all the steps involved to set up and use the BITBYBIT PREVIEW block:

<div class="responsive-video-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/xU5seV1NQ5o" title="3D Bits App For Shopify - Tutorial Explains How To Use 3D Bits App For Shopify With BITBYBIT PREVIEW Theme App Extension Block" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/xU5seV1NQ5o" title="3D Bits App For Shopify - Tutorial Explains How To Use 3D Bits App For Shopify With BITBYBIT PREVIEW Theme App Extension Block" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" allowfullscreen></iframe>
</div>

### Showcasing 3D Gaussian Splats
Expand Down
4 changes: 2 additions & 2 deletions docs/blog/2026-01-02-ironside-armour-use-case.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ Traditional e-commerce approaches simply couldn't deliver this experience. That'
src="https://www.youtube.com/embed/Bn74Amk2UJc"
title="Ironside Armour Pro Power Rack configurator in action"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>
Expand Down Expand Up @@ -86,7 +86,7 @@ We provided hands-on support and consulting during the initial setup. Ironside A
src="https://www.youtube.com/embed/7mqd2FLlpcU"
title="From STEP to GLTF - Convert PRO CAD 3D Models For 3D Bits Shopify App"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>
Expand Down
13 changes: 13 additions & 0 deletions docs/blog/2026-01-06-playcanvas-support.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,19 @@ We are excited to announce the release of our new open-source NPM package and ru
* GitHub: **[Bitbybit.dev Monorepo](https://github.com/bitbybit-dev/bitbybit)**
* Documentation: **[PlayCanvas Integration Guide](/learn/npm-packages/playcanvas)**

Short demo of some of the Bitbybit projects rendered via PlayCanvas:
<div class="responsive-video-container">
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/z3RFu8HTkcA"
title="PlayCanvas Support in Bitbybit CAD Parametric Design Platform"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>

### Why PlayCanvas?

PlayCanvas has established itself as a leading choice for web-based game development and interactive 3D experiences. Its entity-component architecture, visual editor, and exceptional runtime performance make it ideal for creating everything from games to product configurators. However, when it comes to precise CAD operations, parametric modeling, and industrial-grade geometry processing, developers have traditionally needed to look elsewhere.
Expand Down
2 changes: 1 addition & 1 deletion docs/learn/3d-bits/3d-assets/preparing-gltf.md
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ When you do triangulate, you’ll usually be able to choose how dense the mesh w
src="https://www.youtube.com/embed/7mqd2FLlpcU"
title="From STEP to GLTF - Convert PRO CAD 3D Models For 3D Bits Shopify App"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>
Expand Down
2 changes: 1 addition & 1 deletion docs/learn/3d-bits/intro.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ Here's a quick look at 3D Bits in action:
src="https://www.youtube.com/embed/y868HEQ8-lQ"
title="3D Bits App For Shopify Demo"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-m_edia; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-m_edia; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@ For a step-by-step visual guide on setting up the "3D Bits" app and its blocks,
src="https://www.youtube.com/embed/9l7run2qy0Q?si=j8uSScxl6ncJaX81"
title="3D Bits App For Shopify Fast Introduction"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>
Expand Down
4 changes: 2 additions & 2 deletions docs/learn/3d-bits/theme-app-extensions/bitbybit-viewer.md
Original file line number Diff line number Diff line change
Expand Up @@ -76,7 +76,7 @@ We highly recommend watching this tutorial where Matas explains how to use the V
src="https://www.youtube.com/embed/7R6ueAHGFhg"
title="3D Configurators On Shopify Product Pages with Bitbybit Viewer Editor And GLTF Assets (No Code)"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>
Expand Down Expand Up @@ -124,7 +124,7 @@ For a comprehensive step-by-step guide on setting up and using the BITBYBIT VIEW
src="https://www.youtube.com/embed/FcvQAVE1tDc"
title="Tutorial Explains How To Use 3D Bits App For Shopify With BITBYBIT VIEWER Theme App Extension Block"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ In this step-by-step tutorial, you’ll discover how to create, assign, and save
src="https://www.youtube.com/embed/s00GpQp5Qmg"
title="Change Materials, Colors, And Textures Of 3D Products On Shopify With 3D Bits App"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>
Expand Down
2 changes: 1 addition & 1 deletion docs/learn/3d-bits/tutorials/videos-tutorials/intro.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ For a fast overview of what "3D Bits" can do, check out this introductory video:
src="https://www.youtube.com/embed/9l7run2qy0Q?si=j8uSScxl6ncJaX81"
title="3D Bits App For Shopify Fast Introduction"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ Watch this step-by-step guide on how to configure and use the BITBYBIT PREVIEW b
src="https://www.youtube.com/embed/xU5seV1NQ5o"
title="Tutorial: Using 3D Bits App For Shopify With BITBYBIT PREVIEW Theme App Extension Block for 3D Scans"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ This video provides insights into working with 3D scans, particularly focusing o
src="https://www.youtube.com/embed/f3rBNesXD1s?si=RXy1E2knDpdIm6Cz"
title="Working with Gaussian Splatting 3D Scans for E-Commerce"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ This tutorial focuses on creating a Shopify product that features **customizable
src="https://www.youtube.com/embed/MMURSZ47mJI?si=ec-iC2RxBJf2LYmV"
title="Creating a Customizable 3D Text Product Configurator for Shopify"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ You will learn how to:
src="https://www.youtube.com/embed/_7CGezCqYrU?si=YRz9PerG67N3k_Xp"
title="Building a 3D Laptop Holder Product Configurator for Shopify with TypeScript"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ This tutorial takes you a step further, demonstrating how more complex Bitbybit
src="https://www.youtube.com/embed/dkOMbsQ10PI?si=ZZON7IZLSeYY2CXf"
title="Building a Parametric 3D Palm Table Configurator for Shopify Tutorial"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ We strongly encourage you to watch the video tutorial and follow along, repeatin
src="https://www.youtube.com/embed/kP8_38k8fg8?si=83S5Qvcby15TAQkd"
title="Creating 3D Product Variants on Shopify with 3D Bits App Tutorial"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>
Expand Down
2 changes: 1 addition & 1 deletion docs/learn/3d-bits/tutorials/videos-tutorials/set-up.md
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ Completing these steps will lay the foundation for integrating powerful 3D exper
src="https://www.youtube.com/embed/9jnDHb2MJ3M?si=YrwJe7sFm4_N2ZBH"
title="Setting Up 3D Bits E-Commerce Solution for Shopify - Installation and Initial Configuration"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>
Expand Down
2 changes: 1 addition & 1 deletion docs/learn/3d-bits/tutorials/videos-tutorials/settings.md
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ By the end of this tutorial, you should feel confident in configuring the "3D Bi
src="https://www.youtube.com/embed/BAA-qDBxCAk?si=bdkTOh-Q9SDYdP_Q"
title="Configuring Settings for the 3D Bits Shopify App"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ That’s why it’s essential to choose an efficient workflow for converting STE
src="https://www.youtube.com/embed/7mqd2FLlpcU"
title="From STEP to GLTF - Convert PRO CAD 3D Models For 3D Bits Shopify App"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ Watch the video below to see how to use the Viewer Editor and the BITBYBIT VIEWE
src="https://www.youtube.com/embed/B0N3l5Zl5fw"
title="No-Code 3D Scanned Plant Configurators on Shopify with Bitbybit Viewer Editor and Gaussian Splats"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ Watch Matas Ubarevičius demonstrate how to use the Viewer Editor and the BITBYB
src="https://www.youtube.com/embed/7R6ueAHGFhg"
title="No-Code 3D Configurators on Shopify Product Pages with Bitbybit Viewer Editor and GLTF Assets"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ You will learn how to:
src="https://www.youtube.com/embed/FcvQAVE1tDc"
title="Tutorial: Using 3D Bits App For Shopify With BITBYBIT VIEWER Theme App Extension Block for 3D Scans"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>
Expand Down
2 changes: 1 addition & 1 deletion docs/learn/getting-started/basics/scripts/search-public.md
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@ Learn more about how the search feature works by watching this video tutorial:
src="https://www.youtube.com/embed/m4cDaCQp23w"
title="Video that introduces search feature"
frameBorder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowFullScreen
></iframe>
</div>
2 changes: 1 addition & 1 deletion docs/learn/getting-started/configurators.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ The video below demonstrates one of our configurators. This particular one (Arab
src="https://www.youtube.com/embed/lNOjdCV5sbI"
title="Video of Arabic Archway Configurator"
frameBorder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowFullScreen
></iframe>
</div>
Expand Down
2 changes: 1 addition & 1 deletion docs/learn/getting-started/viewer-editor/intro.md
Original file line number Diff line number Diff line change
Expand Up @@ -108,7 +108,7 @@ Learn how to build an interactive 3D chair configurator using the Viewer Editor
src="https://www.youtube.com/embed/7R6ueAHGFhg"
title="3D Configurators On Shopify Product Pages with Bitbybit Viewer Editor And GLTF Assets (No Code)"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
allowfullscreen>
</iframe>
</div>
Expand Down
Loading