Devlog #7

Did many visual Changes

Basically, last time what I did was I rewrote all of mostly codebase, made some changes myself and so that it is written by me. and also optimized it a bit .

After that, i optimized a lot more of the codebase what i did in this devlog next is first of all i thought about trying to give it a new font style. i personally prefer font that is very easy to read and is much more spacey-spacey

so, that’s what I did basically for right now. also added like this yarn structure. so like now when the windows open, that polaroid picture is actually connected to the window using you know, red kind of a yarn thing.
like how those detectives actually have those many polaroids and pictures on a board, and then it’s all connected by these red and different strings, and in the end, they find the evidence. That’s the kind of thing that I’m trying over here.
Gonna start working on the design overhaul nexttt :D

DEVLOGG

this one is a short devlog compared to those from others

Mostly the changes were done in the code, I rewrote majority of the code and made it more efficient, also
rewrote README, as it was lacking many things.

devlog #4

Shipping the desk next ig (WebOS 1)

In the lastestt log i stuffed the folders. this one is just me putting the desk on the internet so someone else can knock the polaroids around :)

Then wrote a real readme. not a one liner. two screenshots of the actual corkboard, and they actually show up on github this time.
Live name is https://cipheros.techxtreme.me because i was not gonna ship a random vercel hash as the only url as always (gotta maximise the use of the domain i bought
Tho obv vercel is still behind it at https://cipheros-ten.vercel.app if namecheap is taking a nap.

Repo is public as it already was. btw added a mit license, cuz why not

drag the tab, scribbly x closes, pins open stuff, notes stick in this browser, CASE 0 is the missing campfire hoodies, no password and the rest of the case story are a plan for next ship. v1 is the desk and all. if you open it and it looks like a corkboard thats because the PAGE IS THE corkboard. thats the bit.

devlog #3

stuffed the folders (finally)

the desk was awake but empty. like i bought manila folders and forgot to put paper in them. thats the part that was annoying me.
notebook actually takes clues now. you type, hit pin note, they stay even if you refresh. scratch button is there because some notes are just me lying to myself at 1am 😂

Case files has little folder cards. desk map, active case, loop pile, and CASE 0.
CASE 0 is the missing campfire flagship hoodies (L, M, S), stamped “MISSING”. no real shop photos so theyre sad hoodie silhouettes with a big ? which honestly fits.the shredder says evidence destroyed: 0. suspiciously clean. i didnt feed it anything on purpose.

bugs i had to fight after stuffing it:

• notes would explode if localstorage had garbage
• the clue box was stretching like it wanted the whole folder
• hoodie window was too skinny so polaroids were eating each other
• extra click listeners on the pins were doing double duty for no reason

anyway the apps exist now. next its gonna be readme then ship if everything works well on vercel ig

DEVLOGGG #2

// the board kinda woke up a little

last log was basically html bones sitting on a white page like a sad school assignment. now it actually looks like cipheros.

Cork wall is in. tape bar is in. the apps are polaroids pinned on the side, with red yarn doing the whole detective-board thing. i also made the windows look like manila folders instead of random browser boxes, so now the page has a personality and not just div div div energy.

then i made the dead stuff wake up:

[x] clock stopped saying --:--
[x] pins open their windows now
[x] the tiny x actually closes folders
[x] clicking a folder brings it to the front
[x] dragging from the folder tab works

mini chaos moment: the html got cursed for a bit and kept getting extra quote marks at the bottom. it was one of those bugs where everything works but the file looks haunted, so i cleaned that before calling it done +_+

still not doing the real apps yet. notebook doesnt save. CASE 0 is still just the missing hoodie folder waiting for photos. shredder is still empty, which is suspicious but fine.

next iamma make the windows actually contain stuff. notes, files, hoodie photos. the desk is awake now, it just needs evidence.

devlog #1

started cipheros :)

ok so i wanted a WebOS that felt like a detective board, not another fake macos. Today I started with html only. no colors, no fonts, just boxes with names on them.

