1<!DOCTYPE html> 2<html lang="en" class=" h-full scroll-smooth"> 3<head> 4 <meta name="viewport" content="width=device-width,initial-scale=1"> 5
5<script> 6 (function () { 7 var query = window.matchMedia("(prefers-color-scheme: dark)") 8 var apply = function () { document.documentElement.classList.toggle("dark", query.matches) } 9 apply() 10 query.addEventListener("change", apply) 11 })() 12 </script>
12 13 14 <link rel="ai-catalog" href="/.well-known/ai-catalog.json" type="application/ai-catalog+json"> 15 <link rel="llms-txt" href="/llms.txt" type="text/markdown"> 16 <meta name="facebook-domain-verification" content="58jbwwldbmcc3pmlcsbue4srsb6fp7"> 17 <meta name="msvalidate.01" content="AD1720C9C30512032BBC271E6E59C736"> 18 <link rel="preconnect" href="https://www.googletagmanager.com"> 19 <link rel="preconnect" href="https://www.google.com">
vendor: 68 bytes, lines 19-20
19 20 <script async src="https://www.googletagmanager.com/gtag/js?id=
20AW-980577593
vendor: 14 bytes, lines 20-21
20"></script> 21
21<script> 22
vendor: 139 bytes, lines 22-25
22window.dataLayer = window.dataLayer || []; 23 function gtag(){dataLayer.push(arguments);} 24 gtag('js', new Date()); 25 gtag('config', '
25AW-980577593
vendor: 6 bytes, lines 25-26
25'); 26
26</script>
26 27 28 <title>Your Cart | Little Bird Electronics</title> 29<meta name="title" content="Your Cart | Little Bird Electronics"> 30<meta name="description" content="Australian electronics retailer â maker kits, sensors, single-board computers, and STEM education products. Fast shipping Australia-wide."> 31<meta property="og:type" content="website"> 32<meta property="og:url" content="https://littlebirdelectronics.com.au/cart"> 33<meta property="og:title" content="Your Cart | Little Bird Electronics"> 34<meta property="og:description" content="Australian electronics retailer â maker kits, sensors, single-board computers, and STEM education products. Fast shipping Australia-wide."> 35<meta property="og:image" content="https://littlebirdelectronics.com.au/assets/opengraph-9310268e.png"> 36<meta name="twitter:card" content="summary"> 37<meta name="twitter:site" content="@lbhq"> 38<meta name="twitter:title" content="Your Cart | Little Bird Electronics"> 39<meta name="twitter:description" content="Australian electronics retailer â maker kits, sensors, single-board computers, and STEM education products. Fast shipping Australia-wide."> 40<meta name="twitter:image" content="https://littlebirdelectronics.com.au/assets/opengraph-9310268e.png"> 41 <link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32"> 42<link rel="apple-touch-icon" href="/apple-touch-icon.png"> 43<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#2d89ef"> 44<link rel="manifest" href="/site.webmanifest"> 45<meta name="msapplication-TileColor" content="#ffffff"> 46<meta name="msapplication-TileImage" content="/mstile-150x150.png"> 47<meta name="msapplication-config" content="/browserconfig.xml"> 48<meta name="application-name" content="Little Bird Electronics"> 49<meta name="robots" content="noindex"> 50<meta name="mobile-web-app-capable" content="yes"> 51<link rel="canonical" href="https://littlebirdelectronics.com.au/cart"> 52 53 54 55<meta name="csrf-param" content="authenticity_token" /> 56<meta name="csrf-token" content="z7hH3t-LmwYKpSlvewaWOJgtdv6HPDDw091YtN9R486Zn5v4zUp8TjP6cOujRfZNsfuFrKZVCaPm_5ulpzU9nA" /> 57 58<meta name="viewport" content="width=device-width, initial-scale=1"> 59
60<script type="importmap" data-turbo-track="reload">{ 61 "imports": { 62 "controllers/hw_combobox_controller": "/assets/hotwire_combobox.esm-4f9dbfdf.js", 63 "application": "/assets/application-f556c526.js", 64 "admin": "/assets/admin-ccbc4be4.js", 65 "three": "https://cdn.jsdelivr.net/npm/[email protected]/build/three.module.js", 66 "three/addons/controls/OrbitControls.js": "https://cdn.jsdelivr.net/npm/[email protected]/examples/jsm/controls/OrbitControls.js", 67 "three/addons/environments/RoomEnvironment.js": "https://cdn.jsdelivr.net/npm/[email protected]/examples/jsm/environments/RoomEnvironment.js", 68 "three/addons/loaders/GLTFLoader.js": "https://cdn.jsdelivr.net/npm/[email protected]/examples/jsm/loaders/GLTFLoader.js", 69 "three/addons/utils/BufferGeometryUtils.js": "https://cdn.jsdelivr.net/npm/[email protected]/examples/jsm/utils/BufferGeometryUtils.js", 70 "three/addons/libs/meshopt_decoder.module.js": "https://cdn.jsdelivr.net/npm/[email protected]/examples/jsm/libs/meshopt_decoder.module.js", 71 "@hotwired/stimulus": "/assets/stimulus-d59b3b7f.js", 72 "@hotwired/stimulus-loading": "/assets/stimulus-loading-1fc53fe7.js", 73 "@hotwired/turbo-rails": "/assets/turbo.min-9fd88cd5.js", 74 "@rails/actiontext": "/assets/actiontext.esm-c376325e.js", 75 "@rails/actioncable": "/assets/actioncable.esm-e0ec9819.js", 76 "@rails/activestorage": "/assets/activestorage.esm-81bb34bc.js", 77 "lexxy": "/assets/lexxy-ae116412.js", 78 "stimulus_grid": "/assets/stimulus_grid-268f685c.js", 79 "leaflet": "https://cdn.jsdelivr.net/npm/[email protected]/dist/leaflet-src.esm.js", 80 "asciinema-player": "https://cdn.jsdelivr.net/npm/[email protected]/+esm", 81 "fritzing-web": "/assets/fritzing-web-51eaab1f.js", 82 "howler": "/assets/howler-5ee30483.js", 83 "@hotwired/hotwire-native-bridge": "/assets/@hotwired--hotwire-native-bridge-489bc31d.js", 84 "clipboard": "/assets/clipboard-c5e1a52b.js", 85 "local-time": "/assets/local-time.es2017-esm-6e8a38c5.js", 86 "tailwindcss-stimulus-components": "/assets/tailwindcss-stimulus-components-ab09c6a0.js", 87 "@floating-ui/dom": "/assets/@floating-ui--dom-0c5799a4.js", 88 "@floating-ui/core": "/assets/@floating-ui--core-39414196.js", 89 "@floating-ui/utils": "/assets/@floating-ui--utils-e7cf7fe6.js", 90 "@floating-ui/utils/dom": "/assets/@floating-ui--utils--dom-cabcc9ef.js", 91 "streaming-markdown": "/assets/streaming-markdown-f3239cfc.js", 92 "swiper": "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.mjs", 93 "sortablejs": "https://cdn.jsdelivr.net/npm/[email protected]/modular/sortable.esm.js", 94 "pdfjs-dist": "/assets/pdfjs-dist-bf627bc5.js", 95 "static-player-ui": "/assets/static-player-ui-97644826.js", 96 "src/video_annotations": "/assets/src/video_annotations-99ce8159.js", 97 "src/video_presentation": "/assets/src/video_presentation-fd6166d4.js", 98 "channels/consumer": "/assets/channels/consumer-303bcbdf.js", 99 "channels": "/assets/channels/index-f1d69946.js", 100 "controllers/accounts_controller": "/assets/controllers/accounts_controller-11a276a2.js", 101 "controllers/application": "/assets/controllers/application-72078497.js", 102 "controllers/autogrow_controller": "/assets/controllers/autogrow_controller-52fe45af.js", 103 "controllers/books/asciinema_controller": "/assets/controllers/books/asciinema_controller-ac684a88.js", 104 "controllers/books/chapter_controller": "/assets/controllers/books/chapter_controller-3bb37e91.js", 105 "controllers/books/reader_controller": "/assets/controllers/books/reader_controller-ca782f44.js", 106 "controllers/books/voice_controller": "/assets/controllers/books/voice_controller-1a57c5bd.js", 107 "controllers/braintree/dropin_controller": "/assets/controllers/braintree/dropin_controller-3d055198.js", 108 "controllers/braintree/paypal_controller": "/assets/controllers/braintree/paypal_controller-f2e55280.js", 109 "controllers/bridge/form_controller": "/assets/controllers/bridge/form_controller-af9e5b31.js", 110 "controllers/bridge/menu_button_controller": "/assets/controllers/bridge/menu_button_controller-3dbc4bac.js", 111 "controllers/bridge/notification_badge_controller": "/assets/controllers/bridge/notification_badge_controller-60b5ca1f.js", 112 "controllers/bridge/notification_token_controller": "/assets/controllers/bridge/notification_token_controller-d9ee7a12.js", 113 "controllers/bridge/sign_out_controller": "/assets/controllers/bridge/sign_out_controller-e3b504f4.js", 114 "controllers/bulk_controller": "/assets/controllers/bulk_controller-f3a52670.js", 115 "controllers/calculator_form_controller": "/assets/controllers/calculator_form_controller-d27ca8d8.js", 116 "controllers/clipboard_controller": "/assets/controllers/clipboard_controller-6c259b1c.js", 117 "controllers/community/chat_controller": "/assets/controllers/community/chat_controller-874dcda8.js", 118 "controllers/community/copy_controller": "/assets/controllers/community/copy_controller-7e46f4f7.js", 119 "controllers/community/slash_controller": "/assets/controllers/community/slash_controller-6964a380.js", 120 "controllers/community/sounds_controller": "/assets/controllers/community/sounds_controller-2293075c.js", 121 "controllers/courses/accordion_controller": "/assets/controllers/courses/accordion_controller-c876402e.js", 122 "controllers/courses/check_controller": "/assets/controllers/courses/check_controller-4f49042c.js", 123 "controllers/courses/code_highlight_controller": "/assets/controllers/courses/code_highlight_controller-54b5cf87.js", 124 "controllers/courses/embed_controller": "/assets/controllers/courses/embed_controller-97e2192e.js", 125 "controllers/courses/embed_document_controller": "/assets/controllers/courses/embed_document_controller-6965216c.js", 126 "controllers/courses/embed_player_controller": "/assets/controllers/courses/embed_player_controller-1a70f007.js", 127 "controllers/courses/hardware_bridge_controller": "/assets/controllers/courses/hardware_bridge_controller-ec707938.js", 128 "controllers/courses/lesson_complete_controller": "/assets/controllers/courses/lesson_complete_controller-486d9b73.js", 129 "controllers/courses/lesson_controller": "/assets/controllers/courses/lesson_controller-0964d738.js", 130 "controllers/courses/network_lab_controller": "/assets/controllers/courses/network_lab_controller-80063cf1.js", 131 "controllers/courses/tutor_controller": "/assets/controllers/courses/tutor_controller-6c19508d.js", 132 "controllers/courses/widget_controller": "/assets/controllers/courses/widget_controller-867513ff.js", 133 "controllers/curator_task_controller": "/assets/controllers/curator_task_controller-2a85b70d.js", 134 "controllers/curriculum/syllabus_toggle_controller": "/assets/controllers/curriculum/syllabus_toggle_controller-841d0f56.js", 135 "controllers/ecommerce/accessories_controller": "/assets/controllers/ecommerce/accessories_controller-23c77053.js", 136 "controllers/ecommerce/account_menu_controller": "/assets/controllers/ecommerce/account_menu_controller-8c885feb.js", 137 "controllers/ecommerce/address_autocomplete_controller": "/assets/controllers/ecommerce/address_autocomplete_controller-3035b98b.js", 138 "controllers/ecommerce/address_label_controller": "/assets/controllers/ecommerce/address_label_controller-eb10d2fb.js", 139 "controllers/ecommerce/address_prefill_controller": "/assets/controllers/ecommerce/address_prefill_controller-ecb062a3.js", 140 "controllers/ecommerce/admin_order_item_picker_controller": "/assets/controllers/ecommerce/admin_order_item_picker_controller-1b57a89e.js", 141 "controllers/ecommerce/admin_shortcut_controller": "/assets/controllers/ecommerce/admin_shortcut_controller-933799bc.js", 142 "controllers/ecommerce/ai_image_field_controller": "/assets/controllers/ecommerce/ai_image_field_controller-eb4965a2.js", 143 "controllers/ecommerce/ai_search_polling_controller": "/assets/controllers/ecommerce/ai_search_polling_controller-76277634.js", 144 "controllers/ecommerce/ai_summary_tracking_controller": "/assets/controllers/ecommerce/ai_summary_tracking_controller-4414ee97.js", 145 "controllers/ecommerce/alternative_shipping_link_controller": "/assets/controllers/ecommerce/alternative_shipping_link_controller-858b3186.js", 146 "controllers/ecommerce/assembly_player_controller": "/assets/controllers/ecommerce/assembly_player_controller-827cf04e.js", 147 "controllers/ecommerce/auspost_session_capture_controller": "/assets/controllers/ecommerce/auspost_session_capture_controller-64bba703.js", 148 "controllers/ecommerce/auto_scroll_controller": "/assets/controllers/ecommerce/auto_scroll_controller-c3ca922b.js", 149 "controllers/ecommerce/avatar_picker_controller": "/assets/controllers/ecommerce/avatar_picker_controller-16fceb47.js", 150 "controllers/ecommerce/calculator_frame_controller": "/assets/controllers/ecommerce/calculator_frame_controller-1f0f89a7.js", 151 "controllers/ecommerce/cart_bounce_controller": "/assets/controllers/ecommerce/cart_bounce_controller-0f84c242.js", 152 "controllers/ecommerce/cart_controller": "/assets/controllers/ecommerce/cart_controller-fcad2e18.js", 153 "controllers/ecommerce/cart_prompt_controller": "/assets/controllers/ecommerce/cart_prompt_controller-6d1458cf.js", 154 "controllers/ecommerce/cart_quantity_controller": "/assets/controllers/ecommerce/cart_quantity_controller-c23035ba.js", 155 "controllers/ecommerce/cart_shipping_estimate_controller": "/assets/controllers/ecommerce/cart_shipping_estimate_controller-74f8b119.js", 156 "controllers/ecommerce/cascade_menu_controller": "/assets/controllers/ecommerce/cascade_menu_controller-1433cd49.js", 157 "controllers/ecommerce/cast_controller": "/assets/controllers/ecommerce/cast_controller-eb0b35fd.js", 158 "controllers/ecommerce/cast_editor_controller": "/assets/controllers/ecommerce/cast_editor_controller-fb27fac9.js", 159 "controllers/ecommerce/cast_import_controller": "/assets/controllers/ecommerce/cast_import_controller-7f5b51b7.js", 160 "controllers/ecommerce/chat_form_controller": "/assets/controllers/ecommerce/chat_form_controller-58b093c8.js", 161 "controllers/ecommerce/chat_widget_controller": "/assets/controllers/ecommerce/chat_widget_controller-95f5a43c.js", 162 "controllers/ecommerce/checkout_complete_controller": "/assets/controllers/ecommerce/checkout_complete_controller-1d4ddd8e.js", 163 "controllers/ecommerce/checkout_controller": "/assets/controllers/ecommerce/checkout_controller-cad821c0.js", 164 "controllers/ecommerce/cli_mode_controller": "/assets/controllers/ecommerce/cli_mode_controller-4b2b1049.js", 165 "controllers/ecommerce/code_sample_controller": "/assets/controllers/ecommerce/code_sample_controller-1c3a529e.js", 166 "controllers/ecommerce/collection_delivery_controller": "/assets/controllers/ecommerce/collection_delivery_controller-c48c26c2.js", 167 "controllers/ecommerce/combo_search_controller": "/assets/controllers/ecommerce/combo_search_controller-c05265d2.js", 168 "controllers/ecommerce/component_frame_controller": "/assets/controllers/ecommerce/component_frame_controller-a53e7e23.js", 169 "controllers/ecommerce/content_schedule_form_controller": "/assets/controllers/ecommerce/content_schedule_form_controller-3864686d.js", 170 "controllers/ecommerce/copy_link_controller": "/assets/controllers/ecommerce/copy_link_controller-4b93caf4.js", 171 "controllers/ecommerce/copy_markdown_controller": "/assets/controllers/ecommerce/copy_markdown_controller-1c27fd5a.js", 172 "controllers/ecommerce/copy_text_controller": "/assets/controllers/ecommerce/copy_text_controller-e7cc6d65.js", 173 "controllers/ecommerce/crack_code_promo_controller": "/assets/controllers/ecommerce/crack_code_promo_controller-8e6e2180.js", 174 "controllers/ecommerce/delivery_date_controller": "/assets/controllers/ecommerce/delivery_date_controller-b2a5da3f.js", 175 "controllers/ecommerce/disclosure_controller": "/assets/controllers/ecommerce/disclosure_controller-d7f3bacf.js", 176 "controllers/ecommerce/discount_code_controller": "/assets/controllers/ecommerce/discount_code_controller-4ebfee0a.js", 177 "controllers/ecommerce/dispatch_countdown_controller": "/assets/controllers/ecommerce/dispatch_countdown_controller-e92a68f7.js", 178 "controllers/ecommerce/email_blocks_controller": "/assets/controllers/ecommerce/email_blocks_controller-2901a762.js", 179 "controllers/ecommerce/expandable_text_controller": "/assets/controllers/ecommerce/expandable_text_controller-4726936a.js", 180 "controllers/ecommerce/facet_toggle_controller": "/assets/controllers/ecommerce/facet_toggle_controller-1ae57039.js", 181 "controllers/ecommerce/file_drop_controller": "/assets/controllers/ecommerce/file_drop_controller-7dea4d19.js", 182 "controllers/ecommerce/fritzing_controller": "/assets/controllers/ecommerce/fritzing_controller-5d0a9d11.js", 183 "controllers/ecommerce/gopeople_map_controller": "/assets/controllers/ecommerce/gopeople_map_controller-20a34f85.js", 184 "controllers/ecommerce/gtag_controller": "/assets/controllers/ecommerce/gtag_controller-c2cc32f9.js", 185 "controllers/ecommerce/guide_cast_controller": "/assets/controllers/ecommerce/guide_cast_controller-5b640df5.js", 186 "controllers/ecommerce/guide_media_controller": "/assets/controllers/ecommerce/guide_media_controller-c13fd060.js", 187 "controllers/ecommerce/help_search_controller": "/assets/controllers/ecommerce/help_search_controller-6820f362.js", 188 "controllers/ecommerce/hover_card_controller": "/assets/controllers/ecommerce/hover_card_controller-08b85624.js", 189 "controllers/ecommerce/icon_preview_controller": "/assets/controllers/ecommerce/icon_preview_controller-6862f757.js", 190 "controllers/ecommerce/image_gallery_controller": "/assets/controllers/ecommerce/image_gallery_controller-1f4b9c41.js", 191 "controllers/ecommerce/image_swiper_controller": "/assets/controllers/ecommerce/image_swiper_controller-a8652bb7.js", 192 "controllers/ecommerce/image_upload_controller": "/assets/controllers/ecommerce/image_upload_controller-9c5b3417.js", 193 "controllers/ecommerce/inline_confirm_controller": "/assets/controllers/ecommerce/inline_confirm_controller-88b0d367.js", 194 "controllers/ecommerce/instructional_video_controller": "/assets/controllers/ecommerce/instructional_video_controller-a9c8cb1f.js", 195 "controllers/ecommerce/kit_variant_selector_controller": "/assets/controllers/ecommerce/kit_variant_selector_controller-4d93ff91.js", 196 "controllers/ecommerce/lead_time_tip_controller": "/assets/controllers/ecommerce/lead_time_tip_controller-82186a4d.js", 197 "controllers/ecommerce/lead_times_controller": "/assets/controllers/ecommerce/lead_times_controller-2be1bfff.js", 198 "controllers/ecommerce/lightbox_controller": "/assets/controllers/ecommerce/lightbox_controller-0fe3b546.js", 199 "controllers/ecommerce/live_search_controller": "/assets/controllers/ecommerce/live_search_controller-b
1996a4b7b2.js", 200 "controllers/ecommerce/marketing/campaign_editor_controller": "/assets/controllers/ecommerce/marketing/campaign_editor_controller-05d34823.js", 201 "controllers/ecommerce/marketing/product_picker_controller": "/assets/controllers/ecommerce/marketing/product_picker_controller-73c3dec5.js", 202 "controllers/ecommerce/mcp_reveal_controller": "/assets/controllers/ecommerce/mcp_reveal_controller-b2852608.js", 203 "controllers/ecommerce/mobile_menu_controller": "/assets/controllers/ecommerce/mobile_menu_controller-521edd1b.js", 204 "controllers/ecommerce/order_payment_controller": "/assets/controllers/ecommerce/order_payment_controller-cd056900.js", 205 "controllers/ecommerce/order_qty_controller": "/assets/controllers/ecommerce/order_qty_controller-fc0a399d.js", 206 "controllers/ecommerce/order_shipping_editor_controller": "/assets/controllers/ecommerce/order_shipping_editor_controller-fbca79ca.js", 207 "controllers/ecommerce/order_upsell_controller": "/assets/controllers/ecommerce/order_upsell_controller-5a30265a.js", 208 "controllers/ecommerce/organisation_application_controller": "/assets/controllers/ecommerce/organisation_application_controller-fba3496e.js", 209 "controllers/ecommerce/passkey_controller": "/assets/controllers/ecommerce/passkey_controller-b982b6c2.js", 210 "controllers/ecommerce/paypal_buttons_controller": "/assets/controllers/ecommerce/paypal_buttons_controller-19c12b08.js", 211 "controllers/ecommerce/paypal_loader": "/assets/controllers/ecommerce/paypal_loader-6ee75676.js", 212 "controllers/ecommerce/price_range_controller": "/assets/controllers/ecommerce/price_range_controller-9f562796.js", 213 "controllers/ecommerce/product_chat_controller": "/assets/controllers/ecommerce/product_chat_controller-326fc765.js", 214 "controllers/ecommerce/product_compare_controller": "/assets/controllers/ecommerce/product_compare_controller-eae1beaf.js", 215 "controllers/ecommerce/project_list_ai_controller": "/assets/controllers/ecommerce/project_list_ai_controller-bdb23404.js", 216 "controllers/ecommerce/purchase_order_billing_controller": "/assets/controllers/ecommerce/purchase_order_billing_controller-df5d8426.js", 217 "controllers/ecommerce/purchase_order_form_controller": "/assets/controllers/ecommerce/purchase_order_form_controller-6f360425.js", 218 "controllers/ecommerce/purchase_order_invoicee_controller": "/assets/controllers/ecommerce/purchase_order_invoicee_controller-8ee587fe.js", 219 "controllers/ecommerce/purchase_order_poll_controller": "/assets/controllers/ecommerce/purchase_order_poll_controller-85fc0d5d.js", 220 "controllers/ecommerce/quantity_controller": "/assets/controllers/ecommerce/quantity_controller-57eb31cf.js", 221 "controllers/ecommerce/question_answer_controller": "/assets/controllers/ecommerce/question_answer_controller-582e34a9.js", 222 "controllers/ecommerce/quote_details_controller": "/assets/controllers/ecommerce/quote_details_controller-bc96365a.js", 223 "controllers/ecommerce/quote_drawer_controller": "/assets/controllers/ecommerce/quote_drawer_controller-5ac90a18.js", 224 "controllers/ecommerce/quote_request_form_controller": "/assets/controllers/ecommerce/quote_request_form_controller-1e5a046a.js", 225 "controllers/ecommerce/quote_trigger_controller": "/assets/controllers/ecommerce/quote_trigger_controller-06dd4281.js", 226 "controllers/ecommerce/remove_collect_controller": "/assets/controllers/ecommerce/remove_collect_controller-18bea4a2.js", 227 "controllers/ecommerce/review_moderation_controller": "/assets/controllers/ecommerce/review_moderation_controller-b4d37a29.js", 228 "controllers/ecommerce/review_reply_controller": "/assets/controllers/ecommerce/review_reply_controller-f5bd0d21.js", 229 "controllers/ecommerce/review_suggestions_controller": "/assets/controllers/ecommerce/review_suggestions_controller-6024df21.js", 230 "controllers/ecommerce/review_vote_controller": "/assets/controllers/ecommerce/review_vote_controller-dd675bb0.js", 231 "controllers/ecommerce/rib_controller": "/assets/controllers/ecommerce/rib_controller-92ba2974.js", 232 "controllers/ecommerce/search_suggest_controller": "/assets/controllers/ecommerce/search_suggest_controller-ed0f9ff6.js", 233 "controllers/ecommerce/search_tabs_controller": "/assets/controllers/ecommerce/search_tabs_controller-ce965b56.js", 234 "controllers/ecommerce/star_rating_controller": "/assets/controllers/ecommerce/star_rating_controller-7c73908d.js", 235 "controllers/ecommerce/static_player_controller": "/assets/controllers/ecommerce/static_player_controller-ef5fd3e0.js", 236 "controllers/ecommerce/step_form_controller": "/assets/controllers/ecommerce/step_form_controller-7a30e23b.js", 237 "controllers/ecommerce/step_gallery_controller": "/assets/controllers/ecommerce/step_gallery_controller-a2135937.js", 238 "controllers/ecommerce/streaming_markdown_controller": "/assets/controllers/ecommerce/streaming_markdown_controller-b889a399.js", 239 "controllers/ecommerce/stripe_card_controller": "/assets/controllers/ecommerce/stripe_card_controller-27f62f3e.js", 240 "controllers/ecommerce/stripe_loader": "/assets/controllers/ecommerce/stripe_loader-008bb2ca.js", 241 "controllers/ecommerce/submit_on_change_controller": "/assets/controllers/ecommerce/submit_on_change_controller-ea3342b5.js", 242 "controllers/ecommerce/suggestion_link_form_controller": "/assets/controllers/ecommerce/suggestion_link_form_controller-98ef54b2.js", 243 "controllers/ecommerce/ultrasearch_controller": "/assets/controllers/ecommerce/ultrasearch_controller-c0e627c7.js", 244 "controllers/ecommerce/variant_selector_controller": "/assets/controllers/ecommerce/variant_selector_controller-6516dcb8.js", 245 "controllers/ecommerce/verification_controller": "/assets/controllers/ecommerce/verification_controller-28b0bcc0.js", 246 "controllers/ecommerce/video_frame_scrubber_controller": "/assets/controllers/ecommerce/video_frame_scrubber_controller-a01312bc.js", 247 "controllers/ecommerce/view_toggle_controller": "/assets/controllers/ecommerce/view_toggle_controller-357d3f2c.js", 248 "controllers": "/assets/controllers/index-707715fe.js", 249 "controllers/inline_edit_controller": "/assets/controllers/inline_edit_controller-b4f0b43b.js", 250 "controllers/nested_form_controller": "/assets/controllers/nested_form_controller-f2290dc3.js", 251 "controllers/notifications_controller": "/assets/controllers/notifications_controller-2bd5f42f.js", 252 "controllers/paddle/billing_controller": "/assets/controllers/paddle/billing_controller-9d922ac8.js", 253 "controllers/paddle/classic_controller": "/assets/controllers/paddle/classic_controller-c223895c.js", 254 "controllers/pdf_viewer_controller": "/assets/controllers/pdf_viewer_controller-e98a447a.js", 255 "controllers/platform_block_controller": "/assets/controllers/platform_block_controller-bcb8b75d.js", 256 "controllers/platform_editor_controller": "/assets/controllers/platform_editor_controller-222571d7.js", 257 "controllers/pricing_controller": "/assets/controllers/pricing_controller-087c7c89.js", 258 "controllers/proposed_products_bulk_controller": "/assets/controllers/proposed_products_bulk_controller-953d50f3.js", 259 "controllers/reorder_variant_controller": "/assets/controllers/reorder_variant_controller-edc15fa2.js", 260 "controllers/share_controller": "/assets/controllers/share_controller-162f9e9e.js", 261 "controllers/sortable_controller": "/assets/controllers/sortable_controller-51127e97.js", 262 "controllers/stripe/embedded_checkout_controller": "/assets/controllers/stripe/embedded_checkout_controller-588a65f0.js", 263 "controllers/theme_controller": "/assets/controllers/theme_controller-fbc6adda.js", 264 "controllers/tooltip_controller": "/assets/controllers/tooltip_controller-7a8350d2.js", 265 "controllers/traffic_map_controller": "/assets/controllers/traffic_map_controller-8286d8d6.js", 266 "controllers/traffic_time_controller": "/assets/controllers/traffic_time_controller-31e907b7.js", 267 "controllers/typeahead_controller": "/assets/controllers/typeahead_controller-2
2671790530.js", 268 "controllers/unfurl_link_controller": "/assets/controllers/unfurl_link_controller-afca6d29.js", 269 "admin_controllers/admin_voice_agent_controller": "/assets/admin_controllers/admin_voice_agent_controller-8a762a14.js", 270 "admin_controllers/ecommerce/admin_embed_steps_controller": "/assets/admin_controllers/ecommerce/admin_embed_steps_controller-ef2db49f.js", 271 "admin_controllers/ecommerce/admin_funnel_graph_controller": "/assets/admin_controllers/ecommerce/admin_funnel_graph_controller-440f53f5.js", 272 "admin_controllers/ecommerce/admin_refund_composer_controller": "/assets/admin_controllers/ecommerce/admin_refund_composer_controller-f2ba6523.js", 273 "admin_controllers/ecommerce/admin_search_controller": "/assets/admin_controllers/ecommerce/admin_search_controller-a21147ac.js", 274 "admin_controllers/ecommerce/admin_sidebar_controller": "/assets/admin_controllers/ecommerce/admin_sidebar_controller-afe0b94d.js", 275 "admin_controllers/ecommerce/admin_traffic_heartbeat_controller": "/assets/admin_controllers/ecommerce/admin_traffic_heartbeat_controller-25cdf1e2.js", 276 "admin_controllers/ecommerce/admin_transactional_tabs_controller": "/assets/admin_controllers/ecommerce/admin_transactional_tabs_controller-deb99231.js", 277 "admin_controllers/ecommerce/cancel_order_controller": "/assets/admin_controllers/ecommerce/cancel_order_controller-4148dbfc.js", 278 "admin_controllers/ecommerce/date_preset_controller": "/assets/admin_controllers/ecommerce/date_preset_controller-8b7f73f1.js", 279 "admin_controllers/ecommerce/dialog_controller": "/assets/admin_controllers/ecommerce/dialog_controller-29d2b0d9.js", 280 "admin_controllers/ecommerce/manual_review_form_controller": "/assets/admin_controllers/ecommerce/manual_review_form_controller-c5357163.js", 281 "admin_controllers/ecommerce/networks_grid_controller": "/assets/admin_controllers/ecommerce/networks_grid_controller-28631743.js", 282 "admin_controllers": "/assets/admin_controllers/index-f20a9dd6.js", 283 "src/admin/funnel_graph": "/assets/src/admin/funnel_graph-052d927d.js", 284 "src/cast/clips": "/assets/src/cast/clips-2d042287.js", 285 "src/cast": "/assets/src/cast/index-f7fb5e80.js", 286 "src/cast/player": "/assets/src/cast/player-bd9c1041.js", 287 "src/cast/renderer": "/assets/src/cast/renderer-a1c3feb9.js", 288 "src/cast/styles": "/assets/src/cast/styles-67f267f5.js", 289 "src/cast/timestamp": "/assets/src/cast/timestamp-6b5c0230.js", 290 "src/cast/videos": "/assets/src/cast/videos-15fbf147.js", 291 "src/cast/vt": "/assets/src/cast/vt-da5cb69d.js", 292 "src/circuit3d/assembly_checks": "/assets/src/circuit3d/assembly_checks-770e5df0.js", 293 "src/circuit3d/assembly_pi_boards": "/assets/src/circuit3d/assembly_pi_boards-856d6b10.js", 294 "src/circuit3d/assembly_rig": "/assets/src/circuit3d/assembly_rig-b4641726.js", 295 "src/circuit3d/attach": "/assets/src/circuit3d/attach-53ccecae.js", 296 "src/circuit3d/bench_supply": "/assets/src/circuit3d/bench_supply-c84549a5.js", 297 "src/circuit3d/breadboard_seating": "/assets/src/circuit3d/breadboard_seating-b2102840.js", 298 "src/circuit3d/breadboard_teaching": "/assets/src/circuit3d/breadboard_teaching-252bad2a.js", 299 "src/circuit3d/button_motion": "/assets/src/circuit3d/button_motion-4372b916.js", 300 "src/circuit3d/buzzer_anatomy": "/assets/src/circuit3d/buzzer_anatomy-2f8983d9.js", 301 "src/circuit3d/buzzer_lab": "/assets/src/circuit3d/buzzer_lab-2384e9c3.js", 302 "src/circuit3d/circuit_checks": "/assets/src/circuit3d/circuit_checks-2e4711ba.js", 303 "src/circuit3d/component_collisions": "/assets/src/circuit3d/component_collisions-02f2ef55.js", 304 "src/circuit3d/component_electrons": "/assets/src/circuit3d/component_electrons-75ab0395.js", 305 "src/circuit3d/component_footprints": "/assets/src/circuit3d/component_footprints-11cde6cf.js", 306 "src/circuit3d/component_info": "/assets/src/circuit3d/component_info-10e59f7f.js", 307 "src/circuit3d/component_lab": "/assets/src/circuit3d/component_lab-23625ea2.js", 308 "src/circuit3d/component_modeling": "/assets/src/circuit3d/component_modeling-a13de764.js", 309 "src/circuit3d/component_outputs": "/assets/src/circuit3d/component_outputs-1d8bca82.js", 310 "src/circuit3d/component_teaching": "/assets/src/circuit3d/component_teaching-287cfa04.js", 311 "src/circuit3d/connection_shots": "/assets/src/circuit3d/connection_shots-1db83128.js", 312 "src/circuit3d/connection_teaching": "/assets/src/circuit3d/connection_teaching-d3a3f1ce.js", 313 "src/circuit3d/connector_catalog": "/assets/src/circuit3d/connector_catalog-d3f2c842.js", 314 "src/circuit3d/connector_mating": "/assets/src/circuit3d/connector_mating-3cee8803.js", 315 "src/circuit3d/connector_models": "/assets/src/circuit3d/connector_models-5b0ce3ac.js", 316 "src/circuit3d/crack_code_demo": "/assets/src/circuit3d/crack_code_demo-5bfa1fc2.js", 317 "src/circuit3d/crack_code_hardware": "/assets/src/circuit3d/crack_code_hardware-4974539f.js", 318 "src/circuit3d/crack_code_shield": "/assets/src/circuit3d/crack_code_shield-92dfc7ef.js", 319 "src/circuit3d/ctc_lesson_lab": "/assets/src/circuit3d/ctc_lesson_lab-4a55ec12.js", 320 "src/circuit3d/ctc_lesson_runtime": "/assets/src/circuit3d/ctc_lesson_runtime-1ffd9983.js", 321 "src/circuit3d/dht11": "/assets/src/circuit3d/dht11-7b2cb957.js", 322 "src/circuit3d/eagled_behaviour": "/assets/src/circuit3d/eagled_behaviour-f7834eb3.js", 323 "src/circuit3d/eagled_data": "/assets/src/circuit3d/eagled_data-3c2b7d72.js", 324 "src/circuit3d/eagled_lab": "/assets/src/circuit3d/eagled_lab-43930d06.js", 325 "src/circuit3d/eagled_model": "/assets/src/circuit3d/eagled_model-5e6fa191.js", 326 "src/circuit3d/eagled_pcb_geometry": "/assets/src/circuit3d/eagled_pcb_geometry-6033f6b6.js", 327 "src/circuit3d/electrical_flow": "/assets/src/circuit3d/electrical_flow-f6ed5286.js", 328 "src/circuit3d/embed_loading": "/assets/src/circuit3d/embed_loading-4889dd3d.js", 329 "src/circuit3d/explorer": "/assets/src/circuit3d/explorer-ec39f0be.js", 330 "src/circuit3d/feature_catalog": "/assets/src/circuit3d/feature_catalog-07d24320.js", 331 "src/circuit3d/feature_targets": "/assets/src/circuit3d/feature_targets-63eaf55d.js", 332 "src/circuit3d/geometry": "/assets/src/circuit3d/geometry-60818192.js", 333 "src/circuit3d/jumper_connectors": "/assets/src/circuit3d/jumper_connectors-b19e1cde.js", 334 "src/circuit3d/kit_accessories": "/assets/src/circuit3d/kit_accessories-4badb1d5.js", 335 "src/circuit3d/kit_models": "/assets/src/circuit3d/kit_models-370ba051.js", 336 "src/circuit3d/label_anchor": "/assets/src/circuit3d/label_anchor-928a147b.js", 337 "src/circuit3d/ldr_anatomy": "/assets/src/circuit3d/ldr_anatomy-cfda7655.js", 338 "src/circuit3d/learning_kit_models": "/assets/src/circuit3d/learning_kit_models-bd86b726.js", 339 "src/circuit3d/led_anatomy": "/assets/src/circuit3d/led_anatomy-615d3db2.js", 340 "src/circuit3d/led_lab": "/assets/src/circuit3d/led_lab-9086967c.js", 341 "src/circuit3d/lighting": "/assets/src/circuit3d/lighting-a27096c1.js", 342 "src/circuit3d/little_bird_logo": "/assets/src/circuit3d/little_bird_logo-401650b8.js", 343 "src/circuit3d/lorikeet": "/assets/src/circuit3d/lorikeet-1e037ae6.js", 344 "src/circuit3d/micro_servo_anatomy": "/assets/src/circuit3d/micro_servo_anatomy-39b6d105.js", 345 "src/circuit3d/micro_servo_lab": "/assets/src/circuit3d/micro_servo_lab-d96d5dfa.js", 346 "src/circuit3d/microbit": "/assets/src/circuit3d/microbit-2ab33a1b.js", 347 "src/circuit3d/microbit_gpio_breakout": "/assets/src/circuit3d/microbit_gpio_breakout-6932bb0b.js", 348 "src/circuit3d/microbit_gpio_demo": "/assets/src/circuit3d/microbit_gpio_demo-284d8e13.js", 349 "src/circuit3d/narration_callouts": "/assets/src/circuit3d/narration_callouts-320633d3.js", 350 "src/circuit3d/output_state": "/assets/src/circuit3d/output_state-b12d53fe.js", 351 "src/circuit3d/parts": "/assets/src/circuit3d/parts-fb0b7921.js", 352 "src/circuit3d/pcb_geometry": "/assets/src/circuit3d/pcb_geometry-820a74b7.js", 353 "src/circuit3d/pico2w": "/assets/src/circuit3d/pico2w-86746f9e.js", 354 "src/circuit3d/pico2w_demo": "/assets/src/circuit3d/pico2w_demo-72a3b721.js", 355 "src/circuit3d/pin_labels": "/assets/src/circuit3d/pin_labels-10daf1e6.js", 356 "src/circuit3d/pin_readouts": "/assets/src/circuit3d/pin_readouts-c31ccb05.js", 357 "src/circuit3d/playback": "/assets/src/circuit3d/playback-18ef6648.js",
358 "src/circuit3d/player": "/assets/src/circuit3d/player-07419fa2.js", 359 "src/circuit3d/player_camera": "/assets/src/circuit3d/player_camera-61fc71e6.js", 360 "src/circuit3d/player_readouts": "/assets/src/circuit3d/player_readouts-3b22e5ec.js", 361 "src/circuit3d/player_window": "/assets/src/circuit3d/player_window-b0fe07b9.js", 362 "src/circuit3d/potentiometer_anatomy": "/assets/src/circuit3d/potentiometer_anatomy-d533f711.js", 363 "src/circuit3d/potentiometer_controls": "/assets/src/circuit3d/potentiometer_controls-be4792c6.js", 364 "src/circuit3d/potentiometer_explainer": "/assets/src/circuit3d/potentiometer_explainer-f1bf3c05.js", 365 "src/circuit3d/potentiometer_lab": "/assets/src/circuit3d/potentiometer_lab-32e9706b.js", 366 "src/circuit3d/pushbutton_anatomy": "/assets/src/circuit3d/pushbutton_anatomy-c9251ee7.js", 367 "src/circuit3d/render_scheduler": "/assets/src/circuit3d/render_scheduler-6f8fd675.js", 368 "src/circuit3d/sensor_lab": "/assets/src/circuit3d/sensor_lab-f57b115d.js", 369 "src/circuit3d/studio": "/assets/src/circuit3d/studio-baec889b.js", 370 "src/circuit3d/studio_catalog": "/assets/src/circuit3d/studio_catalog-3a7f2551.js", 371 "src/circuit3d/studio_demos": "/assets/src/circuit3d/studio_demos-75505fc5.js", 372 "src/circuit3d/studio_document": "/assets/src/circuit3d/studio_document-67c5d2d2.js", 373 "src/circuit3d/studio_icons": "/assets/src/circuit3d/studio_icons-0de5e0cf.js", 374 "src/circuit3d/studio_layout": "/assets/src/circuit3d/studio_layout-095e8379.js", 375 "src/circuit3d/studio_motion": "/assets/src/circuit3d/studio_motion-5ad453ea.js", 376 "src/circuit3d/studio_scene": "/assets/src/circuit3d/studio_scene-ae010cbc.js", 377 "src/circuit3d/studio_shortcuts": "/assets/src/circuit3d/studio_shortcuts-05ae9f7e.js", 378 "src/circuit3d/studio_timing": "/assets/src/circuit3d/studio_timing-6d55d294.js", 379 "src/circuit3d/studio_uno_demos": "/assets/src/circuit3d/studio_uno_demos-d4bb4b72.js", 380 "src/circuit3d/teaching_shots": "/assets/src/circuit3d/teaching_shots-871f295c.js", 381 "src/circuit3d/textures": "/assets/src/circuit3d/textures-ba9b62ee.js", 382 "src/circuit3d/traffic_light": "/assets/src/circuit3d/traffic_light-da7502f7.js", 383 "src/circuit3d/tt_motor_anatomy": "/assets/src/circuit3d/tt_motor_anatomy-a70c484e.js", 384 "src/circuit3d/tt_motor_lab": "/assets/src/circuit3d/tt_motor_lab-3be94231.js", 385 "src/circuit3d/ultrasonic_anatomy": "/assets/src/circuit3d/ultrasonic_anatomy-f843cfc7.js", 386 "src/circuit3d/ultrasonic_lab": "/assets/src/circuit3d/ultrasonic_lab-acda5da6.js", 387 "src/circuit3d/uno": "/assets/src/circuit3d/uno-d4e8e259.js", 388 "src/circuit3d/usb_micro_b": "/assets/src/circuit3d/usb_micro_b-2b4227f9.js", 389 "src/circuit3d/view": "/assets/src/circuit3d/view-444af8b5.js", 390 "src/circuit3d/voltage_wave": "/assets/src/circuit3d/voltage_wave-c20c9da2.js", 391 "src/circuit3d/wire_routing": "/assets/src/circuit3d/wire_routing-c3e69ca5.js", 392 "src/circuit3d/wires": "/assets/src/circuit3d/wires-783c6ad3.js", 393 "src/circuit3d/workbench_grid": "/assets/src/circuit3d/workbench_grid-5cfa8293.js", 394 "src/confirm": "/assets/src/confirm-11170262.js", 395 "src/connectors/data": "/assets/src/connectors/data-11f3bb6e.js", 396 "src/connectors/player": "/assets/src/connectors/player-5af2ab22.js", 397 "src/connectors/scene": "/assets/src/connectors/scene-172c48ce.js", 398 "src/courses/network_lab_diagrams": "/assets/src/courses/network_lab_diagrams-598a7c52.js", 399 "src/courses/network_lab_engine": "/assets/src/courses/network_lab_engine-0341e78f.js", 400 "src/courses/network_lab_narration": "/assets/src/courses/network_lab_narration-3dce3788.js", 401 "src/crossing/model": "/assets/src/crossing/model-a2cdf801.js", 402 "src/crossing/player": "/assets/src/crossing/player-ddd4f3fb.js", 403 "src/direct_uploads": "/assets/src/direct_uploads-4eaca289.js", 404 "src/guide_media/cues": "/assets/src/guide_media/cues-cdd417e8.js", 405 "src/guide_media/howler_audio": "/assets/src/guide_media/howler_audio-4cf6f3f8.js", 406 "src/guide_media/narration": "/assets/src/guide_media/narration-9fc89284.js", 407 "src": "/assets/src/index-a07bfae1.js", 408 "src/lazysrc": "/assets/src/lazysrc-b829c4ae.js", 409 "src/lowercase_email_inputs": "/assets/src/lowercase_email_inputs-5432de83.js", 410 "src/pinouts/camera_motion": "/assets/src/pinouts/camera_motion-7d3f79f3.js", 411 "src/pinouts/connections": "/assets/src/pinouts/connections-8a5ff0ad.js", 412 "src/pinouts/data": "/assets/src/pinouts/data-0e261537.js", 413 "src/pinouts/geometry": "/assets/src/pinouts/geometry-38a7a6da.js", 414 "src/pinouts/model_helpers": "/assets/src/pinouts/model_helpers-927d8667.js", 415 "src/pinouts/models": "/assets/src/pinouts/models-1c7bb1ac.js", 416 "src/pinouts/player": "/assets/src/pinouts/player-5d853e88.js", 417 "src/pinouts/scene": "/assets/src/pinouts/scene-8ed5d643.js", 418 "src/pinouts/ultrasonic": "/assets/src/pinouts/ultrasonic-abf09b72.js", 419 "src/pinouts/ultrasonic_cycle": "/assets/src/pinouts/ultrasonic_cycle-25c7d9da.js", 420 "src/pinouts/zero_model": "/assets/src/pinouts/zero_model-5d13fa8b.js", 421 "src/turbo_streams": "/assets/src/turbo_streams-a7579a8b.js", 422 "src/webmcp": "/assets/src/webmcp-94a25c7b.js" 423 } 424}</script>
424 425<link rel="modulepreload" href="/assets/application-f556c526.js"> 426<link rel="modulepreload" href="/assets/stimulus-d59b3b7f.js"> 427<link rel="modulepreload" href="/assets/stimulus-loading-1fc53fe7.js"> 428<link rel="modulepreload" href="/assets/turbo.min-9fd88cd5.js"> 429<link rel="modulepreload" href="/assets/actiontext.esm-c376325e.js"> 430<link rel="modulepreload" href="/assets/actioncable.esm-e0ec9819.js"> 431<link rel="modulepreload" href="/assets/activestorage.esm-81bb34bc.js"> 432<link rel="modulepreload" href="/assets/@hotwired--hotwire-native-bridge-489bc31d.js"> 433<link rel="modulepreload" href="/assets/local-time.es2017-esm-6e8a38c5.js"> 434<link rel="modulepreload" href="/assets/tailwindcss-stimulus-components-ab09c6a0.js"> 435<link rel="modulepreload" href="/assets/src/video_annotations-99ce8159.js"> 436<link rel="modulepreload" href="/assets/src/video_presentation-fd6166d4.js"> 437<link rel="modulepreload" href="/assets/channels/consumer-303bcbdf.js"> 438<link rel="modulepreload" href="/assets/channels/index-f1d69946.js"> 439<link rel="modulepreload" href="/assets/src/confirm-11170262.js"> 440<link rel="modulepreload" href="/assets/src/courses/network_lab_diagrams-598a7c52.js"> 441<link rel="modulepreload" href="/assets/src/courses/network_lab_engine-0341e78f.js"> 442<link rel="modulepreload" href="/assets/src/courses/network_lab_narration-3dce3788.js"> 443<link rel="modulepreload" href="/assets/src/direct_uploads-4eaca289.js"> 444<link rel="modulepreload" href="/assets/src/index-a07bfae1.js"> 445<link rel="modulepreload" href="/assets/src/lazysrc-b829c4ae.js"> 446<link rel="modulepreload" href="/assets/src/lowercase_email_inputs-5432de83.js"> 447<link rel="modulepreload" href="/assets/src/turbo_streams-a7579a8b.js"> 448<link rel="modulepreload" href="/assets/src/webmcp-94a25c7b.js">
449<script type="module">import "application"</script>
449 450<link rel="stylesheet" href="/assets/tailwind-d29175d4.css" media="all" data-turbo-track="reload" /> 451 452 453 454 455 456<link rel="preload" as="font" type="font/woff2" crossorigin 457 href="/assets/inter/InterVariable-latin-4402b849.woff2"> 458<style> 459 @font-face { 460 font-family: InterVariable; 461 font-style: normal; 462 font-weight: 400 900; 463 font-display: swap; 464 src: url("/assets/inter/InterVariable-latin-4402b849.woff2") format("woff2"); 465 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+2264-2265, U+2713, U+FEFF, U+FFFD; 466 } 467 @font-face { 468 font-family: InterVariable; 469 font-style: normal; 470 font-weight: 400 900; 471 font-display: swap; 472 src: url("/assets/inter/InterVariable-latin-ext-d6fb5648.woff2") format("woff2"); 473 unicode-range: U+0100-02AF, U+0304-0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 474 } 475 @font-face { 476 font-family: InterVariable; 477 font-style: normal; 478 font-weight: 400 900; 479 font-display: swap; 480 src: url("/assets/inter/InterVariable-symbols-c133af34.woff2") format("woff2"); 481 unicode-range: U+0370-03FF, U+2070-209F, U+20A0-20CF, U+2100-214F, U+2126; 482 } 483 @font-face { 484 font-family: InterVariable; 485 font-style: italic; 486 font-weight: 400 900; 487 font-display: swap; 488 src: url("/assets/inter/InterVariable-Italic-latin-a5ec96fa.woff2") format("woff2"); 489 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+2264-2265, U+2713, U+FEFF, U+FFFD; 490 } 491 @font-face { 492 font-family: InterVariable; 493 font-style: italic; 494 font-weight: 400 900; 495 font-display: swap; 496 src: url("/assets/inter/InterVariable-Italic-latin-ext-bce394e3.woff2") format("woff2"); 497 unicode-range: U+0100-02AF, U+0304-0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 498 } 499 @font-face { 500 font-family: InterVariable; 501 font-style: italic; 502 font-weight: 400 900; 503 font-display: swap; 504 src: url("/assets/inter/InterVariable-Italic-symbols-19ef9575.woff2") format("woff2"); 505 unicode-range: U+0370-03FF, U+2070-209F, U+20A0-20CF, U+2100-214F, U+2126; 506 } 507 508 @font-face { 509 font-family: Inter; 510 font-style: normal; 511 font-weight: 400 900; 512 font-display: swap; 513 src: url("/assets/inter/InterVariable-latin-4402b849.woff2") format("woff2"); 514 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+2264-2265, U+2713, U+FEFF, U+FFFD; 515 } 516 @font-face { 517 font-family: Inter; 518 font-style: italic; 519 font-weight: 400 900; 520 font-display: swap; 521 src: url("/assets/inter/InterVariable-Italic-latin-a5ec96fa.woff2") format("woff2"); 522 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+2264-2265, U+2713, U+FEFF, U+FFFD; 523 } 524 @font-face { 525 font-family: "Inter var"; 526 font-style: normal; 527 font-weight: 400 900; 528 font-display: swap; 529 src: url("/assets/inter/InterVariable-latin-4402b849.woff2") format("woff2"); 530 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+2264-2265, U+2713, U+FEFF, U+FFFD; 531 } 532 @font-face { 533 font-family: "Inter var"; 534 font-style: italic; 535 font-weight: 400 900; 536 font-display: swap; 537 src: url("/assets/inter/InterVariable-Italic-latin-a5ec96fa.woff2") format("woff2"); 538 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+2264-2265, U+2713, U+FEFF, U+FFFD; 539 } 540</style> 541 542 543 544 545 546 547 548 <link rel="alternate" type="application/atom+xml" title="New Products" href="https://littlebirdelectronics.com.au/products.atom"> 549 <link rel="alternate" type="application/activity+json" href="/activitypub/actor"> 550 <link rel="alternate" type="text/markdown" href="https://littlebirdelectronics.com.au/cart.md" title="Markdown"> 551 552
553</head> 554<body class="h-full flex flex-col bg-white dark:bg-gray-950 text-gray-900 dark:text-gray-100 antialiased" 555 data-controller="ecommerce--lightbox"> 556 <div class="sr-only focus-within:not-sr-only focus-within:fixed focus-within:top-2 focus-within:left-2 focus-within:z-[100] focus-within:max-w-md focus-within:rounded-lg focus-within:bg-gray-900 focus-within:px-4 focus-within:py-3 focus-within:text-sm focus-within:text-white focus-within:shadow-lg"> 557 AI agents & screen readers: for a machine-readable, text-only catalogue, 558 start at <a href="/llms.txt" class="font-semibold underline">/llms.txt</a>. 559 Products are available as Markdown 560 (<a href="/products.md" class="underline">/products.md</a>, <code>/products/{handle}.md</code>) 561 and JSON 562 (<a href="/products.json" class="underline">/products.json</a>, <code>/products/{handle}.json</code>). 563 </div> 564 565 <div data-controller="ecommerce--gtag" 566 data-ecommerce--gtag-events-value="[{"name":"page_view","params":{}}]" 567 data-ecommerce--gtag-user-data-value="{}" 568 hidden></div> 569 570 571 572 573 574 <div data-controller="alert" data-alert-show-class="flex" data-alert-hidden-class="hidden" class="bg-gray-900 dark:bg-brand-700 text-white text-center text-sm py-2.5 px-4 relative" role="banner"> 575 <div class="mx-auto max-w-7xl flex items-center justify-center w-full"> 576 <p class="font-medium tracking-wide">Due to the Mid-Autumn Festival holiday in China, orders supplied by DFRobot, ElecFreaks, Elecrow and Waveshare may take longer than usual. Items already available in our Sydney warehouse are unaffected.</p> 577 <button type="button" data-action="alert#close" class="absolute right-3 top-1/2 -translate-y-1/2 text-white/70 hover:text-white transition-colors" aria-label="Dismiss"> 578 <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /></svg> 579 </button> 580 </div> 581 </div> 582 583 <div class="bg-brand-600 dark:bg-brand-900 text-sm py-2 px-4 border-b border-brand-500"> 584 <div class="mx-auto max-w-7xl flex items-center justify-between"> 585 <div class="flex items-center gap-5"> 586 <a href="tel:1300240817" class="flex items-center gap-2 text-white hover:text-gray-200 transition-colors"> 587 <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z" /></svg> 588 <span class="font-semibold">1300 240 817</span> 589 </a> 590 <a href="mailto:[email protected]" class="hidden sm:flex items-center gap-2 text-white hover:text-gray-200 transition-colors"> 591 <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75" /></svg> 592 <span>[email protected]</span> 593 </a> 594 </div> 595 </div> 596 </div> 597 598 <header class="sticky top-0 z-40 bg-brand-400 dark:bg-brand-800 border-b border-brand-500 dark:border-brand-700" data-controller="ecommerce--mobile-menu"> 599 <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> 600 <div class="flex h-16 items-center gap-x-3 lg:gap-x-6"> 601 602 <div class="flex lg:hidden"> 603 <button type="button" data-action="ecommerce--mobile-menu#open" class="-ml-2 rounded-md p-2 text-white/80 hover:text-white hover:bg-white/10 transition-colors" aria-label="Open menu"> 604 <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /></svg> 605 </button> 606 </div> 607 608 <div class="flex-shrink-0 min-w-0"> 609 <a class="flex items-center hover:opacity-90 transition-opacity" href="/"> 610 <img class="h-8 w-auto max-w-[120px] object-contain object-left sm:hidden" alt="Little Bird Electronics" draggable="false" src="/assets/little-bird-narrow-logo-91b9e624.svg" /> 611 <img class="hidden sm:block h-10 w-[210px] lg:h-12 lg:w-[240px] object-contain" alt="Little Bird Electronics" draggable="false" width="240" height="48" src="/assets/little-bird-wide-logo-a0615984.svg" /> 612</a> </div> 613 614 <form action="/products" method="get" data-turbo="false" 615 class="flex-1 min-w-0 hidden sm:block relative" 616 data-controller="ecommerce--search-suggest" 617 data-ecommerce--search-suggest-url-value="/products/suggest" 618 data-ecommerce--search-suggest-search-url-value="/products" 619 onsubmit="var s=this.querySelector('[name=_scope]'); this.action = s.value || '/products'; s.disabled = true;"> 620 <div class="flex items-stretch rounded-md overflow-hidden shadow-sm ring-1 ring-black/10 focus-within:ring-2 focus-within:ring-gold-500 bg-white"> 621 <div class="relative flex items-center bg-gray-100 hover:bg-gray-200 border-r border-gray-200"> 622 <select name="_scope" aria-label="Search scope" 623 data-ecommerce--search-suggest-target="scope" 624 data-action="change->ecommerce--search-suggest#onScopeChange" 625 class="appearance-none bg-transparent bg-none pl-3 pr-7 py-2 text-xs font-medium text-gray-700 border-0 focus:outline-none focus:ring-0 focus:border-0 cursor-pointer"> 626 <option value="/products" data-scope="all">All</option> 627 <option value="/products" data-scope="products">Products</option> 628 <option value="/blogs/news" data-scope="blog">News</option> 629 <option value="/products" data-scope="education">Education</option> 630 <option value="/help" data-scope="help">Help</option> 631 <option value="/products" data-scope="pages">Pages</option> 632 </select> 633 <svg class="pointer-events-none absolute right-2 h-3 w-3 text-gray-500" viewB
633ox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" /></svg> 634 </div> 635 <input type="text" name="q" placeholder="Search Little Bird Electronics" autocomplete="off" 636 aria-label="Search" 637 data-ecommerce--search-suggest-target="input" 638 data-action="input->ecommerce--search-suggest#onInput focus->ecommerce--search-suggest#onFocus keydown->ecommerce--search-suggest#onKeydown" 639 class="flex-1 min-w-0 px-3 py-2 text-sm touch:text-base text-gray-900 placeholder-gray-500 bg-white border-0 focus:outline-none focus:ring-0 focus:border-0"> 640 <button type="button" data-ecommerce--search-suggest-target="clear" data-action="ecommerce--search-suggest#clear" class="hidden px-2 text-gray-400 hover:text-gray-700" aria-label="Clear"> 641 <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /></svg> 642 </button> 643 <button type="submit" class="flex items-center justify-center px-4 bg-gold-500 hover:bg-gold-600 text-white transition-colors" aria-label="Search"> 644 <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" /></svg> 645 </button> 646 </div> 647 <div data-ecommerce--search-suggest-target="panel" class="hidden absolute left-0 right-0 top-full mt-1 z-[70] bg-white dark:bg-gray-900 rounded-md shadow-xl ring-1 ring-black/10 dark:ring-white/10 max-h-[70vh] overflow-y-auto"></div> 648 </form> 649 650 <div class="flex items-center gap-x-1 sm:gap-x-2 lg:gap-x-4 flex-shrink-0 ml-auto"> 651 <a class="md:hidden flex items-center justify-center rounded-md p-2 text-white/90 hover:text-white hover:bg-white/10 transition-colors" aria-label="Account" href="/account/login"> 652 <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" /></svg> 653</a> 654 <a class="hidden md:flex flex-col leading-tight rounded-md px-2 py-1 text-white/90 hover:text-white hover:bg-white/10 transition-colors" href="/account/login"> 655 <span class="text-[11px]">Hello, sign in</span> 656 <span class="text-sm font-bold">Account & Lists</span> 657</a> 658 659 <a class="relative flex items-end rounded-md px-2 py-1 text-white/90 hover:text-white hover:bg-white/10 transition-colors group" aria-label="Shopping cart" data-controller="ecommerce--cart-bounce" href="/cart"> 660 <div class="relative"> 661 <svg class="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007Z" /></svg> 662 <turbo-frame id="cart_count"> 663 </turbo-frame> 664 </div> 665 <span class="hidden lg:inline ml-1 text-sm font-bold">Cart</span> 666</a> </div> 667 </div> 668 669 <div class="sm:hidden pb-3 -mt-1 px-4"> 670 <form action="/products" method="get" data-turbo="false" 671 class="relative" 672 data-controller="ecommerce--search-suggest" 673 data-ecommerce--search-suggest-url-value="/products/suggest" 674 data-ecommerce--search-suggest-search-url-value="/products"> 675 <div class="flex items-stretch rounded-md overflow-hidden shadow-sm ring-1 ring-black/10 focus-within:ring-2 focus-within:ring-gold-500 bg-white"> 676 <input type="text" name="q" placeholder="Search Little Bird Electronics" autocomplete="off" 677 aria-label="Search" 678 data-ecommerce--search-suggest-target="input" 679 data-action="input->ecommerce--search-suggest#onInput focus->
679ecommerce--search-suggest#onFocus keydown->ecommerce--search-suggest#onKeydown" 680 class="flex-1 min-w-0 px-3 py-2.5 text-sm touch:text-base text-gray-900 placeholder-gray-500 bg-white border-0 focus:outline-none focus:ring-0"> 681 <button type="button" data-ecommerce--search-suggest-target="clear" data-action="ecommerce--search-suggest#clear" class="hidden px-2 text-gray-400 hover:text-gray-700" aria-label="Clear"> 682 <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /></svg> 683 </button> 684 <button type="submit" class="flex items-center justify-center px-4 bg-gold-500 hover:bg-gold-600 text-white transition-colors" aria-label="Search"> 685 <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" /></svg> 686 </button> 687 </div> 688 <div data-ecommerce--search-suggest-target="panel" class="hidden absolute left-0 right-0 top-full mt-1 z-[70] bg-white dark:bg-gray-900 rounded-md shadow-xl ring-1 ring-black/10 dark:ring-white/10 max-h-[70vh] overflow-y-auto"></div> 689 </form> 690 </div> 691 </div> 692 693 <nav class="hidden lg:block bg-brand-500/40 dark:bg-brand-900/60 border-t border-white/10" aria-label="Main navigation"> 694 <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> 695 <div class="flex h-10 items-center gap-x-5 text-sm font-medium text-white [&_a]:text-white [&_a:hover]:text-white"> 696 <a class="inline-flex items-center gap-x-1.5 hover:text-white hover:bg-white/10 px-2 py-1 rounded transition-colors" href="/collections"> 697 <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /></svg> 698 All 699</a> 700 <a class="hover:text-white hover:bg-white/10 px-2 py-1 rounded transition-colors whitespace-nowrap" href="/blogs/news">News</a> 701 702 <div class="relative" data-controller="dropdown"> 703 <button type="button" data-action="dropdown#toggle click@window->dropdown#hide" class="inline-flex items-center gap-x-1 hover:text-white transition-colors"> 704 Shop 705 <svg class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" /></svg> 706 </button> 707 <div data-dropdown-target="menu" class="hidden absolute left-0 z-[60] mt-2 w-48 origin-top-left rounded-lg bg-white dark:bg-gray-800 py-2 shadow-xl ring-1 ring-black/10 dark:ring-white/10 [&_a]:!text-gray-700 dark:[&_a]:!text-gray-300 [&_a:hover]:!text-gray-900 dark:[&_a:hover]:!text-white"> 708 <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/collections">All Products</a> 709 <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/products?sort=newest">New Products</a> 710 <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/collections/special-deals">Deals</a> 711 <div class="border-t border-gray-100 dark:border-gray-700 my-1"></div> 712 <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/platforms">Platforms</a> 713 <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/brands">Brands</a> 714 <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/collections">Collections</a> 715 <div class="border-t border-gray-100 dark:border-gray-700 my-1"></div> 716 <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/projects">Projects</a> 717 </div> 718 </div> 719 720 <div class="relative" data-controller="dropdown"> 721 <button type="button" data-action="dropdown#toggle click@window->dropdown#hide" class="inline-flex items-center gap-x-1 hover:text-white transition-colors"> 722 Resources 723 <svg class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" /></svg> 724 </button> 725 <div data-dropdown-target="menu" class="hidden absolute left-0 z-[60] mt-2 w-48 origin-top-left rounded-lg bg-white dark:bg-gray-800 py-2 shadow-xl ring-1 ring-black/10 dark:ring-white/10 [&_a]:!text-gray-700 dark:[&_a]:!text-gray-300 [&_a:hover]:!text-gray-900 dark:[&_a:hover]:!text-white"> 726 <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/guides">Buying Guides</a> 727 <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/calculators">Calculators</a> 728 <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/projects">Projects</a> 729 <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/open-source">Open Source</a> 730 <div class="border-t border-gray-100 dark:border-gray-700 my-1"></div> 731 <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/courses">Courses</a> 732 <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/curriculum">Curriculum</a> 733 <div class="border-t border-gray-100 dark:border-gray-700 my-1"></div> 734 <a class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white" href="/english">English IDE</a> 735 </div> 736 </div> 737 738 <a class="hover:text-white hover:bg-white/10 px-2 py-1 rounded transition-colors whitespace-nowrap" href="/education">Education</a> 739 <a class="hover:text-white hover:bg-white/10 px-2 py-1 rounded transition-colors whitespace-nowrap" href="/community">Community</a> 740 <a class="hover:text-white hover:bg-white/10 px-2 py-1 rounded transition-colors whitespace-nowrap" href="/help">Help</a> 741 <a class="hover:text-white hover:bg-white/10 px-2 py-1 rounded transition-colors whitespace-nowrap" href="/contact">Contact</a> 742 <a class="hover:text-white hover:bg-white/10 px-2 py-1 rounded transition-colors whitespace-nowrap" href="/ai">AI</a> 743 </div> 744 </div> 745 </nav> 746 747 <div data-ecommerce--mobile-menu-target="backdrop" data-action="click->
747ecommerce--mobile-menu#closeOnBackdrop" class="fixed inset-0 z-40 bg-black/40 backdrop-blur-sm opacity-0 pointer-events-none transition-opacity duration-300 lg:hidden"></div> 748 749 <div data-ecommerce--mobile-menu-target="drawer" class="fixed inset-y-0 left-0 z-50 w-full max-w-xs bg-white dark:bg-gray-900 shadow-2xl transform -translate-x-full transition-transform duration-300 ease-in-out lg:hidden"> 750 <div class="flex items-center justify-between px-5 py-4 border-b border-gray-200 dark:border-gray-800"> 751 <span class="text-lg font-bold text-gray-900 dark:text-white">Store</span> 752 <button type="button" data-action="ecommerce--mobile-menu#close" class="rounded-md p-2 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" aria-label="Close menu"> 753 <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /></svg> 754 </button> 755 </div> 756 <nav class="px-5 pt-6 pb-32 space-y-1 bg-white dark:bg-gray-900 overflow-y-auto max-h-[calc(100vh-65px)] overscroll-contain" aria-label="Mobile navigation"> 757 <p class="px-3 pt-1 pb-2 text-xs font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500">Shop</p> 758 <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/collections"> 759 <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M20.25 7.5l-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z" /></svg> 760 All Products 761</a> <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/products?sort=newest"> 762 <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /></svg> 763 New Products 764</a> <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/collections/special-deals"> 765 <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z" /></svg> 766 Deals 767</a> <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/platforms"> 768 <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 3v1.5M4.5 8.25H3m18 0h-1.5M4.5 12H3m18 0h-1.5M4.5 15.75H3m18 0h-1.5M8.25 19.5V21M12 3v1.5m0 15V21m3.75-18v1.5m0 15V21m-9-1.5h10.5a2.25 2.25 0 0 0 2.25-2.25V6.75a2.25 2.25 0 0 0-2.25-2.25H6.75A2.25 2.25 0 0 0 4.5 6.75v10.5a2.25 2.25 0 0 0 2.25 2.25Z" /></svg> 769 Platforms 770</a> <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/brands"> 771 <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z" /></svg> 772 Brands 773</a> <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/collections"> 774 <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 6.878V6a2.25 2.25 0 0 1 2.25-2.25h7.5A2.25 2.25 0 0 1 18 6v.878m-12 0c.235-.083.487-.128.75-.128h10.5c.263 0 .515.045.75.128m-12 0A2.25 2.25 0 0 0 4.5 9v.878m13.5-3A2.25 2.25 0 0 1 19.5 9v.878m-13.5-3h13.5m-13.5 0A2.25 2.25 0 0 0 3 9.878V18a2.25 2.25 0 0 0 2.25 2.25h13.5A2.25 2.25 0 0 0 21 18V9.878a2.25 2.25 0 0 0-1.5-2.878" /></svg> 775 Collections 776</a> <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/projects"> 777 <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M11.42 15.17 17.25 21A2.652 2.652 0 0 0 21 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 1 1-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14a4.5 4.5 0 0 0 4.486-6.336l-3.276 3.277a3.004 3.004 0 0 1-2.25-2.25l3.276-3.276a4.5 4.5 0 0 0-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437 1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008v-.008Z" /></svg> 778 Projects 779</a> <div class="border-t border-gray-200 dark:border-gray-800 my-4"></div> 780 <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/blogs/news"> 781 <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6V7.5Z" /></svg> 782 News 783</a> <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/education"> 784 <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5" /></svg> 785 Education 786</a> <div class="border-t border-gray-200 dark:border-gray-800 my-4"></div> 787 <p class="px-3 pt-1 pb-2 text-xs font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500">Resources</p> 788 <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/guides"> 789 <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25" /></svg> 790 Buying Guides 791</a> <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/calculators"> 792 <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 15.75V18m-7.5-6.75h.008v.008H8.25v-.008Zm0 2.25h.008v.008H8.25V13.5Zm0 2.25h.008v.008H8.25v-.008Zm0 2.25h.008v.008H8.25V18Zm2.498-6.75h.007v.008h-.007v-.008Zm0 2.25h.007v.008h-.007V13.5Zm0 2.25h.007v.008h-.007v-.008Zm0 2.25h.007v.008h-.007V18Zm2.504-6.75h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V13.5Zm0 2.25h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V18Zm2.498-6.75h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V13.5ZM8.25 6h7.5v2.25h-7.5V6ZM12 2.25c-1.892 0-3.758.11-5.593.322C5.307 2.7 4.5 3.65 4.5 4.757V19.5a2.25 2.25 0 0 0 2.25 2.25h10.5a2.25 2.25 0 0 0 2.25-2.25V4.757c0-1.108-.806-2.057-1.907-2.185A48.507 48.507 0 0 0 12 2.25Z" /></svg> 793 Calculators 794</a> <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/open-source">
795 <svg class="h-5 w-5 text-gray-400" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg> 796 Open Source 797</a> <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/courses"> 798 <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5" /></svg> 799 Courses 800</a> <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/curriculum"> 801 <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /></svg> 802 Curriculum 803</a> <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/english"> 804 <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M17.25 6.75 22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3-4.5 16.5" /></svg> 805 English IDE 806</a> <div class="border-t border-gray-200 dark:border-gray-800 my-4"></div> 807 <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/community"> 808 <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155" /></svg> 809 Community 810</a> <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/help"> 811 <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z" /></svg> 812 Help 813</a> <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/contact"> 814 <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.625 9.75a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H8.25m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H12m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0h-.375m-13.5 3.01c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 0 1 .778-.332 48.294 48.294 0 0 0 5.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.
814123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z" /></svg> 815 Contact 816</a> <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/ai"> 817 <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.455 2.456L21.75 6l-1.036.259a3.375 3.375 0 0 0-2.455 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z" /></svg> 818 AI 819</a> <div class="border-t border-gray-200 dark:border-gray-800 my-4"></div> 820 <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/cart"> 821 <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" /></svg> 822 Cart 823</a> <div class="border-t border-gray-200 dark:border-gray-800 my-4"></div> 824 <a class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" href="/account/login"> 825 <svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" /></svg> 826 Sign In 827</a> </nav> 828 </div> 829 </header> 830 831 832 833 <main class="flex-1 bg-white dark:bg-gray-950"> 834 <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 pt-8 sm:pt-10 pb-16 sm:pb-20"> 835 836<div data-controller="ecommerce--cart ecommerce--quote-details" 837 data-action="click->ecommerce--quote-details#intercept:capture keydown@window->ecommerce--quote-details#closeOnEscape" 838 data-ecommerce--quote-details-url-value="/cart/quote_details" 839 data-ecommerce--quote-details-email-url-value="/cart/quote_details/email" 840 data-ecommerce--quote-details-required-value="true" 841 data-ecommerce--quote-details-auto-open-value="false"> 842 <turbo-frame id="cart_content" target="_top"> 843 <div class="text-center py-16 sm:py-24"> 844 <div class="mx-auto h-28 w-28 rounded-full bg-gray-100 dark:bg-gray-800 flex items-center justify-center mb-8"> 845 <svg class="h-14 w-14 text-gray-300 dark:text-gray-600" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor"> 846 <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" /> 847 </svg> 848 </div> 849 <h1 class="text-2xl sm:text-3xl font-bold text-gray-900 dark:text-white">Your cart is empty</h1> 850 <p class="mt-3 text-base text-gray-500 dark:text-gray-400 max-w-md mx-auto">Looks like you haven't added anything to your cart yet. Browse our products and find something you love.</p> 851 <div class="mt-8"> 852 <a class="inline-flex items-center gap-2 rounded-xl bg-brand-600 px-6 py-3.5 text-base font-semibold text-white shadow-sm hover:bg-brand-500 transition-colors" data-turbo-frame="_top" href="/products"> 853 <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 21v-7.5a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 .75.75V21m-4.5 0H2.36m11.14 0H18m0 0h3.64m-1.39 0V9.349M3.75 21V9.349m0 0a3.001 3.001 0 0 0 3.75-.615A2.993 2.993 0 0 0 9.75 9.75c.896 0 1.7-.393 2.25-1.016a2.993 2.993 0 0 0 2.25 1.016c.896 0 1.7-.393 2.25-1.015a3.001 3.001 0 0 0 3.75.614m-16.5 0a3.004 3.004 0 0 1-.621-4.72l1.189-1.19A1.5 1.5 0 0 1 5.378 3h13.243a1.5 1.5 0 0 1 1.06.44l1.19 1.189a3 3 0 0 1-.621 4.72M6.75 18h3.75a.75.75 0 0 0 .75-.75V13.5a.75.75 0 0 0-.75-.75H6.75a.75.75 0 0 0-.75.75v3.75c0 .414.336.75.75.75Z" /></svg> 854 Continue Shopping 855</a> </div> 856 </div> 857 858 <div class="mt-4 border-t border-gray-200 dark:border-gray-800 pt-12"> 859 860 <div> 861 <div class="mb-6 sm:mb-8"> 862 <h2 class="text-2xl sm:text-3xl font-bold tracking-tight text-gray-900 dark:text-white">Most popular</h2> 863 <p class="mt-2 text-sm text-gray-500 dark:text-gray-400">Not sure where to start? Here's what everyone else is buying.</p> 864 </div> 865 866 <ol aria-label="Most popular" 867 class="list-none flex gap-4 overflow-x-auto snap-x snap-mandatory pb-3 -mx-4 px-4 scroll-px-4 868 sm:gap-5 869 lg:grid lg:grid-cols-5 lg:gap-6 lg:overflow-visible lg:pb-0 lg:mx-0 lg:px-0 lg:scroll-px-0"> 870 <li class="snap-start shrink-0 w-40 sm:w-48 lg:w-auto"> 871 <a class="group relative flex h-full flex-col" data-turbo-frame="_top" href="/products/heatsink-kit-for-raspberry-pi-4b-purple"> 872 <div class="relative aspect-square overflow-hidden rounded-xl bg-gray-100 dark:bg-gray-800 ring-1 ring-gray-200/50 dark:ring-gray-700/50"> 873 <img class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" alt="Heatsink Kit for Raspberry Pi 4B Purple" loading="lazy" width="400" height="400" src="/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkCusxJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--c71e12c3fef3e3b493edd2c91e6fa47cb090af11/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsIOgtmb3JtYXQ6CXdlYnA6E3Jlc2l6ZV90b19maWxsWwdpApABaQKQAToKc2F2ZXJ7BzoMcXVhbGl0eWlXOgpzdHJpcFRJIghwdXIGOwBUSSIOdmFyaWF0aW9uBjsARg==--7ac1464f840979a0fbadf7166c435cc8fec8cbc3/image_4362cfdc-86be-4729-9410-1
8735cead1c3ebd.jpg" /> 874 875 <span class="absolute top-2.5 left-2.5 inline-flex h-7 min-w-7 items-center justify-center rounded-full px-2 text-xs font-bold tabular-nums shadow-sm bg-[#FFD814] text-gray-900" 876 aria-hidden="true"> 877 1 878 </span> 879 880 <div class="absolute top-2.5 right-2.5"> 881 <span class="inline-flex items-center rounded-full bg-red-500 px-2 py-0.5 text-[11px] font-bold text-white shadow-sm">Sale</span> 882 </div> 883 </div> 884 885 <div class="mt-3 flex flex-col gap-1"> 886 <p class="text-[11px] font-medium text-gray-400 dark:text-gray-500 uppercase tracking-wider truncate">Little Bird</p> 887 <h3 class="text-sm font-medium text-gray-900 dark:text-white group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors line-clamp-2 leading-snug"> 888 <span class="sr-only">Number 1 best seller: </span>Heatsink Kit for Raspberry Pi 4B Purple 889 </h3> 890 <div class="flex items-center gap-2 mt-0.5"> 891 <span class="text-sm font-bold text-red-600 dark:text-red-400">$0.35</span> 892 <span class="text-xs text-gray-400 line-through">$2.95</span> 893 </div> 894 </div> 895</a> </li> 896 <li class="snap-start shrink-0 w-40 sm:w-48 lg:w-auto"> 897 <a class="group relative flex h-full flex-col" data-turbo-frame="_top" href="/products/hdmi-dummy-plug"> 898 <div class="relative aspect-square overflow-hidden rounded-xl bg-gray-100 dark:bg-gray-800 ring-1 ring-gray-200/50 dark:ring-gray-700/50"> 899 <img class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" alt="HDMI Dummy Plug" loading="lazy" width="400" height="400" src="/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkCCzxJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--1fa7270c9b3c847f18a9a4045e0a42e8603d7987/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsIOgtmb3JtYXQ6CXdlYnA6E3Jlc2l6ZV90b19maWxsWwdpApABaQKQAToKc2F2ZXJ7BzoMcXVhbGl0eWlXOgpzdHJpcFRJIghwdXIGOwBUSSIOdmFyaWF0aW9uBjsARg==--7ac1464f840979a0fbadf7166c435cc8fec8cbc3/image_c11dffef-4ae9-4c67-adec-a7116d4ba37f.jpg" /> 900 901 <span class="absolute top-2.5 left-2.5 inline-flex h-7 min-w-7 items-center justify-center rounded-full px-2 text-xs font-bold tabular-nums shadow-sm bg-[#FFD814] text-gray-900" 902 aria-hidden="true"> 903 2 904 </span> 905 906 <div class="absolute top-2.5 right-2.5"> 907 <span class="inline-flex items-center rounded-full bg-red-500 px-2 py-0.5 text-[11px] font-bold text-white shadow-sm">Sale</span> 908 </div> 909 </div> 910 911 <div class="mt-3 flex flex-col gap-1"> 912 <p class="text-[11px] font-medium text-gray-400 dark:text-gray-500 uppercase tracking-wider truncate">Adafruit</p> 913 <h3 class="text-sm font-medium text-gray-900 dark:text-white group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors line-clamp-2 leading-snug"> 914 <span class="sr-only">Number 2 best seller: </span>HDMI Dummy Plug 915 </h3> 916 <div class="flex items-center gap-2 mt-0.5"> 917 <span class="text-sm font-bold text-red-600 dark:text-red-400">$5.25</span> 918 <span class="text-xs text-gray-400 line-through">$7.70</span> 919 </div> 920 </div> 921</a> </li> 922 <li class="snap-start shrink-0 w-40 sm:w-48 lg:w-auto"> 923 <a class="group relative flex h-full flex-col" data-turbo-frame="_top" href="/products/usb-c-to-micro-usb-cable-for-micro-bit"> 924 <div class="relative aspect-square overflow-hidden rounded-xl bg-gray-100 dark:bg-gray-800 ring-1 ring-gray-200/50 dark:ring-gray-700/50"> 925 <img class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" alt="USB-C to Micro USB Cable for Micro:bit" loading="lazy" width="400" height="400" src="/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkC+hdJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--e0b2da0d0040fa413439e3dee6ef12918290d808/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsIOgtmb3JtYXQ6CXdlYnA6E3Jlc2l6ZV90b19maWxsWwdpApABaQKQAToKc2F2ZXJ7BzoMcXVhbGl0eWlXOgpzdHJpcFRJIghwdXIGOwBUSSIOdmFyaWF0aW9uBjsARg==--7ac1464f840979a0fbadf7166c435cc8fec8cbc3/image_c275c4a8-4da5-471f-b1da-62e52671ca3f.jpg" /> 926
927 <span class="absolute top-2.5 left-2.5 inline-flex h-7 min-w-7 items-center justify-center rounded-full px-2 text-xs font-bold tabular-nums shadow-sm bg-[#FFD814] text-gray-900" 928 aria-hidden="true"> 929 3 930 </span> 931 932 <div class="absolute top-2.5 right-2.5"> 933 <span class="inline-flex items-center rounded-full bg-red-500 px-2 py-0.5 text-[11px] font-bold text-white shadow-sm">Sale</span> 934 </div> 935 </div> 936 937 <div class="mt-3 flex flex-col gap-1"> 938 <p class="text-[11px] font-medium text-gray-400 dark:text-gray-500 uppercase tracking-wider truncate">Little Bird</p> 939 <h3 class="text-sm font-medium text-gray-900 dark:text-white group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors line-clamp-2 leading-snug"> 940 <span class="sr-only">Number 3 best seller: </span>USB-C to Micro USB Cable for Micro:bit 941 </h3> 942 <div class="flex items-center gap-2 mt-0.5"> 943 <span class="text-sm font-bold text-red-600 dark:text-red-400">$5.85</span> 944 <span class="text-xs text-gray-400 line-through">$7.00</span> 945 </div> 946 </div> 947</a> </li> 948 <li class="snap-start shrink-0 w-40 sm:w-48 lg:w-auto"> 949 <a class="group relative flex h-full flex-col" data-turbo-frame="_top" href="/products/elecfreaks-high-speed-building-blocks-motor"> 950 <div class="relative aspect-square overflow-hidden rounded-xl bg-gray-100 dark:bg-gray-800 ring-1 ring-gray-200/50 dark:ring-gray-700/50"> 951 <img class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" alt="ELECFREAKS High-Speed Building Blocks Motor" loading="lazy" width="400" height="400" src="/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkCFxdJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--a2f46f3866f05c886e07e2ebf732492caa1a0785/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsIOgtmb3JtYXQ6CXdlYnA6E3Jlc2l6ZV90b19maWxsWwdpApABaQKQAToKc2F2ZXJ7BzoMcXVhbGl0eWlXOgpzdHJpcFRJIghwdXIGOwBUSSIOdmFyaWF0aW9uBjsARg==--7ac1464f840979a0fbadf7166c435cc8fec8cbc3/image_81c1cfbc-1876-4c86-9ade-b7a0686c0ad3.webp" /> 952 953 <span class="absolute top-2.5 left-2.5 inline-flex h-7 min-w-7 items-center justify-center rounded-full px-2 text-xs font-bold tabular-nums shadow-sm bg-white/90 text-gray-700 ring-1 ring-gray-200 dark:bg-gray-900/85 dark:text-gray-200 dark:ring-gray-700" 954 aria-hidden="true"> 955 4 956 </span> 957 958 </div> 959 960 <div class="mt-3 flex flex-col gap-1"> 961 <p class="text-[11px] font-medium text-gray-400 dark:text-gray-500 uppercase tracking-wider truncate">ElecFreaks</p> 962 <h3 class="text-sm font-medium text-gray-900 dark:text-white group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors line-clamp-2 leading-snug"> 963 <span class="sr-only">Number 4 best seller: </span>ELECFREAKS High-Speed Building Blocks Motor 964 </h3> 965 <div class="flex items-center gap-2 mt-0.5"> 966 <span class="text-sm font-semibold text-gray-900 dark:text-white">$11.30</span> 967 </div> 968 </div> 969</a> </li> 970 <li class="snap-start shrink-0 w-40 sm:w-48 lg:w-auto"> 971 <a class="group relative flex h-full flex-col" data-turbo-frame="_top" href="/products/barrel-jack-adapter-usb-to-5-5mm"> 972 <div class="relative aspect-square overflow-hidden rounded-xl bg-gray-100 dark:bg-gray-800 ring-1 ring-gray-200/50 dark:ring-gray-700/50"> 973 <img class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" alt="Barrel Jack Adapter - USB to 5.5mm" loading="lazy" width="400" height="400" src="/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkDchEBSSIIcHVyBjsAVEkiDGJsb2JfaWQGOwBG--0eb299b3015df5561daf37f0690bbb503ce8c306/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsIOgtmb3JtYXQ6CXdlYnA6E3Jlc2l6ZV90b19maWxsWwdpApABaQKQAToKc2F2ZXJ7BzoMcXVhbGl0eWlXOgpzdHJpcFRJIghwdXIGOwBUSSIOdmFyaWF0aW9uBjsARg==--7ac1464f840979a0fbadf7166c435cc8fec8cbc3/08639-01.jpg" /> 974
975 <span class="absolute top-2.5 left-2.5 inline-flex h-7 min-w-7 items-center justify-center rounded-full px-2 text-xs font-bold tabular-nums shadow-sm bg-white/90 text-gray-700 ring-1 ring-gray-200 dark:bg-gray-900/85 dark:text-gray-200 dark:ring-gray-700" 976 aria-hidden="true"> 977 5 978 </span> 979 980 </div> 981 982 <div class="mt-3 flex flex-col gap-1"> 983 <p class="text-[11px] font-medium text-gray-400 dark:text-gray-500 uppercase tracking-wider truncate">SparkFun</p> 984 <h3 class="text-sm font-medium text-gray-900 dark:text-white group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors line-clamp-2 leading-snug"> 985 <span class="sr-only">Number 5 best seller: </span>Barrel Jack Adapter - USB to 5.5mm 986 </h3> 987 <div class="flex items-center gap-2 mt-0.5"> 988 <span class="text-sm font-semibold text-gray-900 dark:text-white">$9.00</span> 989 </div> 990 </div> 991</a> </li> 992 <li class="snap-start shrink-0 w-40 sm:w-48 lg:w-auto"> 993 <a class="group relative flex h-full flex-col" data-turbo-frame="_top" href="/products/0-1-2-54mm-crimp-connector-housing-1x3-pin-25-pack"> 994 <div class="relative aspect-square overflow-hidden rounded-xl bg-gray-100 dark:bg-gray-800 ring-1 ring-gray-200/50 dark:ring-gray-700/50"> 995 <img class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" alt="0.1" (2.54mm) Crimp Connector Housing: 1x3-Pin 25-Pack" loading="lazy" width="400" height="400" src="/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkCwLFJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--5fb9a3cbd93b90ff8902ef7e8c8201601663fb30/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsIOgtmb3JtYXQ6CXdlYnA6E3Jlc2l6ZV90b19maWxsWwdpApABaQKQAToKc2F2ZXJ7BzoMcXVhbGl0eWlXOgpzdHJpcFRJIghwdXIGOwBUSSIOdmFyaWF0aW9uBjsARg==--7ac1464f840979a0fbadf7166c435cc8fec8cbc3/image_3c0dfb9f-34d4-41a0-a212-d33ca6a5a60e.jpg" /> 996 997 <span class="absolute top-2.5 left-2.5 inline-flex h-7 min-w-7 items-center justify-center rounded-full px-2 text-xs font-bold tabular-nums shadow-sm bg-white/90 text-gray-700 ring-1 ring-gray-200 dark:bg-gray-900/85 dark:text-gray-200 dark:ring-gray-700" 998 aria-hidden="true"> 999 6 1000 </span> 1001 1002 <div class="absolute top-2.5 right-2.5"> 1003 <span class="inline-flex items-center rounded-full bg-red-500 px-2 py-0.5 text-[11px] font-bold text-white shadow-sm">Sale</span> 1004 </div> 1005 </div> 1006 1007 <div class="mt-3 flex flex-col gap-1"> 1008 <p class="text-[11px] font-medium text-gray-400 dark:text-gray-500 uppercase tracking-wider truncate">Pololu</p> 1009 <h3 class="text-sm font-medium text-gray-900 dark:text-white group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors line-clamp-2 leading-snug"> 1010 <span class="sr-only">Number 6 best seller: </span>0.1" (2.54mm) Crimp Connector Housing: 1x3-Pin 25-Pack 1011 </h3> 1012 <div class="flex items-center gap-2 mt-0.5"> 1013 <span class="text-sm font-bold text-red-600 dark:text-red-400">$0.35</span> 1014 <span class="text-xs text-gray-400 line-through">$4.00</span> 1015 </div> 1016 </div> 1017</a> </li> 1018 <li class="snap-start shrink-0 w-40 sm:w-48 lg:w-auto"> 1019 <a class="group relative flex h-full flex-col" data-turbo-frame="_top" href="/products/940nm-ir-infrared-and-receiver-led"> 1020 <div class="relative aspect-square overflow-hidden rounded-xl bg-gray-100 dark:bg-gray-800 ring-1 ring-gray-200/50 dark:ring-gray-700/50"> 1021 <img class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" alt="940nm IR Infrared and Receiver LED" loading="lazy" width="400" height="400" src="/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkCY0ZJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--43488be20c80e59eb3ba2edd97d5457aec297939/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsIOgtmb3JtYXQ6CXdlYnA6E3Jlc2l6ZV90b19maWxsWwdpApABaQKQAToKc2F2ZXJ7BzoMcXVhbGl0eWlXOgpzdHJpcFRJIghwdXIGOwBUSSIOdmFyaWF0aW9uBjsARg==--7ac1464f840979a0fbadf7166c435cc8fec8cbc3/image_4fd32e61-e112-416a-8c2e-e46483a51848.jpg" /> 1022
1023 <span class="absolute top-2.5 left-2.5 inline-flex h-7 min-w-7 items-center justify-center rounded-full px-2 text-xs font-bold tabular-nums shadow-sm bg-white/90 text-gray-700 ring-1 ring-gray-200 dark:bg-gray-900/85 dark:text-gray-200 dark:ring-gray-700" 1024 aria-hidden="true"> 1025 7 1026 </span> 1027 1028 </div> 1029 1030 <div class="mt-3 flex flex-col gap-1"> 1031 <p class="text-[11px] font-medium text-gray-400 dark:text-gray-500 uppercase tracking-wider truncate">Little Bird</p> 1032 <h3 class="text-sm font-medium text-gray-900 dark:text-white group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors line-clamp-2 leading-snug"> 1033 <span class="sr-only">Number 7 best seller: </span>940nm IR Infrared and Receiver LED 1034 </h3> 1035 <div class="flex items-center gap-2 mt-0.5"> 1036 <span class="text-sm font-semibold text-gray-900 dark:text-white">$1.20</span> 1037 </div> 1038 </div> 1039</a> </li> 1040 <li class="snap-start shrink-0 w-40 sm:w-48 lg:w-auto"> 1041 <a class="group relative flex h-full flex-col" data-turbo-frame="_top" href="/products/raspberry-pi-4-model-b"> 1042 <div class="relative aspect-square overflow-hidden rounded-xl bg-gray-100 dark:bg-gray-800 ring-1 ring-gray-200/50 dark:ring-gray-700/50"> 1043 <img class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" alt="Raspberry Pi 4 Model B" loading="lazy" width="400" height="400" src="/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkCEDxJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--02215c0d1f4f6f0aedff5c0fd4ec53b020640427/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsIOgtmb3JtYXQ6CXdlYnA6E3Jlc2l6ZV90b19maWxsWwdpApABaQKQAToKc2F2ZXJ7BzoMcXVhbGl0eWlXOgpzdHJpcFRJIghwdXIGOwBUSSIOdmFyaWF0aW9uBjsARg==--7ac1464f840979a0fbadf7166c435cc8fec8cbc3/image_1de12796-2667-4685-8633-a4294ed527a0.jpg" /> 1044 1045 <span class="absolute top-2.5 left-2.5 inline-flex h-7 min-w-7 items-center justify-center rounded-full px-2 text-xs font-bold tabular-nums shadow-sm bg-white/90 text-gray-700 ring-1 ring-gray-200 dark:bg-gray-900/85 dark:text-gray-200 dark:ring-gray-700" 1046 aria-hidden="true"> 1047 8 1048 </span> 1049 1050 </div> 1051 1052 <div class="mt-3 flex flex-col gap-1"> 1053 <p class="text-[11px] font-medium text-gray-400 dark:text-gray-500 uppercase tracking-wider truncate">Raspberry Pi Ltd</p> 1054 <h3 class="text-sm font-medium text-gray-900 dark:text-white group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors line-clamp-2 leading-snug"> 1055 <span class="sr-only">Number 8 best seller: </span>Raspberry Pi 4 Model B 1056 </h3> 1057 <div class="flex items-center gap-2 mt-0.5"> 1058 <span class="text-sm font-semibold text-gray-900 dark:text-white">$70.61 – $274.00</span> 1059 </div> 1060 </div> 1061</a> </li> 1062 <li class="snap-start shrink-0 w-40 sm:w-48 lg:w-auto"> 1063 <a class="group relative flex h-full flex-col" data-turbo-frame="_top" href="/products/sensitive-sw-520d-ball-switch-5818c153-fdf0-4e26-9986-18efb2889f87"> 1064 <div class="relative aspect-square overflow-hidden rounded-xl bg-gray-100 dark:bg-gray-800 ring-1 ring-gray-200/50 dark:ring-gray-700/50"> 1065 <img class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" alt="Sensitive SW-520D Ball Switch" loading="lazy" width="400" height="400" src="/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkC0mpJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--a658458528f38ccc150bc09eef2db1d8b1d23a0a/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsIOgtmb3JtYXQ6CXdlYnA6E3Jlc2l6ZV90b19maWxsWwdpApABaQKQAToKc2F2ZXJ7BzoMcXVhbGl0eWlXOgpzdHJpcFRJIghwdXIGOwBUSSIOdmFyaWF0aW9uBjsARg==--7ac1464f840979a0fbadf7166c435cc8fec8cbc3/image_bbefce89-dda2-4e47-ae06-04ded1d3f54f.jpg" /> 1066
1067 <span class="absolute top-2.5 left-2.5 inline-flex h-7 min-w-7 items-center justify-center rounded-full px-2 text-xs font-bold tabular-nums shadow-sm bg-white/90 text-gray-700 ring-1 ring-gray-200 dark:bg-gray-900/85 dark:text-gray-200 dark:ring-gray-700" 1068 aria-hidden="true"> 1069 9 1070 </span> 1071 1072 <div class="absolute top-2.5 right-2.5"> 1073 <span class="inline-flex items-center rounded-full bg-red-500 px-2 py-0.5 text-[11px] font-bold text-white shadow-sm">Sale</span> 1074 </div> 1075 </div> 1076 1077 <div class="mt-3 flex flex-col gap-1"> 1078 <p class="text-[11px] font-medium text-gray-400 dark:text-gray-500 uppercase tracking-wider truncate">Little Bird</p> 1079 <h3 class="text-sm font-medium text-gray-900 dark:text-white group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors line-clamp-2 leading-snug"> 1080 <span class="sr-only">Number 9 best seller: </span>Sensitive SW-520D Ball Switch 1081 </h3> 1082 <div class="flex items-center gap-2 mt-0.5"> 1083 <span class="text-sm font-bold text-red-600 dark:text-red-400">$0.21</span> 1084 <span class="text-xs text-gray-400 line-through">$2.00</span> 1085 </div> 1086 </div> 1087</a> </li> 1088 <li class="snap-start shrink-0 w-40 sm:w-48 lg:w-auto"> 1089 <a class="group relative flex h-full flex-col" data-turbo-frame="_top" href="/products/stackable-header-5-pin"> 1090 <div class="relative aspect-square overflow-hidden rounded-xl bg-gray-100 dark:bg-gray-800 ring-1 ring-gray-200/50 dark:ring-gray-700/50"> 1091 <img class="h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" alt="Stackable Header - 5 Pin" loading="lazy" width="400" height="400" src="/rails/active_storage/representations/redirect/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVGkC22pJIghwdXIGOwBUSSIMYmxvYl9pZAY7AEY=--7612334bcc1cf35fe0694abb68f81cebed3396f2/BAh7BkkiC19yYWlscwY6BkVUewdJIglkYXRhBjsAVHsIOgtmb3JtYXQ6CXdlYnA6E3Jlc2l6ZV90b19maWxsWwdpApABaQKQAToKc2F2ZXJ7BzoMcXVhbGl0eWlXOgpzdHJpcFRJIghwdXIGOwBUSSIOdmFyaWF0aW9uBjsARg==--7ac1464f840979a0fbadf7166c435cc8fec8cbc3/image_14fac9f8-60be-4b5a-8e4c-76475c07f744.jpg" /> 1092 1093 <span class="absolute top-2.5 left-2.5 inline-flex h-7 min-w-7 items-center justify-center rounded-full px-2 text-xs font-bold tabular-nums shadow-sm bg-white/90 text-gray-700 ring-1 ring-gray-200 dark:bg-gray-900/85 dark:text-gray-200 dark:ring-gray-700" 1094 aria-hidden="true"> 1095 10 1096 </span> 1097 1098 </div> 1099 1100 <div class="mt-3 flex flex-col gap-1"> 1101 <p class="text-[11px] font-medium text-gray-400 dark:text-gray-500 uppercase tracking-wider truncate">Little Bird</p> 1102 <h3 class="text-sm font-medium text-gray-900 dark:text-white group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors line-clamp-2 leading-snug"> 1103 <span class="sr-only">Number 10 best seller: </span>Stackable Header - 5 Pin 1104 </h3> 1105 <div class="flex items-center gap-2 mt-0.5"> 1106 <span class="text-sm font-semibold text-gray-900 dark:text-white">$0.50</span> 1107 </div> 1108 </div> 1109</a> </li> 1110 </ol> 1111 </div> 1112 1113 </div> 1114 1115 </turbo-frame> 1116</div> 1117 1118 </div> 1119 </main> 1120 1121 <div class="bg-white dark:bg-gray-950"> 1122 <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-16 sm:py-20"> 1123 <div class="rounded-2xl bg-gradient-to-br from-brand-50 to-blue-50 dark:from-brand-950/40 dark:to-blue-950/30 border border-brand-100 dark:border-brand-800/40 overflow-hidden"> 1124 <div class="flex flex-col sm:flex-row items-center gap-6 sm:gap-8 p-6 sm:p-8"> 1125 <div class="flex-shrink-0"> 1126 <img class="h-24 w-24 sm:h-28 sm:w-28 rounded-full object-cover ring-4 ring-white dark:ring-gray-800 shadow-lg" alt="Maddy, co-founder of Little Bird" width="112" height="112" loading="lazy" decoding="async" src="/assets/maddy-founder-8171537a.webp" /> 1127 </div> 1128 <div class="text-center sm:text-left flex-1"> 1129 <h3 class="text-lg font-bold text-gray-900 dark:text-white">Need help? We're here for you!</h3> 1130 <p class="mt-1.5 text-sm text-gray-600 dark:text-gray-400 leading-relaxed">Hi, I'm Maddy. My team and I are ready to help with your order or any questions.</p> 1131 <div class="mt-3 flex flex-col sm:flex-row items-center sm:items-start gap-2.5"> 1132 <a href="mailto:[email protected]" class="inline-flex items-center gap-2 rounded-lg border-2 border-transparent bg-brand-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-brand-500 transition-colors"> 1133 <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75" /></svg> 1134 Email Us 1135 </a> 1136 <a href="tel:1300240817" class="inline-flex items-center gap-2 rounded-lg border-2 border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 px-4 py-2 text-sm font-semibold text-gray-900 dark:text-white hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"> 1137 <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z" /></svg> 1138 1300 240 817 1139 </a> 1140 <a class="inline-flex items-center gap-2 rounded-lg border-2 border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 px-4 py-2 text-sm font-semibold text-gray-900 dark:text-white hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors" href="/help"> 1141 <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z" /></svg> 1142 Browse Help Articles 1143</a> </div> 1144 </div> 1145 </div> 1146 </div> 1147 </div> 1148 </div> 1149 1150 <footer class="bg-brand-900 text-brand-200 mt-auto"> 1151 <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-12 lg:py-16"> 1152 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 lg:gap-12"> 1153 1154 <div class="sm:col-span-2 lg:col-span-1"> 1155 <div class="flex items-center gap-2 mb-4"> 1156 <img class="h-8 w-8 object-contain" alt="Little Bird" width="32" height="32" loading="lazy" decoding="async" src="/assets/white-bird-outline-c
115670ea79b.webp" /> 1157 <span class="text-lg font-bold text-white">Little Bird</span> 1158 </div> 1159 <div class="space-y-3"> 1160 <a href="tel:1300240817" class="flex items-center gap-2 text-sm text-brand-200 hover:text-white transition-colors"> 1161 <svg class="h-4 w-4 text-brand-400 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z" /></svg> 1162 <span class="font-semibold">1300 240 817</span> 1163 </a> 1164 <a href="mailto:[email protected]" class="flex items-center gap-2 text-sm text-brand-300 hover:text-white transition-colors"> 1165 <svg class="h-4 w-4 text-brand-400 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75" /></svg> 1166 <span>[email protected]</span> 1167 </a> 1168 <div class="flex items-start gap-2 text-sm text-brand-300"> 1169 <svg class="h-4 w-4 text-brand-400 flex-shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z" /></svg> 1170 <address class="not-italic leading-relaxed"> 1171 Unit 13, 8-12 Leighton Place<br> 1172 Hornsby, NSW 2077<br> 1173 Australia 1174 </address> 1175 </div> 1176 <div class="flex items-start gap-2 rounded-lg border border-brand-700/60 bg-brand-800/50 px-3 py-2.5"> 1177 <svg class="h-4 w-4 text-brand-400 flex-shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z" /></svg> 1178 <p class="text-xs text-brand-300 leading-relaxed"> 1179 <span class="font-semibold text-brand-200">Online orders only.</span> 1180 This address is our despatch warehouse â there's no shopfront, so we can't take 1181 walk-ins, counter sales or order pickups. Everything we sell ships to you. 1182 <a class="underline decoration-brand-500 underline-offset-2 hover:text-white transition-colors" href="/help/pickups-and-same-day-delivery">Why?</a> 1183 </p> 1184 </div> 1185 </div> 1186 </div> 1187 1188 <div> 1189 <h3 class="text-sm font-semibold text-white uppercase tracking-wider mb-4">Shop</h3> 1190 <ul class="space-y-3"> 1191 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/collections">All Products</a></li> 1192 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/collections/digital-technologies">Digital Technologies</a></li> 1193 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/platforms/raspberry-pi-computers">Raspberry Pi</a></li> 1194 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/platforms/arduino">Arduino</a></li> 1195 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/platforms/micro-bit">micro:bit</a></li> 1196 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/platforms/esp32">ESP32 & IoT</a></li> 1197 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/projects">Project Build Lists</a></li> 1198 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/guides">Buying Guides</a></li> 1199 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/open-source">Open Source</a></li> 1200 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/pages/crack-the-code">Crack the Code</a></li> 1201 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/collections">Collections</a></li> 1202 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/blogs/news">News</a></li> 1203 </ul> 1204 </div> 1205 1206 <div> 1207 <h3 class="text-sm font-semibold text-white uppercase tracking-wider mb-4">Help</h3> 1208 <ul class="space-y-3"> 1209 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/help">Help Center</a></li> 1210 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/lead-times">Shipping Lead Times</a></li> 1211 <li><a href="tel:1300240817" class="text-sm text-brand-300 hover:text-white transition-colors">Call 1300 240 817</a></li> 1212 <li><a href="mailto:[email protected]" class="text-sm text-brand-300 hover:text-white transition-colors">Email Support</a></li> 1213 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/education">Education & Government</a></li> 1214 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/education#ordering-guide">POs & Quotes</a></li> 1215 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/purchase-orders/register">
1215Order by Purchase Order</a></li> 1216 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/details">Business Details</a></li> 1217 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/brand">Brand Assets</a></li> 1218 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/pages/faq">FAQ</a></li> 1219 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/pages/shipping-policy">Shipping Policy</a></li> 1220 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/pages/returns-exchanges">Returns & Exchanges</a></li> 1221 </ul> 1222 </div> 1223 1224 <div> 1225 <h3 class="text-sm font-semibold text-white uppercase tracking-wider mb-4">Open Web</h3> 1226 <ul class="space-y-3 mb-6"> 1227 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/open-web">Open Web Initiative</a></li> 1228 <li><a href="/.well-known/webfinger?resource=acct:[email protected]" class="text-sm text-brand-300 hover:text-white transition-colors">ActivityPub / Fediverse</a></li> 1229 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/products.atom">Atom Feed</a></li> 1230 <li><a class="text-sm text-brand-300 hover:text-white transition-colors" href="/public-api/v1/openapi.json">Public API</a></li> 1231 <li><a href="/llms.txt" class="text-sm text-brand-300 hover:text-white transition-colors">llms.txt</a></li> 1232 <li><a href="/humans.txt" class="text-sm text-brand-300 hover:text-white transition-colors">humans.txt</a></li> 1233 </ul> 1234 1235 <h3 class="text-sm font-semibold text-white uppercase tracking-wider mb-4">Follow Us</h3> 1236 <div class="flex items-center gap-4"> 1237 <a href="https://x.com/lbhq" target="_blank" rel="noopener noreferrer" class="text-brand-300 hover:text-white transition-colors" aria-label="X (Twitter)"> 1238 <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /></svg> 1239 </a> 1240 </div> 1241 <div class="mt-6"> 1242 <p class="text-xs text-brand-400">Subscribe to our newsletter for updates and exclusive offers.</p> 1243 </div> 1244 </div> 1245 1246 </div> 1247 </div> 1248 1249 <div class="border-t border-brand-800"> 1250 <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-6"> 1251 <div class="flex flex-col sm:flex-row items-center justify-between gap-4"> 1252 <div class="text-xs text-brand-300/70 text-center sm:text-left space-y-1"> 1253 <p>© 2026 Little Bird Electronics Pty Ltd. All rights reserved.</p> 1254 <p>ABN: 15 634 521 449 · All prices are in AUD and include GST.</p> 1255 <p>Made with ♥ from Sydney, Australia</p> 1256 </div> 1257 <div class="flex items-center gap-3"> 1258 <div class="flex items-center gap-2"> 1259 1260<svg class="h-8 w-auto rounded shadow-sm" viewBox="0 0 780 500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Visa"> 1261 <rect width="780" height="500" rx="40" fill="#1A1F71" /> 1262 <path d="M293.2 348.73l33.36-195.76h53.34l-33.38 195.76H293.2zm246.11-191.54c-10.57-3.98-27.17-8.22-47.89-8.22-52.72 0-89.87 26.6-90.16 64.63-.27 28.14 26.48 43.83 46.69 53.18 20.74 9.57 27.7 15.71 27.61 24.27-.14 13.11-16.56 19.1-31.89 19.1-21.32 0-32.66-2.96-50.16-10.27l-6.88-3.11-7.49 43.87c12.46 5.46 35.5 10.2 59.42 10.45 56.06 0 92.44-26.24 92.82-66.88.19-22.28-14-39.22-44.73-53.19-18.63-9.06-30.05-15.1-29.95-24.27 0-8.14 9.66-16.83 30.54-16.83 17.43-.28 30.06 3.53 39.89 7.49l4.78 2.26 7.24-42.48zm139.0-4.22h-41.23c-12.77 0-22.33 3.49-27.94 16.22l-79.25 179.54h56.02s9.16-24.13 11.23-29.42l68.33.08c1.6 6.86 6.5 29.34 6.5 29.34h49.5l-43.16-195.76zm-65.84 126.41c4.4-11.3 21.26-54.81 21.26-54.81-.31.52 4.38-11.33 7.07-18.69l3.6 16.88s10.22 46.73 12.36 56.62h-44.29zM248.75 152.97l-52.24 133.6-5.58-27.15c-9.72-31.27-39.99-65.15-73.87-82.12l47.79 171.35 56.42-.06 83.94-195.62h-56.46z" fill="#fff" /> 1263 <path d="M146.92 152.97H60.88l-.68 4.07c66.94 16.2 111.18 55.37 129.52 102.4l-18.68-89.88c-3.23-12.36-12.6-16.08-24.12-16.59z" fill="#F9A533" /> 1264</svg> 1265 1266<svg class="h-8 w-auto rounded shadow-sm" viewBox="0 0 780 500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Mastercard"> 1267 <rect width="780" height="500" rx="40" fill="#fff" stroke="#D9D9D9" stroke-width="3" /> 1268 <circle cx="310" cy="250" r="140" fill="#EB001B" /> 1269 <circle cx="470" cy="250" r="140" fill="#F79E1B" /> 1270 <path fill-rule="evenodd" clip-rule="evenodd" d="M390 369.27A139.24 139.24 0 00450 250a139.24 139.24 0 00-60-119.27A139.24 139.24 0 00330 250a139.24 139.24 0 0060 119.27z" fill="#FF5F00" /> 1271</svg> 1272 1273<svg class="h-8 w-auto rounded shadow-sm" viewBox="0 0 780 500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="American Express"> 1274 <rect width="780" height="500" rx="40" fill="#006FCF" /> 1275 <rect x="30" y="30" width="720" height="440" rx="20" fill="none" stroke="#fff" stroke-width="16" stroke-opacity="0.35" /> 1276 <text x="390" y="298" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif" font-size="150" font-weight="700" letter-spacing="6" fill="#fff">AMEX</text> 1277</svg> 1278 1279 <svg class="h-8 w-auto rounded shadow-sm" viewBox="0 0 780 500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="PayPal"> 1280 <rect width="780" height="500" rx="40" fill="#fff" stroke="#D9D9D9" stroke-width="3" /> 1281 <text x="390" y="298" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif" font-size="140" font-weight="700"><tspan fill="#253B80">Pay</tspan><tspan fill="#179BD7">Pal</tspan></text> 1282 </svg> 1283 1284 <svg class="h-8 w-auto rounded shadow-sm" viewBox="0 0 1200 500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Purchase Order"> 1285 <rect width="1200" height="500" rx="40" fill="#4B92DB" /> 1286 <text x="600" y="290" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif" font-size="140" font-weight="700" fill="#fff">Purchase Order</text> 1287 </svg> 1288 1289 </div> 1290 </div> 1291 </div> 1292 </div> 1293 </div> 1294
1294<script type="application/ld+json"> 1295 [{"@context":"https://schema.org","@type":["LocalBusiness","Store","ElectronicsStore"],"@id":"https://littlebirdelectronics.com.au/#organization","name":"Little Bird Electronics","legalName":"Little Bird Electronics Pty Ltd","image":"https://littlebirdelectronics.com.au/assets/little-bird-logo-e4ef2bca.svg","logo":"https://littlebirdelectronics.com.au/assets/little-bird-logo-e4ef2bca.svg","telephone":"+61-1300-240-817","email":"[email protected]","url":"https://littlebirdelectronics.com.au/","sameAs":["https://x.com/lbhq"],"address":{"@type":"PostalAddress","streetAddress":"Unit 13, 8-12 Leighton Place","addressLocality":"Hornsby","addressRegion":"NSW","postalCode":"2077","addressCountry":"AU"},"priceRange":"$$","currenciesAccepted":"AUD","paymentAccepted":"Credit Card, Purchase Order, Bank Transfer","areaServed":{"@type":"Country","name":"Australia"},"taxID":"15 634 521 449"},{"@context":"https://schema.org","@type":"WebSite","@id":"https://littlebirdelectronics.com.au/#website","name":"Little Bird Electronics","url":"https://littlebirdelectronics.com.au/","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://littlebirdelectronics.com.au/products?q={search_term_string}"},"query-input":"required name=search_term_string"}}] 1296 </script>
1296 1297 </footer> 1298 1299 <div id="cart_prompt"></div> 1300 1301 1302 <div data-controller="ecommerce--cli-mode"> 1303 <button 1304 data-action="click->ecommerce--cli-mode#toggle" 1305 class="fixed bottom-4 right-4 z-40 w-8 h-8 flex items-center justify-center rounded-full text-gray-400/20 hover:text-cyan-400 hover:bg-gray-900/80 hover:shadow-[0_0_15px_rgba(0,255,255,0.3)] transition-all duration-500 cursor-pointer select-none" 1306 title="Ï" aria-label="Toggle CLI mode"><span class="text-lg font-serif">Ï</span></button> 1307 1308 <div data-ecommerce--cli-mode-target="overlay" class="hidden fixed inset-0 z-50" id="cli-tui-overlay" aria-hidden="true"> 1309 <style> 1310 #cli-tui-overlay{font-family:'JetBrains Mono','SF Mono','Fira Code',ui-monospace,monospace;font-size:13px;background:#0a0e12;color:#6ea8a8;} 1311 #cli-tui-overlay::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,213,0.012) 2px,rgba(0,255,213,0.012) 4px);} 1312 #cli-tui-overlay::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:9998;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,0.45) 100%);} 1313 #cli-tui-overlay *{box-sizing:border-box;} 1314 .tui-shell{display:flex;flex-direction:column;height:100vh;position:relative;z-index:1;} 1315 .tui-hdr{display:flex;justify-content:space-between;align-items:center;padding:6px 16px;border-bottom:1px solid #0f3b3b;background:rgba(0,255,213,0.02);flex-shrink:0;} 1316 .tui-logo{font-weight:900;font-size:14px;color:#00ffd5;letter-spacing:5px;text-shadow:0 0 15px rgba(0,255,213,0.4);} 1317 .tui-logo em{font-style:normal;color:#ff2d95;} 1318 .tui-hdr-r{display:flex;gap:20px;font-size:10px;color:#1a3a3a;letter-spacing:2px;text-transform:uppercase;} 1319 .tui-hdr-r .live{color:#00ffd5;animation:tui-pulse 2s infinite;} 1320 @keyframes tui-pulse{0%,100%{opacity:1}50%{opacity:.3}} 1321 .tui-tabs{display:flex;border-bottom:1px solid #0f3b3b;flex-shrink:0;font-size:11px;letter-spacing:1px;} 1322 .tui-tab{padding:5px 18px;color:#1a3a3a;cursor:pointer;border-right:1px solid #0f3b3b;position:relative;} 1323 .tui-tab.active{color:#00ffd5;background:rgba(0,255,213,0.04);} 1324 .tui-tab.active::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#00ffd5;} 1325 .tui-tab .key{color:#ff2d95;font-weight:700;} 1326 .tui-main{flex:1;display:flex;overflow:hidden;} 1327 .tui-list{flex:1;overflow-y:auto;border-right:1px solid #0f3b3b;display:flex;flex-direction:column;} 1328 .tui-list::-webkit-scrollbar{width:3px;}.tui-list::-webkit-scrollbar-thumb{background:#0f3b3b;} 1329 .tui-list-hdr{display:flex;padding:6px 12px;font-size:10px;color:#1a3a3a;border-bottom:1px solid #0f3b3b;letter-spacing:1px;text-transform:uppercase;flex-shrink:0;position:sticky;top:0;background:#0a0e12;z-index:2;} 1330 .tui-sortable{cursor:pointer;transition:color .15s;}.tui-sortable:hover{color:#00ffd5;} 1331 .tui-col-idx{width:30px;}.tui-col-sku{width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.tui-col-name{flex:1;}.tui-col-local{width:50px;text-align:center;font-size:10px;}.tui-col-supplier{width:50px;text-align:center;font-size:10px;}.tui-col-price{width:90px;text-align:right;}.tui-col-stock{width:90px;text-align:left;} 1332 .tui-row{display:flex;padding:5px 12px;font-size:12px;border-bottom:1px solid rgba(15,59,59,0.3);cursor:pointer;transition:background .08s;flex-shrink:0;position:relative;} 1333 .tui-row:hover{background:rgba(0,255,213,0.02);} 1334 .tui-row.selected{background:rgba(0,255,213,0.06);color:#c0fff0;} 1335 .tui-row.selected::before{content:'â¸';position:absolute;left:3px;color:#00ffd5;text-shadow:0 0 8px #00ffd5;} 1336 .tui-row .tui-col-idx{color:#1a3a3a;font-size:10px;padding-top:1px;} 1337 .tui-row .tui-col-name{color:#c0fff0;} 1338 .tui-row .tui-col-price{color:#00ffd5;font-weight:700;text-align:right;} 1339 .tui-row .tui-col-stock{font-size:10px;text-transform:uppercase;letter-spacing:1px;} 1340 .tui-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;vertical-align:middle;} 1341 .tui-dot.in{background:#00ffaa;box-shadow:0 0 5px #00ffaa;}.tui-dot.avail{background:#ffe156;box-shadow:0 0 5px #ffe156;}.tui-dot.out{background:#ff2d95;box-shadow:0 0 5px #ff2d95;} 1342 .tui-right{width:40%;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;} 1343 .tui-detail{padding:16px;border-bottom:1px solid #0f3b3b;flex-shrink:0;overflow-y:auto;max-height:55vh;} 1344 .tui-detail::-webkit-scrollbar{width:3px;}.tui-detail::-webkit-scrollbar-thumb{background:#0f3b3b;} 1345 .tui-detail .d-img-box{width:100%;height:260px;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#080c10;border:1px solid #0f3b3b;margin-bottom:10px;position:relative;filter:saturate(0) brightness(0.7) contrast(1.4) sepia(1) hue-rotate(140deg);} 1346 .tui-detail .d-img-wrap{position:relative;margin-bottom:10px;} 1347 .tui-detail .d-img-wrap::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,213,0.05) 2px,rgba(0,255,213,0.05) 4px);pointer-events:none;} 1348 .tui-detail .d-sku{font-size:10px;
1348color:#1a3a3a;letter-spacing:2px;margin-bottom:4px;} 1349 .tui-detail .d-name{font-size:15px;color:#e8fffa;margin-bottom:6px;} 1350 .tui-detail .d-price{font-size:20px;font-weight:900;color:#00ffd5;text-shadow:0 0 15px rgba(0,255,213,0.4);margin-bottom:6px;} 1351 .tui-detail .d-price .cur{font-size:12px;opacity:.6;} 1352 .tui-detail .d-vendor{font-size:10px;color:#1a3a3a;letter-spacing:1px;margin-bottom:8px;} 1353 .tui-detail .d-desc{font-size:11px;color:#6ea8a8;line-height:1.5;margin-bottom:12px;} 1354 .tui-detail-actions{display:flex;gap:8px;} 1355 .tui-dbtn{padding:6px 14px;font-family:inherit;font-size:11px;cursor:pointer;letter-spacing:1px;border:1px solid;background:none;transition:all .15s;} 1356 .tui-dbtn.primary{border-color:#00ffd5;color:#00ffd5;}.tui-dbtn.primary:hover{background:#00ffd5;color:#000;box-shadow:0 0 15px rgba(0,255,213,.3);} 1357 .tui-dbtn.secondary{border-color:#1a3a3a;color:#6ea8a8;} 1358 .tui-cart-row{display:flex;align-items:center;padding:5px 12px;font-size:12px;border-bottom:1px solid rgba(15,59,59,.3);position:relative;} 1359 .tui-cart-row.selected{background:rgba(0,255,213,0.06);color:#c0fff0;} 1360 .tui-cart-row.selected::before{content:'â¸';position:absolute;left:3px;color:#00ffd5;text-shadow:0 0 8px #00ffd5;} 1361 .tui-cart-row .c-name{flex:1;color:#c0fff0;}.tui-cart-row .c-variant{width:120px;color:#1a3a3a;font-size:10px;}.tui-cart-row .c-sku{width:80px;text-align:center;color:#1a3a3a;font-size:10px;}.tui-cart-row .c-qty{width:50px;text-align:center;color:#6ea8a8;}.tui-cart-row .c-unit{width:90px;text-align:right;color:#1a3a3a;font-size:10px;}.tui-cart-row .c-price{width:90px;text-align:right;color:#00ffd5;font-weight:700;} 1362 .tui-cart-empty{text-align:center;color:#1a3a3a;padding:60px 0;font-size:12px;letter-spacing:2px;} 1363 .tui-cart-footer{border-top:1px solid #0f3b3b;padding:8px 12px;flex-shrink:0;} 1364 .tui-cf-line{display:flex;justify-content:space-between;font-size:10px;margin-bottom:3px;color:#1a3a3a;} 1365 .tui-cf-total{display:flex;justify-content:space-between;font-size:13px;font-weight:900;color:#00ffd5;padding-top:6px;border-top:1px solid #0f3b3b;margin-top:6px;text-shadow:0 0 10px rgba(0,255,213,.3);} 1366 .tui-terminal{border-top:1px solid #0f3b3b;padding:6px 12px;max-height:100px;overflow-y:auto;font-size:11px;background:rgba(0,0,0,.3);flex-shrink:0;} 1367 .tui-terminal::-webkit-scrollbar{width:3px;}.tui-terminal::-webkit-scrollbar-thumb{background:#0f3b3b;} 1368 .tui-t-line{margin-bottom:1px;}.tui-t-line .tp{color:#ff2d95;}.tui-t-line .ok{color:#00ffd5;}.tui-t-line .wr{color:#ffe156;}.tui-t-line .inf{color:#1a3a3a;} 1369 .tui-cmdbar{display:flex;align-items:center;padding:5px 12px;border-top:1px solid #0f3b3b;flex-shrink:0;background:rgba(0,255,213,.01);} 1370 .tui-mode{font-size:10px;padding:2px 8px;margin-right:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;} 1371 .tui-mode.normal{background:#00ffd5;color:#000;}.tui-mode.search{background:#ffe156;color:#000;}.tui-mode.command{background:#ff2d95;color:#fff;} 1372 .tui-cmd-input{background:none;border:none;color:#c0fff0;font-family:inherit;font-size:12px;flex:1;outline:none;caret-color:#00ffd5;} 1373 .tui-cmd-input::placeholder{color:#1a3a3a;} 1374 .tui-footer{display:flex;justify-content:center;gap:16px;padding:4px 12px;font-size:10px;color:#1a3a3a;border-top:1px solid #0f3b3b;flex-shrink:0;letter-spacing:1px;} 1375 .tui-footer .fk{color:#00ffd5;} 1376 .tui-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.9);background:#0d1117;border:1px solid #00ffd5;padding:12px 24px;font-size:13px;color:#00ffd5;box-shadow:0 0 30px rgba(0,255,213,.2);z-index:9500;opacity:0;transition:all .2s;pointer-events:none;font-weight:700;letter-spacing:2px;} 1377 .tui-toast.show{opacity:1;transform:translate(-50%,-50%) scale(1);} 1378 .tui-help-overlay{position:fixed;inset:0;background:rgba(10,14,18,.92);z-index:9000;display:none;justify-content:center;align-items:center;} 1379 .tui-help-overlay.show{display:flex;} 1380 .tui-help-box{background:#0d1117;border:1px solid #00ffd5;padding:24px 32px;max-width:520px;width:90%;box-shadow:0 0 40px rgba(0,255,213,.15);} 1381 .tui-help-box h2{font-size:13px;color:#00ffd5;letter-spacing:4px;margin-bottom:16px;text-transform:uppercase;font-weight:900;} 1382 .tui-help-grid{display:grid;grid-template-columns:100px 1fr;gap:4px 16px;font-size:12px;} 1383 .tui-help-grid .hk{color:#00ffd5;font-weight:700;}.tui-help-grid .hd{color:#6ea8a8;} 1384 .tui-help-close{margin-top:16px;font-size:10px;
1384color:#1a3a3a;text-align:center;} 1385 </style> 1386 1387 <div class="tui-shell"> 1388 <div class="tui-hdr"> 1389 <div class="tui-logo">LITTLEBIRD<em>//</em>STORE</div> 1390 <div class="tui-hdr-r"> 1391 <span class="live">â ONLINE</span> 1392 <span>SYD-AU</span> 1393 <span data-ecommerce--cli-mode-target="clock">00:00:00</span> 1394 </div> 1395 </div> 1396 1397 <div class="tui-tabs" data-ecommerce--cli-mode-target="tabs"> 1398 <div class="tui-tab active" data-tab="browse"><span class="key">1</span> BROWSE</div> 1399 <div class="tui-tab" data-tab="cart"><span class="key">3</span> CART</div> 1400 </div> 1401 1402 <div class="tui-main" data-ecommerce--cli-mode-target="browsePanel"> 1403 <div class="tui-list" data-ecommerce--cli-mode-target="list"> 1404 <div class="tui-list-hdr"> 1405 <span class="tui-col-idx">#</span> 1406 <span class="tui-col-sku">SKU</span> 1407 <span class="tui-col-name">PRODUCT</span> 1408 <span class="tui-col-local tui-sortable" data-action="click->ecommerce--cli-mode#sortByLocal">LOCAL</span> 1409 <span class="tui-col-supplier tui-sortable" data-action="click->ecommerce--cli-mode#sortBySupplier">SUPP</span> 1410 <span class="tui-col-stock">STATUS</span> 1411 <span class="tui-col-price tui-sortable" data-action="click->ecommerce--cli-mode#sortByPrice">PRICE</span> 1412 </div> 1413 <div data-ecommerce--cli-mode-target="rows"></div> 1414 </div> 1415 <div class="tui-right"> 1416 <div class="tui-detail" data-ecommerce--cli-mode-target="detail"></div> 1417 </div> 1418 </div> 1419 1420 <div class="tui-main" data-ecommerce--cli-mode-target="cartPanel" style="display:none;"> 1421 <div style="flex:1;display:flex;flex-direction:column;overflow:hidden;"> 1422 <div class="tui-list-hdr"> 1423 <span class="tui-col-idx">#</span> 1424 <span class="tui-col-name">PRODUCT</span> 1425 <span style="width:120px;">VARIANT</span> 1426 <span style="width:80px;text-align:center;">SKU</span> 1427 <span style="width:50px;text-align:center;">QTY</span> 1428 <span style="width:90px;text-align:right;">UNIT</span> 1429 <span style="width:90px;text-align:right;">TOTAL</span> 1430 </div> 1431 <div data-ecommerce--cli-mode-target="cartRows" style="flex:1;overflow-y:auto;"></div> 1432 <div class="tui-cart-footer"> 1433 <div class="tui-cf-line"><span>Subtotal (inc GST)</span><span data-ecommerce--cli-mode-target="subtotal">$0.00</span></div> 1434 <div class="tui-cf-line"><span>GST (included)</span><span data-ecommerce--cli-mode-target="gst">$0.00</span></div> 1435 <div class="tui-cf-total"><span>TOTAL</span><span data-ecommerce--cli-mode-target="total">$0.00</span></div> 1436 </div> 1437 </div> 1438 </div> 1439 1440 <div class="tui-terminal" data-ecommerce--cli-mode-target="terminal"></div> 1441 1442 <div class="tui-cmdbar"> 1443 <div class="tui-mode normal" data-ecommerce--cli-mode-target="modeBadge">NORMAL</div> 1444 <input class="tui-cmd-input" data-ecommerce--cli-mode-target="cmdInput" data-action="input->ecommerce--cli-mode#onCmdInput keydown->ecommerce--cli-mode#onCmdKeydown" placeholder="" autocomplete="off" autocorrect="off" spellcheck="false" readonly> 1445 </div> 1446 1447 <div class="tui-footer"> 1448 <span><span class="fk">j/k</span> navigate</span> 1449 <span><span class="fk">Enter</span> open product</span> 1450 <span><span class="fk">a</span> add to cart</span> 1451 <span><span class="fk">/</span> search</span> 1452 <span><span class="fk">:</span> command</span> 1453 <span><span class="fk">?</span> help</span> 1454 <span><span class="fk">u</span> toggle unavail</span> 1455 <span><span class="fk">c</span> checkout</span> 1456 <span><span class="fk">Esc</span> back/close</span> 1457 </div> 1458 </div> 1459 1460 <div class="tui-help-overlay" data-ecommerce--cli-mode-target="helpOverlay"> 1461 <div class="tui-help-box"> 1462 <h2>⺠Keybindings</h2> 1463 <div class="tui-help-grid">
1464 <span class="hk">j / â</span><span class="hd">Move selection down</span> 1465 <span class="hk">k / â</span><span class="hd">Move selection up</span> 1466 <span class="hk">g</span><span class="hd">Jump to first item</span> 1467 <span class="hk">G</span><span class="hd">Jump to last item</span> 1468 <span class="hk">a</span><span class="hd">Add selected to cart</span> 1469 <span class="hk">o</span><span class="hd">Open in new browser tab</span> 1470 <span class="hk">u</span><span class="hd">Toggle unavailable products</span> 1471 <span class="hk">Backspace</span><span class="hd">Remove 1 qty (cart tab)</span> 1472 <span class="hk">X</span><span class="hd">Clear entire cart</span> 1473 <span class="hk">c</span><span class="hd">Checkout</span> 1474 <span class="hk">/</span><span class="hd">Search products</span> 1475 <span class="hk">Esc</span><span class="hd">Back / cancel / close</span> 1476 <span class="hk">:</span><span class="hd">Command mode</span> 1477 <span class="hk">?</span><span class="hd">Toggle this help</span> 1478 <span class="hk">1-3</span><span class="hd">Switch tabs</span> 1479 </div> 1480 <div class="tui-help-close">Press <span style="color:#00ffd5">?</span> or <span style="color:#00ffd5">Esc</span> to close</div> 1481 </div> 1482 </div> 1483 1484 <div class="tui-toast" data-ecommerce--cli-mode-target="toast"></div> 1485 </div> 1486 </div> 1487 1488 1489 1490</body> 1491</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.