{"product_id":"m5stickc-yun-hat-sht20bmp280sk6812","title":"M5StickC Yun Hat (SHT20,BMP280,SK6812)","description":"\u003cdiv style=\"\n  background: #f3f8ff;\n  border: 1px solid #cfe1ff;\n  border-left: 4px solid #1f6fe5;\n  border-radius: 8px;\n  padding: 14px 16px;\n  margin: 24px 0;\n\"\u003e\n  \u003cstrong style=\"\n    display: block;\n    color: #0d47a1;\n    font-size: 15px;\n    margin-bottom: 6px;\n  \"\u003e\n    Product Status Notice\n  \u003c\/strong\u003e\n\n  \u003cspan style=\"\n    color: #2c2c2c;\n    font-size: 14.5px;\n    line-height: 1.6;\n  \"\u003e\n    This product has been discontinued, and the units currently available for sale are from the final remaining stock. Once sold out, they will not be replenished.\n  \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* ===== Scoped Description Style ===== *\/\n.product-description.rte {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  color: #2c2c2c;\n  line-height: 1.65;\n  font-size: 16px;\n}\n\n\/* ===== Headings ===== *\/\n.product-description.rte h2 {\n  font-size: 1.8em;\n  color: #0D47A1;\n  border-left: 4px solid #1f6fe5;\n  padding-left: 12px;\n  margin-top: 32px;\n  margin-bottom: 16px;\n}\n\n\/* ===== H3 Titles Optimization ===== *\/\n.product-description.rte h3 {\n  font-size: 1.4em;\n  color: #0D47A1;\n  margin-top: 24px;\n  margin-bottom: 12px;\n  font-weight: 500;\n  padding-bottom: 6px;\n  border-bottom: 2px solid #e6e6e6;\n}\n\n\/* ===== Paragraphs ===== *\/\n.product-description.rte p {\n  margin-bottom: 20px;\n  line-height: 1.8;\n  color: #4a4f57;\n  font-size: 16px;\n}\n\n\/* ===== Paragraph Images (only in description) ===== *\/\n.product-description.rte img {\n  display: block;\n  max-width: 100%;\n  height: auto;\n  margin: 24px auto;\n  border-radius: 12px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n}\n\n\/* ===== Lists ===== *\/\n.product-description.rte ul {\n  padding-left: 20px;\n  margin-bottom: 16px;\n  list-style-type: disc;\n}\n.product-description.rte li {\n  margin-bottom: 6px;\n}\n\n\/* ===== Links ===== *\/\n.product-description.rte a {\n  color: #0288D1;\n  text-decoration: none;\n  transition: color 0.3s ease;\n}\n.product-description.rte a:hover {\n  color: #01579B;\n}\n\n\/* ===== M5Stack-style Spec Table ===== *\/\n.product-description.rte .table-container {\n  width: 100%;\n  margin: 24px 0;\n  overflow-x: auto;\n}\n.product-description.rte .table-container table {\n  width: 100%;\n  border-collapse: collapse;\n  font-family: inherit;\n  font-size: 14px;\n  color: #2c2f36;\n  background-color: #ffffff;\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);\n}\n.product-description.rte .table-container thead th {\n  background: #1f6fe5;\n  color: #ffffff;\n  padding: 14px 16px;\n  text-align: center;\n  font-weight: 600;\n  border: none;\n  vertical-align: middle;\n}\n.product-description.rte .table-container td {\n  padding: 14px 16px;\n  border-bottom: 1px solid #e6ebf2;\n  vertical-align: middle;\n}\n.product-description.rte .table-container tbody td:first-child {\n  width: 36%;\n  text-align: center;\n  font-weight: 500;\n  color: #4a4f57;\n  background-color: rgba(31, 111, 229, 0.02);\n}\n.product-description.rte .table-container tbody tr:nth-child(even) {\n  background-color: #f7f9fc;\n}\n@media (hover: hover) {\n  .product-description.rte .table-container tbody tr:hover {\n    background-color: #eef3ff;\n  }\n}\n\n\/* ===== Learn \u0026 Documents Button ===== *\/\n.product-description.rte #learn-and-documents-btn {\n  display: inline-flex;\n  align-items: center;\n  padding: 6px 14px;\n  background-color: #1f6fe5;\n  color: #ffffff;\n  font-weight: 600;\n  border-radius: 6px;\n  margin-top: 8px;\n  text-decoration: none;\n  transition: background 0.3s ease;\n}\n.product-description.rte #learn-and-documents-btn:hover {\n  background-color: #1661c1;\n}\n\n\/* ===== Responsive Design for Smaller Screens (with table adjustments) ===== *\/\n@media screen and (max-width: 768px) {\n  .product-description.rte .table-container table,\n  .product-description.rte .table-container thead,\n  .product-description.rte .table-container tbody,\n  .product-description.rte .table-container th,\n  .product-description.rte .table-container td,\n  .product-description.rte .table-container tr {\n    display: block;\n    width: 100%;\n  }\n  .product-description.rte .table-container thead {\n    display: none;\n  }\n  .product-description.rte .table-container tbody tr {\n    padding: 12px 0;\n    border-bottom: 1px solid #e6ebf2;\n  }\n  .product-description.rte .table-container tbody td {\n    padding: 8px 16px;\n    border: none;\n    text-align: left;\n  }\n  .product-description.rte .table-container tbody td:first-child {\n    width: 100%;\n    background: none;\n    color: #1f6fe5;\n    font-weight: 600;\n    padding-top: 16px;\n  }\n  .product-description.rte .table-container tbody td:last-child {\n    padding-bottom: 16px;\n    color: #2c2f36;\n    line-height: 1.6;\n  }\n\n  \/* Ensure button appears correctly on mobile *\/\n  .product-description.rte #learn-and-documents-btn {\n    font-size: 14px;\n    padding: 8px 16px;\n  }\n}\n\u003c\/style\u003e\n\u003ch2 data-id=\"Description\" id=\"description\"\u003eDescription\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eHat Yun\u003c\/strong\u003e is a cloud-shaped multifunctional environmental information collection base. It is equipped with a temperature and humidity sensor \u003cstrong\u003eSHT20\u003c\/strong\u003e, a pressure sensor \u003cstrong\u003eBMP280\u003c\/strong\u003e, a photoresistor, and 14 RGB LEDs. It features an embedded \u003cstrong\u003eSTM32F030F4\u003c\/strong\u003e control chip, providing a simple and efficient program interface. The exquisite design not only allows for precise environmental data collection but also adds a decorative effect.\u003c\/p\u003e\n\u003cp\u003eThe base is designed for M5StickC, with the same number of pins and space reserved, allowing for perfect connection with the expansion port on top of the M5StickC. The overall structure adopts a three-layer design, with the upper and lower PCB boards serving as the fixed structure and main circuit, respectively. To facilitate long-term circuit operation, an independent external power interface is also provided on the board. The middle layer is made of light-guiding acrylic, and to achieve better lighting effects, the cutting surface of the acrylic's outer contour is polished, aiming to effectively reduce light scattering when programming the lights, resulting in a more uniform and saturated lighting effect. The board embeds 2 magnets of 6 x 4.0mm and reserves 1 hook hole, allowing users to conveniently install it anywhere in their daily life.\u003c\/p\u003e\n\u003ch2 data-id=\"Features\" id=\"features\"\u003eFeatures\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eControl chip \u003cstrong\u003eSTM32F030F4\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eTemperature and humidity sensor \u003cstrong\u003eSHT20\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003ePressure sensor \u003cstrong\u003eBMP280\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003ePhotoresistor\u003c\/li\u003e\n\u003cli\u003e14 x SK6812 4020 RGB LED\u003c\/li\u003e\n\u003cli\u003eThree-layer structural design:\n\u003cul\u003e\n\u003cli\u003e1 x hook hole\u003c\/li\u003e\n\u003cli\u003e2 x 6 x 4mm embedded magnets\u003c\/li\u003e\n\u003cli\u003e1 x polished acrylic outer contour cutting surface\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eDevelopment platforms: Arduino, UIFlow (Blockly, Python)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-id=\"Includes\" id=\"includes\"\u003eIncludes\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e1 x Hat Yun\u003c\/li\u003e\n\u003cli\u003e2 x Dupont wires\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-id=\"Applications\" id=\"applications\"\u003eApplications\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eEnvironmental information collection\u003c\/li\u003e\n\u003cli\u003eSmart home decoration\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-id=\"Specifications\" id=\"specifications\"\u003eSpecifications\u003c\/h2\u003e\n\u003cdiv class=\"table-container\"\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSpecification\u003c\/th\u003e\n\u003cth\u003eParameter\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eMCU\u003c\/td\u003e\n\u003ctd\u003eSTM32F030F4P6\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCommunication Protocol\u003c\/td\u003e\n\u003ctd\u003eI2C: SHT20 (0x40), BMM280 (0x76), YUN (0x38)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eNet Weight\u003c\/td\u003e\n\u003ctd\u003e7g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGross Weight\u003c\/td\u003e\n\u003ctd\u003e15g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Size\u003c\/td\u003e\n\u003ctd\u003e75 x 55 x 5mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePackage Size\u003c\/td\u003e\n\u003ctd\u003e100 x 85 x 20mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch2\u003eLearn and Documents\u003c\/h2\u003e\n\n  → DOCUMENTS\n\n\u003c\/div\u003e","brand":"m5stack-store","offers":[{"title":"Default Title","offer_id":48172374589598,"sku":"edf1787246684376","price":11.6,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0708\/6345\/4366\/files\/m5stickc-yun-hat-sht20bmp280sk6812_1.jpg?v=1787246692","url":"https:\/\/urbanwearstore.shop\/products\/m5stickc-yun-hat-sht20bmp280sk6812","provider":"My Store","version":"1.0","type":"link"}