diff --git a/site/examples/clip-farm-accounts/index.html b/site/examples/clip-farm-accounts/index.html new file mode 100644 index 0000000..95799d4 --- /dev/null +++ b/site/examples/clip-farm-accounts/index.html @@ -0,0 +1,351 @@ + + + + + + Clip Farm Account Blueprint + + + + +
+
+

Clip Farm Setup Frontend

+

TikTok + Instagram Clipping Account Blueprint

+

+ Built from your ClipFarmBot workflow so you can launch a clean, niche-based account farm, + post on rhythm, and keep campaign output mapped to the right channels. +

+ +
+
+ +
+
+

1) Account architecture (full example: 16 accounts)

+

Run 4 accounts per niche: 2 TikTok + 2 Instagram Reels accounts per niche.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Handle PatternPlatformNicheDaily ClipsPriority
@clips_music_01TikTokMusic4High CPM first
@clips_music_02TikTokMusic4High CPM first
@clips.music.01InstagramMusic4High CPM first
@clips.music.02InstagramMusic4High CPM first
@sports_clips_01TikTokSports4High CPM first
@sports_clips_02TikTokSports4High CPM first
@sports.reels.01InstagramSports4High CPM first
@sports.reels.02InstagramSports4High CPM first
@entertainment_clips_01TikTokEntertainment4Secondary
@entertainment_clips_02TikTokEntertainment4Secondary
@entertainment.reels.01InstagramEntertainment4Secondary
@entertainment.reels.02InstagramEntertainment4Secondary
@gaming_clips_01TikTokGaming4Secondary
@gaming_clips_02TikTokGaming4Secondary
@gaming.reels.01InstagramGaming4Secondary
@gaming.reels.02InstagramGaming4Secondary
+
+ +
+
+

2) First-day setup sequence

+
    +
  1. Create all handles using one naming system (niche + type + number).
    2. +
  2. Set matching profile photos and short bios by niche.
    3. +
  3. Register accounts in ClipFarmBot so queue rotation can assign clips safely.
    4. +
  4. Run one campaign first, post manually, then scale to batch mode.
    5. +
+ 
./clipbot accounts add "@clips_music_01" tiktok music
+./clipbot accounts add "@clips_music_02" tiktok music
+./clipbot accounts add "@clips.music.01" instagram music
+./clipbot accounts add "@clips.music.02" instagram music
+./clipbot accounts add "@sports_clips_01" tiktok sports
+./clipbot accounts add "@sports_clips_02" tiktok sports
+./clipbot accounts add "@sports.reels.01" instagram sports
+./clipbot accounts add "@sports.reels.02" instagram sports
+./clipbot accounts add "@entertainment_clips_01" tiktok entertainment
+./clipbot accounts add "@entertainment_clips_02" tiktok entertainment
+./clipbot accounts add "@entertainment.reels.01" instagram entertainment
+./clipbot accounts add "@entertainment.reels.02" instagram entertainment
+./clipbot accounts add "@gaming_clips_01" tiktok gaming
+./clipbot accounts add "@gaming_clips_02" tiktok gaming
+./clipbot accounts add "@gaming.reels.01" instagram gaming
+./clipbot accounts add "@gaming.reels.02" instagram gaming
+
+ +
+

3) Posting clock

+

Use your current scheduler defaults as the baseline cadence.

+ + + + + + + + + + + +
Time SlotUse Case
09:00Fresh first drop of the day
12:00Lunch scroll window
17:00Commute / after school traffic
20:00Prime entertainment window
22:00Late-night engagement burst
+
+
+ +
+
+

4) Frontend profile examples (copy/paste setup)

+

Use these as your exact profile templates when creating each account.

+ + + + + + + + + + + + + + + + + + + + + + +
HandleBio ExampleContent Angle
@clips_music_01Daily music moments. New viral clips every 3h.Live sets, artist moments, hooks
@clips_music_02Music clip drops all day. Follow for daily bangers.Performance cuts, fan reactions
@clips.music.01Reels for trending music clips and stage highlights.Concert snippets, emotional hooks
@clips.music.02Viral music reels posted daily. Turn notifications on.Remix moments, drop reveals
@sports_clips_01Top goals, knockouts, and game winners every day.Goals, comebacks, clutch plays
@sports_clips_02Sports clips on repeat. Best moments every 3h.Underdogs, rivalries, reactions
@sports.reels.01Sports reels: game-changing moments daily.Last-minute winners, celebrations
@sports.reels.02Fresh sports reels all day. Follow for highlights.Big hits, saves, fan angles
@entertainment_clips_01Internet moments clipped daily. Trending now.Celebrity clips, pop-culture hooks
@entertainment_clips_02Viral entertainment moments every few hours.Interviews, funny moments, reveals
@entertainment.reels.01Reels for trending entertainment clips daily.TV moments, crowd reactions
@entertainment.reels.02Pop culture reels posted throughout the day.Red-carpet clips, viral quotes
@gaming_clips_01Top gaming highlights, fails, and clutches daily.Clutches, funny fails, reactions
@gaming_clips_02Gaming moments that hit hard. New clips all day.Speedruns, ranked plays, endings
@gaming.reels.01Gaming reels with viral moments every day.Boss fights, streamer reactions
@gaming.reels.02Daily gaming reels. Turn on alerts for drop times.Patch highlights, meta plays
+
+ +
+