Tape bar has CipherOS and a clock that says --:-- like its buffering forever. four pins (notebook, files, hoodies, shredder). five windows dumped on the page so i can see them. vscode kept fighting me on tags ngl. it loads tho.

nothing works yet lol. next i make it look like cork. anyway thats the start

devlog #4 (final)

its actually on the internet now :D

last time you tab still said “thats you. profile later.” and the whole thing lived on localhost. felt unfinished so i finished it today itself.

you tab is a real profile now. display name, bluesky handles one per line, story rings you can add or hit x on. save this and home grabs a new mix. first ring on my laptop says athan lol.

wrote a readme that is not just a tutorial, put actual screenshots of the tab in it, pushed to github, threw it on vercel. people can actually open it without cloning anything.

demo: https://webgram-gamma.vercel.app
(waiting for dns to propogate so that it can be accessed using custom link, https://webgram.techxtreme.me )

code: https://github.com/its-techxtreme/WebGram

chrome empty new tab is fired. this is the one im using +_+

devlog #3

the feed is actually scrolling now :D

last time it still said “feed goes here. not yet.” and the clock was stuck on --:-- like it was buffering forever. got bored of staring at a fake phone with nothing on it.clock ticks now.

search actually dumps you on google. the story rings open the apps (google, youtube, github, stardance, discord) and i put names under them because i kept mixing up which circle was which lol.

then i hooked up bluesky. public api, no login, just a list of people i follow on this laptop. mix of cats, nba, zoo animals, 90s anime, street food. photography only got old after like two refreshes. posts are a little polaroid-tilted. hover the rings and they spin. one tap on a pic opens the real bluesky post. double tap and a heart pops. like and save stay here, im not actually hitting their servers.saved tab shows what i bookmarked. you tab still just says “thats you. profile later.” thats next, then i put this on the internet instead of localhost.anyway. i open a new tab and theres stuff to scroll. thats the whole point +_+

devlog #2

it looks like a phone now :D

spent an hour just making it not ugly. no new buttons or anything. just css.

its a cream phone sitting on this wood-plank desk now, kinda tilted, with fake tape at the top like i stuck it there. lilita one for the WebGram wordmark (its a little crooked on purpose) and patrick hand for the rest so it doesnt look like a chrome theme from 2014. story rings have that rainbowish border. theres a sticker that says “new tab :D” and another that says “not ig” because people keep thinking im cloning instagram lol +_+

opened it locally and it actually looks like something now. you can still click the rings and type in search. feed is still “feed goes here. not yet.” clock still says --:--. next i make the clock tick and the stories actually open google / youtube / github / etc.anyway. it looks like a desk. im happy about that :p

devlog #1

started webgram :)

ok so i open a new tab like a hundred times a day and chrome just gives me that empty search page. got bored of it. making my own for the challenge.

idea is instagram but for a new tab. not a clone, i just stole the layout because my brain already knows where stuff is. stories on top, feed in the middle, little nav at the bottom. the stories arent even stories tho. theyre shortcut buttons for google / youtube / github / discord / stardance. the feed is supposed to be live bluesky later so when i open a tab im actually scrolling something, not staring at widgets +_+

rn it was just html. like, only html. clock says --:-- like its buffering forever. search box is there but it doesnt search yet. feed is a placeholder that says “feed goes here. not yet.” opened it in the browser and it looks so unfinished its kinda funny. no colors, no fonts, just default browser stuff. clicked around anyway. story buttons work, i typed in the search, Saved in the nav jumped to #saved. vscode kept auto-closing my tags while i was writing index.html and the file looked so cooked. had to type the whole thing again. it loads now tho :p

next i make it look like a phone on a messy desk. then the feed gets real posts. anyway thats the start.

Devlog #4 - crew DMs actually land in the queue now

last one was Captain’s Deck + Shorts geometry. this stretch was the thing i kept putting off: stop pasting reels by hand when the crew already DMs them. =_=

the collector

worker sits on the same laptop, same chrome, different profile. it does not steal the upload session. if ffmpeg or a YT/IG upload is mid-flight it waits. then it opens the crew chats and copies reel permalinks.

