Skip to content

Instantly share code, notes, and snippets.

View ClockBlocked's full-sized avatar
🎯
Semi-Busy: Time-consuming project; Current emotional progression = [πŸ€“πŸ«€πŸ˜­πŸ€§πŸ₯ΉπŸ˜πŸ€ͺ🀯😡]

Cole Hanson ClockBlocked

🎯
Semi-Busy: Time-consuming project; Current emotional progression = [πŸ€“πŸ«€πŸ˜­πŸ€§πŸ₯ΉπŸ˜πŸ€ͺ🀯😡]
View GitHub Profile
@ClockBlocked
ClockBlocked / closed.html
Created February 23, 2026 06:45
Page Tab ( Left or Right )
<div id="js-qr-popup" class="chr-home-qr-popup pop-in collapsed" data-comp="QrPopup" role="button" tabindex="0">
<div class="chr-home-qr-popup__body">
<div class="chr-home-qr-popup__qr-code js-qr-code chr-home-qr-popup__qr-code--hidden">
<img class="chr-home-qr-popup__image" src="/chrome/static/images/v2/go-mobile-qrs/engagement-hp-pop-up.webp" srcset="/chrome/static/images/v2/go-mobile-qrs/engagement-hp-pop-up.webp, /chrome/static/images/v2/go-mobile-qrs/engagement-hp-pop-up-2x.webp 2x" alt="Get Chrome for your phone" width="80" height="80" data-img-fallback="/chrome/static/images/v2/go-mobile-qrs/engagement-hp-pop-up.png"><p class="chr-copy">
Get Chrome for your phone</p>
</div>
<div class="chr-home-qr-popup__mobile-icon js-mobile-icon chr-home-qr-popup__mobile-icon--show">
<svg class="chr-icon chr-icon--24 ">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Code Sandbox</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
@ClockBlocked
ClockBlocked / navBarMenu.js
Created February 8, 2026 20:27
NAVBar β€Ή Top β€Ί Component + Dynamic Menu
(function () {
"use strict";
/* STATE */
let activePanel = null;
let isPanelOpen = false;
let isAnimating = false;
let searchTimeout = null;
/* CONFIG */
@ClockBlocked
ClockBlocked / coder.js
Last active December 14, 2025 03:40
gitDev: A GitHub Clone
class CodeViewerEditor {
constructor() {
this.currentFile = null;
this.fileData = null;
this.isEditing = false;
this.codeMirrorEditor = null;
this.elements = {};
this.state = {
fontSize: 12,
lineHeight: 1.5,
@ClockBlocked
ClockBlocked / router.js
Created December 13, 2025 02:55
FlowBite Pages Router
(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([
[2888],
{
5387: function (e, t, r) {
"use strict";
r.d(t, {
dQ: function () {
return i;
},
});
@ClockBlocked
ClockBlocked / deBugged.js
Created October 2, 2025 20:24
In-depth Error Analysis: Android Media Session API & Related JavaScript
/**
* ═══════════════════════════════════════════════════════════════════════════
* ANDROID MEDIA SESSION API - COMPREHENSIVE DEBUG SCRIPT
* ═══════════════════════════════════════════════════════════════════════════
*
* Purpose: In-depth analysis of Media Session API, metadata, playback state,
* action handlers, artwork, position state, and browser compatibility
*
* Usage: Copy entire script β†’ Open browser console β†’ Paste β†’ Press Enter
* ═══════════════════════════════════════════════════════════════════════════
@ClockBlocked
ClockBlocked / index.html
Created September 21, 2025 04:21 — forked from Antagoniise/index.html
Untitled
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Code Block Reveal & Hide with Modal Effect</title>
<style>
* {
box-sizing: border-box;
margin: 0;
document.addEventListener("DOMContentLoaded", function () {
const leftSidebar = document.getElementById("leftSidebar");
const rightSidebar = document.getElementById("rightSidebar");
const miniSidebar = document.getElementById("miniSidebar");
const overlay = document.getElementById("overlay");
const mainArea = document.querySelector(".main-layout");
const leftSidebarTrigger = document.getElementById("leftSidebarTrigger");
const rightSidebarTrigger = document.getElementById("rightSidebarTrigger");
const closeCompletely = document.getElementById("closeCompletely");
const closeToMini = document.getElementById("closeToMini");