5) Campaign intake and batching

+

Fill high-CPM campaigns first, then spread clips across account niches.

+ 
# edit campaign list
+config/batch_campaigns.txt
+
+# process all active campaigns
+./scripts/batch_run.sh
+
+# review queue before posting
+./clipbot queue status
+
+ +
+

6) Launch checklist

+
    +
  • Each niche has 2 TikTok + 2 Instagram accounts live.
    • +
  • Profile bio mentions niche + posting frequency expectation.
    • +
  • First 24 clips are queued before public launch.
    • +
  • Track which campaign/niche pair gets highest view velocity.
    • +
  • Security: move API secrets to environment variables before sharing this setup.
    • +
+
+
+
+ + + + diff --git a/site/examples/clip-farm-showcase/index.html b/site/examples/clip-farm-showcase/index.html new file mode 100644 index 0000000..99c24b8 --- /dev/null +++ b/site/examples/clip-farm-showcase/index.html @@ -0,0 +1,41 @@ + + + + + + Clip Farm Showcase Pages + + + + +
+
+

Hallmark-style visual mocks

+

Actual page examples for your clipping accounts

+

+ Pick a page to preview the full frontend vibe: profile setup, visual style, and real sample clips from your ClipFarmBot output. +

+
+
+ +
+
+ + TikTok +

Music account page

+

Dark-neon TikTok profile mock with posting lanes and music clip feed.

+ + + Instagram +

Sports reels page

+

Reels-optimized sports account mock with highlights and posting structure.

+ + + Network board +

16-account control board

+

High-level account matrix with niche lanes and execution snapshot.

+ +
+
+ + diff --git a/site/examples/clip-farm-showcase/instagram-sports.html b/site/examples/clip-farm-showcase/instagram-sports.html new file mode 100644 index 0000000..6444e6e --- /dev/null +++ b/site/examples/clip-farm-showcase/instagram-sports.html @@ -0,0 +1,58 @@ + + + + + + Instagram Sports Reels Mock + + + +
+
+

Instagram page mock

+

Instagram Sports Reels

+

Accessible reels preview for your sports highlight lane.

+
+
+ +
+ + +
+

Reels mock grid (example videos)

+
+
+ +
+ Reel 01 · Victory Moment + Primary sports account reel with end-card CTA. +
+
+
+ +
+ Reel 02 · Equalizer Clip + Secondary slot for high-retention quick plays. +
+
+
+
+
+ + diff --git a/site/examples/clip-farm-showcase/media/entertainment-01.mp4 b/site/examples/clip-farm-showcase/media/entertainment-01.mp4 new file mode 100644 index 0000000..1d37fbb Binary files /dev/null and b/site/examples/clip-farm-showcase/media/entertainment-01.mp4 differ diff --git a/site/examples/clip-farm-showcase/media/music-01.mp4 b/site/examples/clip-farm-showcase/media/music-01.mp4 new file mode 100644 index 0000000..8ed89e0 Binary files /dev/null and b/site/examples/clip-farm-showcase/media/music-01.mp4 differ diff --git a/site/examples/clip-farm-showcase/media/sports-01.mp4 b/site/examples/clip-farm-showcase/media/sports-01.mp4 new file mode 100644 index 0000000..b9c5c81 Binary files /dev/null and b/site/examples/clip-farm-showcase/media/sports-01.mp4 differ diff --git a/site/examples/clip-farm-showcase/network-board.html b/site/examples/clip-farm-showcase/network-board.html new file mode 100644 index 0000000..7502224 --- /dev/null +++ b/site/examples/clip-farm-showcase/network-board.html @@ -0,0 +1,92 @@ + + + + + + Clip Farm Network Board + + + +
+
+

Operations board mock

+

Clip Farm Network Board

+

Accessible overview page for account lanes, schedules, and queue examples.

+
+
+ +
+
+

16-account network board

+

Example frontend board for how all accounts should be structured and rotated.