first version was dumb. it clicked the inbox list, grabbed whatever looked like a reel, and dumped garbage on Unsorted cargo. half of it was profile-grid junk and fake shortcodes. instagram said the link was broken. i stared at @unknown like the app was haunted. ツ

fix: open /direct/t/{id}/ for the known chats, scroll older messages, click the actual preview cards. real reel codes are 11 chars. anything else gets marked invalid. niche word under the reel (Anime / Sport / Meme) queues a job. no niche = Unsorted cargo, i pick it. we don’t invent a niche to make the dashboard look busy.

i added a Clip column and then yeeted it

instagram embeds in Ship’s log. looked cute. loaded maybe 50% of the time, with scrollbars. (._.) dropped it. dashboard is the old table again plus Unsorted cargo. open the reel on IG if you want to watch it.

where it stands

submit still public. demo still read-only. crew DMs now become jobs or unsorted rows instead of sitting in my DMs forever. still my pc. still playwright. but “the boys sent 10 reels” is closer to “they’re on the desk” than it was last week. =)

what I am planning Next ;D

Mostly gonna fix bugs in the collection worker that I encountering during use in the next few weeks, Also rn its really hard to setup project ap-i for yourself. So, I am gonna try to learn and make it into some kinda desktop app. But not sure as It took too much time just to understand how to make these automations etc 😭 and I need to study academics too 💀

live at : https://ap-i.techxtreme.me

DEVLOG 6 — small fixes that impacted lags in some devices +_=

after some people’s reviews i sat with the real feedback. sketchbook looked cool but felt laggy on some devices. login was annoying. filters were confusing. tutorial glitched on phones. and yeah — a security issue popped up that i had to actually fix, not shrug off.
this update is the cleanup after that.

what reviews complained about

• the UI felt heavy (scroll lag, blurry glass, doodles that somehow made the page wheeze)
• password managers / paste on login were janky
• niche + country filters felt empty or unclear until you’d imported something
• demo tutorial broke on mobile / pointed at nothing sometimes
• security issue found in review — patched and scrubbed

what i changed :)

speed without killing the vibe. ripped expensive paper grain / blur, dialed back idle vector vault work, kept the margin doodles with cheap CSS bobbing instead of Framer looping forever. doodles stay. lag mostly doesn’t.

auth that behaves. forms play nicer with autofill. signup/reset don’t overshare. login + username checks got rate limits. admin denials stay generic.

security + small UX. fixed the issue, cleaned public templates, tightened gates. logo in the header finally goes home when you click it.

filters + tutorial. niche/country lists make more sense post-import (searchable when long). demo tutorial doesn’t trap you on phones anymore.

still sketchbook

didn’t “simplify into a boring dashboard.” paper, doodles, sticky scripts — still there. just less of the stuff that made a laptop cry :D

Devlog

Revamped style.css and added 3 sections. Now it has atleast a bit proper design, earlier version was just really basic not much of a design at all.
Now it has proper section headings, a designed box for :

–> OutreachOS, I have added Live project link and stardance link and the og-image as project image.

–>Project AP-I, I have added only the Stardance link as it hasn’t been shipped yet, but demo available at project site.

Devlog #3 - Captain’s Deck, Shorts that look like Shorts, and a queue i babysit less

devlog 1 and 2 were the “why is everything on fire” posts. this one is what i built after the pipeline stopped dying every hour: UI, demo voyage, edit preset, Drive auth, and ops controls that matter when the factory is still my laptop.

the dashboard stopped looking like a spreadsheet

i tore out the generic admin chrome and rebuilt it as Captain’s Deck - One Piece-inspired voyage language without ripping logos or characters. Crow’s nest, Ship’s log, Lost cargo, Crew, Sea lanes. day watch = turquoise sea + parchment; night watch = deep navy + lantern gold. Pirata One for display. sky washes, wave shimmer, ship-sail motion when something lands. still dense ops tables underneath, but it finally feels like a product.### demo mode + the crew briefingpublic submit was already open. missing piece: a safe admin poke. read-only demo watch - demo login boards you with write actions locked. Stretch, Navi, Cookie and the doodle crew run an interactive voyage tutorial (spotlight + mascots) when you land. replay tour is one click. filter Ship’s log, open Cargo bay - you just can’t smash retry/delete on live jobs. public demo without yeeting production. :)

