[{"id":291,"created_at":"2024-12-30T10:25:18.373353+00:00","html":"

\r\n

\r\n 12:50\r\n

\r\n 4G\r\n 📶\r\n 🔋\r\n

\r\n

\r\n\r\n \r\n\r\n

\r\n

\r\n 🎤\r\n 🔍\r\n

\r\n\r\n

\r\n

📱

\r\n Calculator\r\n

\r\n

📅

\r\n Calendar\r\n

\r\n

⏰

\r\n Clock\r\n

\r\n

\r\n\r\n

\r\n

⚡

\r\n OnePlus\r\n

\r\n

🎵

\r\n SoundCloud\r\n

\r\n

🎮

\r\n Play Store\r\n

\r\n

\r\n\r\n

\r\n

📍

\r\n

💾

\r\n

📸

\r\n

➡️

\r\n

📅

\r\n

🌐

\r\n

\r\n\r\n

\r\n

\r\n\r\n

\r\n

\r\n\r\n

\r\n

📞

\r\n

💬

\r\n

🌸

\r\n

👁️

\r\n

","css":" * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n }\r\n\r\n body {\r\n background: #1a1a1a;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n }\r\n\r\n .phone-frame {\r\n width: 380px;\r\n height: 740px;\r\n background: #2a2a2a;\r\n border-radius: 40px;\r\n padding: 10px;\r\n position: relative;\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .phone {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n overflow: hidden;\r\n background: linear-gradient(180deg, #FF6B6B 0%, #4A90E2 100%);\r\n border-radius: 32px;\r\n }\r\n\r\n .camera-punch {\r\n position: absolute;\r\n top: 10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 12px;\r\n height: 12px;\r\n background: #000;\r\n border-radius: 50%;\r\n z-index: 100;\r\n }\r\n\r\n .volume-buttons {\r\n position: absolute;\r\n left: -2px;\r\n top: 100px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n\r\n .volume-button {\r\n width: 4px;\r\n height: 40px;\r\n background: #222;\r\n border-radius: 2px;\r\n }\r\n\r\n .power-button {\r\n position: absolute;\r\n right: -2px;\r\n top: 100px;\r\n width: 4px;\r\n height: 60px;\r\n background: #222;\r\n border-radius: 2px;\r\n }\r\n\r\n .status-bar {\r\n height: 40px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 0 20px;\r\n color: white;\r\n font-size: 14px;\r\n margin-top: 10px;\r\n }\r\n\r\n .weather-widget {\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 20px;\r\n color: white;\r\n margin-top: 10px;\r\n }\r\n\r\n .clock-widget {\r\n background: rgba(255, 255, 255, 0.9);\r\n border-radius: 20px;\r\n padding: 15px;\r\n width: 150px;\r\n /* height: 120px; */\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .clock-date {\r\n font-size: 16px;\r\n font-weight: bold;\r\n color: #333;\r\n }\r\n\r\n .weather-info {\r\n background: rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(10px);\r\n padding: 20px;\r\n border-radius: 20px;\r\n color: white;\r\n width: 150px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .weather-temp {\r\n font-size: 40px;\r\n font-weight: bold;\r\n margin: 8px 0;\r\n }\r\n\r\n .search-bar {\r\n background: rgba(255, 255, 255, 0.95);\r\n border-radius: 30px;\r\n margin: 20px;\r\n padding: 12px 20px;\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .apps-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n padding: 20px;\r\n margin-top: 20px;\r\n }\r\n\r\n .app-folder {\r\n background: rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(10px);\r\n border-radius: 20px;\r\n padding: 15px;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 10px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .app {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n .app-icon {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 12px;\r\n margin-bottom: 5px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 24px;\r\n background: white;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .app-name {\r\n color: white;\r\n font-size: 12px;\r\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .dock {\r\n position: absolute;\r\n bottom: 1px;\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-around;\r\n padding: 20px;\r\n background: transparent;\r\n }\r\n\r\n .dock .app-icon {\r\n background: #ff8585;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .page-indicator {\r\n position: absolute;\r\n bottom: 100px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n display: flex;\r\n gap: 6px;\r\n }\r\n\r\n .indicator {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n .indicator.active {\r\n background: white;\r\n box-shadow: 0 0 4px rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n.group{\r\n display:flex;\r\n flex-direction:column;\r\n gap:10px;\r\n}","js":"// code here","user_id":"24c8783e-8cfd-47f1-ac9f-ac9a07eeaa73","project_key":"EBZU07","description":"Android Emulator With HTML/CSS","plugins":[{"css":{"tailwind":false,"bootstrap":false,"fontawesome":false,"materialicons":false,"googlefonts":false,"bulma":false},"js":{"animejs":false,"gsap":false,"motionone":false,"threejs":false,"velocity":false,"popmotion":false,"scrollreveal":false}}],"public":true,"config":{"tags": [], "cssProcessor": false},"tags":[],"hide_js":true,"hide_css":false,"messages":[],"view":[{"views":123}],"profiles":{"username":"nuur"}}]