+
+
+
+ Music lane + TikTok: @clips_music_01, @clips_music_02 + Instagram: @clips.music.01, @clips.music.02 + Schedule: 09:00 / 12:00 / 17:00 / 20:00 +
+
+
+
+ Sports lane + TikTok: @sports_clips_01, @sports_clips_02 + Instagram: @sports.reels.01, @sports.reels.02 + Schedule: 12:00 / 17:00 / 20:00 / 22:00 +
+
+
+
+ Entertainment lane + TikTok: @entertainment_clips_01, @entertainment_clips_02 + Instagram: @entertainment.reels.01, @entertainment.reels.02 + Schedule: 09:00 / 17:00 / 20:00 / 22:00 +
+
+
+
+ Gaming lane + TikTok: @gaming_clips_01, @gaming_clips_02 + Instagram: @gaming.reels.01, @gaming.reels.02 + Schedule: 12:00 / 17:00 / 20:00 / 22:00 +
+
+
+
+
+ +
+ Queue Example A + Use across music + entertainment accounts. +
+
+
+ +
+ Queue Example B + Use across sports + gaming accounts. +
+
+
+ +
+ Queue Example C + Fallback post for off-peak windows. +
+
+
+ ← Back to showcase +
+
+ + diff --git a/site/examples/clip-farm-showcase/styles.css b/site/examples/clip-farm-showcase/styles.css new file mode 100644 index 0000000..2a33929 --- /dev/null +++ b/site/examples/clip-farm-showcase/styles.css @@ -0,0 +1,176 @@ +:root { + --bg: #06070d; + --panel: #101525; + --panel-2: #151c30; + --line: #2b3553; + --text: #eaf0ff; + --muted: #9baad0; + --cyan: #7ce9ff; + --pink: #e6a6ff; + --lime: #95ffbf; + --shadow: 0 18px 48px rgba(0, 0, 0, 0.5); +} + +* { box-sizing: border-box; } + +body { + margin: 0; + font: 500 16px/1.45 Inter, "Segoe UI", Roboto, Arial, sans-serif; + color: var(--text); + background: + radial-gradient(1000px 600px at 80% -10%, rgba(58, 77, 170, 0.45), transparent 60%), + var(--bg); +} + +.shell { + width: min(1180px, 92vw); + margin: 0 auto; +} + +.hero { + padding: 4rem 0 2rem; + border-bottom: 1px solid var(--line); +} + +.eyebrow { + margin: 0 0 0.8rem; + color: var(--cyan); + text-transform: uppercase; + letter-spacing: 0.18em; + font-size: 0.74rem; +} + +h1 { + margin: 0; + font-size: clamp(2rem, 4.5vw, 3.6rem); + line-height: 1.05; +} + +.sub { + margin: 1rem 0 0; + color: var(--muted); + max-width: 66ch; +} + +.cards { + display: grid; + gap: 1rem; + grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); + margin: 2rem 0 3rem; +} + +.card { + display: block; + text-decoration: none; + color: inherit; + background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01)); + border: 1px solid var(--line); + border-radius: 16px; + padding: 1rem; + box-shadow: var(--shadow); +} + +.card:hover { border-color: #4660a1; } + +.tag { + display: inline-block; + font-size: 0.72rem; + letter-spacing: 0.08em; + text-transform: uppercase; + color: #121525; + background: var(--cyan); + padding: 0.18rem 0.5rem; + border-radius: 999px; +} + +.tag.insta { background: var(--pink); } +.tag.mix { background: var(--lime); } + +.card h2 { margin: 0.7rem 0 0.2rem; font-size: 1.18rem; } +.card p { margin: 0; color: var(--muted); } + +.layout { + padding: 2rem 0 3.2rem; + display: grid; + gap: 1rem; + grid-template-columns: 330px 1fr; +} + +.panel { + background: var(--panel); + border: 1px solid var(--line); + border-radius: 16px; + padding: 1rem; +} + +.panel h2, .panel h3 { margin: 0; } + +.profile { + margin-top: 0.8rem; + display: grid; + gap: 0.7rem; +} + +.row { + background: var(--panel-2); + border: 1px solid #2b385c; + border-radius: 10px; + padding: 0.55rem 0.65rem; +} + +.k { + display: block; + color: #9ab2ea; + text-transform: uppercase; + letter-spacing: 0.08em; + font-size: 0.66rem; +} + +.v { display: block; margin-top: 0.2rem; } + +.gallery { + display: grid; + gap: 0.95rem; + grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); +} + +.clip { + border: 1px solid #2a3555; + border-radius: 14px; + overflow: hidden; + background: #0f1423; +} + +video { + width: 100%; + height: 460px; + object-fit: cover; + display: block; + background: #090c15; +} + +.meta { + padding: 0.7rem 0.8rem 0.85rem; +} + +.meta strong { + display: block; + font-size: 0.95rem; +} + +.meta span { + display: block; + color: var(--muted); + font-size: 0.83rem; +} + +.back { + display: inline-block; + margin-top: 1rem; + color: var(--cyan); +} + +@media (max-width: 980px) { + .layout { grid-template-columns: 1fr; } + video { height: 420px; } +} diff --git a/site/examples/clip-farm-showcase/tiktok-music.html b/site/examples/clip-farm-showcase/tiktok-music.html new file mode 100644 index 0000000..8e1cc56 --- /dev/null +++ b/site/examples/clip-farm-showcase/tiktok-music.html @@ -0,0 +1,58 @@ + + + + + + TikTok Music Account Mock + + + +
+
+

TikTok page mock

+

TikTok Music Account

+

Accessible profile and feed preview for your music clip lane.

+
+
+ +
+ + +
+

Feed preview (example videos)

+
+
+ +
+ Clip 01 · Equalizer Moment + Use as hook-first cut for music/sports crossover traffic. +
+
+
+ +
+ Clip 02 · Shock Highlight + Use with text overlays tuned for artist/event drama. +
+
+
+
+
+ +