shorts were uploading as normal youtube videos

caught it live in studio: short clip, landscape preview, regular upload not a Short. ffmpeg did speed + bgm but never forced 9:16. source stayed landscape, so youtube stayed “normal video.” shared edit now always outputs 1080x1920, asserts dimensions after encode, fails loud if not. IG gets the clean export. YT can still get niche brand c-text (ShonenSnaps / CrackleCrumb / ScoreMorsel) when there’s no burned-in hard captions. preset: 1.2x speed, stronger filter, original audio, quiet bgm (~5%), no logo watermark on IG. :D

drive auth + knowing if the laptop is awake

invalid_grant wiped jobs because the oauth refresh token was minted while the google app was still in Testing. publishing consent to Production does not resurrect old tokens - mint a new one after. worker health probes Drive; claim skips when Drive is dead. vercel can’t ping my private worker, so the topbar has a remote laptop signal (supabase heartbeat): offline vs connected and ready. if that light is dead, the queue is sleeping.

ops controls when soft limits park everything

rolling 24h soft daily upload cap still parks niches at the limit. sometimes i need one job through. Ship’s log swaps Retries for a Force button on those rows: one-shot soft-limit bypass for that job only (platform hard caps still apply). also pause / unpause / abort so one hung Playwright session doesn’t hold the door. deferred jobs recheck sooner so the queue doesn’t look cursed when a slot frees early. =_+

where it stands

submit is public. demo voyage read-only. real uploads still need my pc awake with chrome profiles + docker n8n. last stretch wasn’t another playwright ghost story - shape, Drive health, Captain’s Deck polish, and operator controls so the queue cooks without me hovering. still local. still weird. closer to “drop the link and walk away” than where #2 left me. ;)

the video attached is sped up 16x the orignal tho +_=

live: https://ap-i.techxtreme.me
github: https://github.com/its-techxtreme/project-ap-i

DEVLOG #5 — messy sheets, finally cleaned

I got some real feedback after people poked OutreachOS. Many people loved the Tutorial feature :D

one stuck tho: import was too picky about column names. someone uploaded a normal lead sheet with Number instead of Phone Number, and we silently imported leads with empty phones. that’s the opposite of “we clean your messy list.”

so #5 is basically: a bug fix where we stop being precious about headers, and actually clean the sheet.

flexible headers

import now treats common scrapes / hand labels as the same field:

• phone: Number, Mob, Ph No, Contact, WhatsApp, Cell, Landline…
• name: Shop, Firm, Brand, Client, Restaurant, Company…
• maps: Gmaps, Maps Link, Place URL, Source URL, bare goo.gl…
• address bits: City / State / PIN / Zip get merged when the sheet splits them

house / plot / GST “number” columns stay ignored so we don’t invent fake phones.

cleaning that actually helps

• phones: scientific notation from Excel, leading 0 / 91, multi-value cells (a / b → first good one)
• maps: HYPERLINK() formulas and scheme-less short links
• junk cells: N/A, NULL, blanks stripped
• if a column still looks like phones but didn’t map, the import result warns instead of pretending everything’s fine

other polish since #4

• Premium email fallback when no mail app (“copy the draft”)
• admin can disable accounts with a reason
• OG preview image fixed + sized to 1200×630

try it- live: https://outreachos.techxtreme.me

• import guide: import-guide
• repo: github.com/its-techxtreme/OutreachOS

if your sheet still confuses the mapper, send me the header row — that’s how this list grows.

Devlog

I made this website in html and css while attending the hackclub workshop (hosted by jenin) .

We made a index.html and style.css
Then we configured the background page and some text color and font family.
Then I added some images and links to showcase my stardance projects :D