design: blog1 눈길 잡는 바이올렛 디자인 v2 — 체류 시간 최적화 - #6

Merged
Kevinlee7250 merged 2 commits into
latestfrom
claude/google-blogger-design-v2
Jul 14, 2026
Merged

design: blog1 눈길 잡는 바이올렛 디자인 v2 — 체류 시간 최적화#6
Kevinlee7250 merged 2 commits into
latestfrom
claude/google-blogger-design-v2

Conversation

@Kevinlee7250

Copy link
Copy Markdown
Owner

변경 요약

독자가 오래 머무르도록 시각적 리듬과 섹션 구조를 강화한 v2 디자인입니다.

변경 파일

blog-automation/blogger_uploader.py

주요 변경 내역

요소변경 내용효과
H2 번호 마커CSS counter로 바이올렛 사각 뱃지 자동 번호섹션 구조 한눈에 파악
목차번호 원형 + 행 구분선 카드형 박스포스트 초반 클릭 유도
blockquote라벤더 배경 + 굵은 텍스트 풀쿼트 스타일스크롤 중 시선 고정
H3라벤더 3px 왼쪽 선 서브타이틀소항목 구분 명확화
mark 태그라벤더 형광펜 하이라이트핵심 문장 강조
CTA 푸터노란 면책 박스 → 공유 유도 카드재방문율 개선

Generated by Claude Code

claude added 2 commits July 14, 2026 04:52
독자가 오래 머무르도록 시각적 리듬과 섹션 구조 강화.
- H2: CSS counter로 바이올렛 사각 번호 뱃지 자동 표시
- 목차: 번호 원형 + 행 구분선 카드형 — 섹션 클릭 유도
- blockquote: 풀쿼트 스타일 (라벤더 배경 + 굵은 텍스트)
- H3: 라벤더 3px 왼쪽 선으로 소항목 구분 명확화
- mark: 핵심 문장 라벤더 형광펜 하이라이트 지원
- CTA 푸터: 북마크/공유 유도 카드로 재방문율 개선
Co-Authored-By: Claude <noreply@anthropic.com>
바이올렛 단색에서 벗어나 요소별로 색을 분리.
- H2 번호 뱃지: 바이올렛→블루→틸→앰버 순환
- H3 서브타이틀 + 링크: 블루 계열 통일
- blockquote: 틸 배경(#f0fdfa) + 틸 보더(#0d9488)
- mark 하이라이트: 앰버 형광펜(#fde68a)으로 교체
- 태그 클라우드: 바이올렛·블루·틸·앰버·로즈 5색 순환
- CTA 푸터: 로즈 그라디언트 + 로즈 상단 레이블(#e11d48)
- 목차 번호: 섹션별 색 적용으로 위치 인지 강화
Co-Authored-By: Claude <noreply@anthropic.com>
@Kevinlee7250
Kevinlee7250 marked this pull request as ready for review July 14, 2026 05:01
@Kevinlee7250
Kevinlee7250 merged commit d951a5a into latestJul 14, 2026
1 check passed
github-actionsBot added a commit that referenced this pull request Jul 22, 2026
github-actionsBot added a commit that referenced this pull request Jul 22, 2026
github-actionsBot added a commit that referenced this pull request Jul 25, 2026
github-actionsBot added a commit that referenced this pull request Aug 11, 2026
github-actionsBot added a commit that referenced this pull request Aug 17, 2026
github-actionsBot added a commit that referenced this pull request Aug 19, 2026
github-actionsBot added a commit that referenced this pull request Aug 21, 2026
github-actionsBot added a commit that referenced this pull request Aug 21, 2026
github-actionsBot added a commit that referenced this pull request Aug 23, 2026
github-actionsBot added a commit that referenced this pull request Aug 26, 2026
github-actionsBot added a commit that referenced this pull request Aug 28, 2026
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Kevinlee7250@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content

design: blog1 눈길 잡는 바이올렛 디자인 v2 — 체류 시간 최적화 - #6

Merged
Kevinlee7250 merged 2 commits into
latestfrom
claude/google-blogger-design-v2
Jul 14, 2026
Merged

design: blog1 눈길 잡는 바이올렛 디자인 v2 — 체류 시간 최적화#6
Kevinlee7250 merged 2 commits into
latestfrom
claude/google-blogger-design-v2

Conversation

@Kevinlee7250

Copy link
Copy Markdown
Owner

변경 요약

독자가 오래 머무르도록 시각적 리듬과 섹션 구조를 강화한 v2 디자인입니다.

변경 파일

blog-automation/blogger_uploader.py

주요 변경 내역

요소변경 내용효과
H2 번호 마커CSS counter로 바이올렛 사각 뱃지 자동 번호섹션 구조 한눈에 파악
목차번호 원형 + 행 구분선 카드형 박스포스트 초반 클릭 유도
blockquote라벤더 배경 + 굵은 텍스트 풀쿼트 스타일스크롤 중 시선 고정
H3라벤더 3px 왼쪽 선 서브타이틀소항목 구분 명확화
mark 태그라벤더 형광펜 하이라이트핵심 문장 강조
CTA 푸터노란 면책 박스 → 공유 유도 카드재방문율 개선

Generated by Claude Code

claude added 2 commits July 14, 2026 04:52
독자가 오래 머무르도록 시각적 리듬과 섹션 구조 강화.
- H2: CSS counter로 바이올렛 사각 번호 뱃지 자동 표시
- 목차: 번호 원형 + 행 구분선 카드형 — 섹션 클릭 유도
- blockquote: 풀쿼트 스타일 (라벤더 배경 + 굵은 텍스트)
- H3: 라벤더 3px 왼쪽 선으로 소항목 구분 명확화
- mark: 핵심 문장 라벤더 형광펜 하이라이트 지원
- CTA 푸터: 북마크/공유 유도 카드로 재방문율 개선
Co-Authored-By: Claude <noreply@anthropic.com>
바이올렛 단색에서 벗어나 요소별로 색을 분리.
- H2 번호 뱃지: 바이올렛→블루→틸→앰버 순환
- H3 서브타이틀 + 링크: 블루 계열 통일
- blockquote: 틸 배경(#f0fdfa) + 틸 보더(#0d9488)
- mark 하이라이트: 앰버 형광펜(#fde68a)으로 교체
- 태그 클라우드: 바이올렛·블루·틸·앰버·로즈 5색 순환
- CTA 푸터: 로즈 그라디언트 + 로즈 상단 레이블(#e11d48)
- 목차 번호: 섹션별 색 적용으로 위치 인지 강화
Co-Authored-By: Claude <noreply@anthropic.com>
@Kevinlee7250
Kevinlee7250 marked this pull request as ready for review July 14, 2026 05:01
@Kevinlee7250
Kevinlee7250 merged commit d951a5a into latestJul 14, 2026
1 check passed
github-actionsBot added a commit that referenced this pull request Jul 22, 2026
github-actionsBot added a commit that referenced this pull request Jul 22, 2026
github-actionsBot added a commit that referenced this pull request Jul 25, 2026
github-actionsBot added a commit that referenced this pull request Aug 11, 2026
github-actionsBot added a commit that referenced this pull request Aug 17, 2026
github-actionsBot added a commit that referenced this pull request Aug 19, 2026
github-actionsBot added a commit that referenced this pull request Aug 21, 2026
github-actionsBot added a commit that referenced this pull request Aug 21, 2026
github-actionsBot added a commit that referenced this pull request Aug 23, 2026
github-actionsBot added a commit that referenced this pull request Aug 26, 2026
github-actionsBot added a commit that referenced this pull request Aug 28, 2026
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Kevinlee7250@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

design: blog1 눈길 잡는 바이올렛 디자인 v2 — 체류 시간 최적화 - #6

Merged
Kevinlee7250 merged 2 commits into
latestfrom
claude/google-blogger-design-v2
Jul 14, 2026
Merged

design: blog1 눈길 잡는 바이올렛 디자인 v2 — 체류 시간 최적화#6
Kevinlee7250 merged 2 commits into
latestfrom
claude/google-blogger-design-v2

Conversation

@Kevinlee7250

Copy link
Copy Markdown
Owner

변경 요약

독자가 오래 머무르도록 시각적 리듬과 섹션 구조를 강화한 v2 디자인입니다.

변경 파일

blog-automation/blogger_uploader.py

주요 변경 내역

요소변경 내용효과
H2 번호 마커CSS counter로 바이올렛 사각 뱃지 자동 번호섹션 구조 한눈에 파악
목차번호 원형 + 행 구분선 카드형 박스포스트 초반 클릭 유도
blockquote라벤더 배경 + 굵은 텍스트 풀쿼트 스타일스크롤 중 시선 고정
H3라벤더 3px 왼쪽 선 서브타이틀소항목 구분 명확화
mark 태그라벤더 형광펜 하이라이트핵심 문장 강조
CTA 푸터노란 면책 박스 → 공유 유도 카드재방문율 개선

Generated by Claude Code

claude added 2 commits July 14, 2026 04:52
독자가 오래 머무르도록 시각적 리듬과 섹션 구조 강화.
- H2: CSS counter로 바이올렛 사각 번호 뱃지 자동 표시
- 목차: 번호 원형 + 행 구분선 카드형 — 섹션 클릭 유도
- blockquote: 풀쿼트 스타일 (라벤더 배경 + 굵은 텍스트)
- H3: 라벤더 3px 왼쪽 선으로 소항목 구분 명확화
- mark: 핵심 문장 라벤더 형광펜 하이라이트 지원
- CTA 푸터: 북마크/공유 유도 카드로 재방문율 개선
Co-Authored-By: Claude <noreply@anthropic.com>
바이올렛 단색에서 벗어나 요소별로 색을 분리.
- H2 번호 뱃지: 바이올렛→블루→틸→앰버 순환
- H3 서브타이틀 + 링크: 블루 계열 통일
- blockquote: 틸 배경(#f0fdfa) + 틸 보더(#0d9488)
- mark 하이라이트: 앰버 형광펜(#fde68a)으로 교체
- 태그 클라우드: 바이올렛·블루·틸·앰버·로즈 5색 순환
- CTA 푸터: 로즈 그라디언트 + 로즈 상단 레이블(#e11d48)
- 목차 번호: 섹션별 색 적용으로 위치 인지 강화
Co-Authored-By: Claude <noreply@anthropic.com>
@Kevinlee7250
Kevinlee7250 marked this pull request as ready for review July 14, 2026 05:01
@Kevinlee7250
Kevinlee7250 merged commit d951a5a into latestJul 14, 2026
1 check passed
github-actionsBot added a commit that referenced this pull request Jul 22, 2026
github-actionsBot added a commit that referenced this pull request Jul 22, 2026
github-actionsBot added a commit that referenced this pull request Jul 25, 2026
github-actionsBot added a commit that referenced this pull request Aug 11, 2026
github-actionsBot added a commit that referenced this pull request Aug 17, 2026
github-actionsBot added a commit that referenced this pull request Aug 19, 2026
github-actionsBot added a commit that referenced this pull request Aug 21, 2026
github-actionsBot added a commit that referenced this pull request Aug 21, 2026
github-actionsBot added a commit that referenced this pull request Aug 23, 2026
github-actionsBot added a commit that referenced this pull request Aug 26, 2026
github-actionsBot added a commit that referenced this pull request Aug 28, 2026
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Kevinlee7250@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

design: blog1 눈길 잡는 바이올렛 디자인 v2 — 체류 시간 최적화 - #6

Merged
Kevinlee7250 merged 2 commits into
latestfrom
claude/google-blogger-design-v2
Jul 14, 2026
Merged

design: blog1 눈길 잡는 바이올렛 디자인 v2 — 체류 시간 최적화#6
Kevinlee7250 merged 2 commits into
latestfrom
claude/google-blogger-design-v2

Conversation

@Kevinlee7250

Copy link
Copy Markdown
Owner

변경 요약

독자가 오래 머무르도록 시각적 리듬과 섹션 구조를 강화한 v2 디자인입니다.

변경 파일

blog-automation/blogger_uploader.py

주요 변경 내역

요소변경 내용효과
H2 번호 마커CSS counter로 바이올렛 사각 뱃지 자동 번호섹션 구조 한눈에 파악
목차번호 원형 + 행 구분선 카드형 박스포스트 초반 클릭 유도
blockquote라벤더 배경 + 굵은 텍스트 풀쿼트 스타일스크롤 중 시선 고정
H3라벤더 3px 왼쪽 선 서브타이틀소항목 구분 명확화
mark 태그라벤더 형광펜 하이라이트핵심 문장 강조
CTA 푸터노란 면책 박스 → 공유 유도 카드재방문율 개선

Generated by Claude Code

claude added 2 commits July 14, 2026 04:52
독자가 오래 머무르도록 시각적 리듬과 섹션 구조 강화.
- H2: CSS counter로 바이올렛 사각 번호 뱃지 자동 표시
- 목차: 번호 원형 + 행 구분선 카드형 — 섹션 클릭 유도
- blockquote: 풀쿼트 스타일 (라벤더 배경 + 굵은 텍스트)
- H3: 라벤더 3px 왼쪽 선으로 소항목 구분 명확화
- mark: 핵심 문장 라벤더 형광펜 하이라이트 지원
- CTA 푸터: 북마크/공유 유도 카드로 재방문율 개선
Co-Authored-By: Claude <noreply@anthropic.com>
바이올렛 단색에서 벗어나 요소별로 색을 분리.
- H2 번호 뱃지: 바이올렛→블루→틸→앰버 순환
- H3 서브타이틀 + 링크: 블루 계열 통일
- blockquote: 틸 배경(#f0fdfa) + 틸 보더(#0d9488)
- mark 하이라이트: 앰버 형광펜(#fde68a)으로 교체
- 태그 클라우드: 바이올렛·블루·틸·앰버·로즈 5색 순환
- CTA 푸터: 로즈 그라디언트 + 로즈 상단 레이블(#e11d48)
- 목차 번호: 섹션별 색 적용으로 위치 인지 강화
Co-Authored-By: Claude <noreply@anthropic.com>
@Kevinlee7250
Kevinlee7250 marked this pull request as ready for review July 14, 2026 05:01
@Kevinlee7250
Kevinlee7250 merged commit d951a5a into latestJul 14, 2026
1 check passed
github-actionsBot added a commit that referenced this pull request Jul 22, 2026
github-actionsBot added a commit that referenced this pull request Jul 22, 2026
github-actionsBot added a commit that referenced this pull request Jul 25, 2026
github-actionsBot added a commit that referenced this pull request Aug 11, 2026
github-actionsBot added a commit that referenced this pull request Aug 17, 2026
github-actionsBot added a commit that referenced this pull request Aug 19, 2026
github-actionsBot added a commit that referenced this pull request Aug 21, 2026
github-actionsBot added a commit that referenced this pull request Aug 21, 2026
github-actionsBot added a commit that referenced this pull request Aug 23, 2026
github-actionsBot added a commit that referenced this pull request Aug 26, 2026
github-actionsBot added a commit that referenced this pull request Aug 28, 2026
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Kevinlee7250@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content

design: blog1 눈길 잡는 바이올렛 디자인 v2 — 체류 시간 최적화 - #6

Merged
Kevinlee7250 merged 2 commits into
latestfrom
claude/google-blogger-design-v2
Jul 14, 2026
Merged

design: blog1 눈길 잡는 바이올렛 디자인 v2 — 체류 시간 최적화#6
Kevinlee7250 merged 2 commits into
latestfrom
claude/google-blogger-design-v2

Conversation

@Kevinlee7250

Copy link
Copy Markdown
Owner

변경 요약

독자가 오래 머무르도록 시각적 리듬과 섹션 구조를 강화한 v2 디자인입니다.

변경 파일

blog-automation/blogger_uploader.py

주요 변경 내역

요소변경 내용효과
H2 번호 마커CSS counter로 바이올렛 사각 뱃지 자동 번호섹션 구조 한눈에 파악
목차번호 원형 + 행 구분선 카드형 박스포스트 초반 클릭 유도
blockquote라벤더 배경 + 굵은 텍스트 풀쿼트 스타일스크롤 중 시선 고정
H3라벤더 3px 왼쪽 선 서브타이틀소항목 구분 명확화
mark 태그라벤더 형광펜 하이라이트핵심 문장 강조
CTA 푸터노란 면책 박스 → 공유 유도 카드재방문율 개선

Generated by Claude Code

claude added 2 commits July 14, 2026 04:52
독자가 오래 머무르도록 시각적 리듬과 섹션 구조 강화.
- H2: CSS counter로 바이올렛 사각 번호 뱃지 자동 표시
- 목차: 번호 원형 + 행 구분선 카드형 — 섹션 클릭 유도
- blockquote: 풀쿼트 스타일 (라벤더 배경 + 굵은 텍스트)
- H3: 라벤더 3px 왼쪽 선으로 소항목 구분 명확화
- mark: 핵심 문장 라벤더 형광펜 하이라이트 지원
- CTA 푸터: 북마크/공유 유도 카드로 재방문율 개선
Co-Authored-By: Claude <noreply@anthropic.com>
바이올렛 단색에서 벗어나 요소별로 색을 분리.
- H2 번호 뱃지: 바이올렛→블루→틸→앰버 순환
- H3 서브타이틀 + 링크: 블루 계열 통일
- blockquote: 틸 배경(#f0fdfa) + 틸 보더(#0d9488)
- mark 하이라이트: 앰버 형광펜(#fde68a)으로 교체
- 태그 클라우드: 바이올렛·블루·틸·앰버·로즈 5색 순환
- CTA 푸터: 로즈 그라디언트 + 로즈 상단 레이블(#e11d48)
- 목차 번호: 섹션별 색 적용으로 위치 인지 강화
Co-Authored-By: Claude <noreply@anthropic.com>
@Kevinlee7250
Kevinlee7250 marked this pull request as ready for review July 14, 2026 05:01
@Kevinlee7250
Kevinlee7250 merged commit d951a5a into latestJul 14, 2026
1 check passed
github-actionsBot added a commit that referenced this pull request Jul 22, 2026
github-actionsBot added a commit that referenced this pull request Jul 22, 2026
github-actionsBot added a commit that referenced this pull request Jul 25, 2026
github-actionsBot added a commit that referenced this pull request Aug 11, 2026
github-actionsBot added a commit that referenced this pull request Aug 17, 2026
github-actionsBot added a commit that referenced this pull request Aug 19, 2026
github-actionsBot added a commit that referenced this pull request Aug 21, 2026
github-actionsBot added a commit that referenced this pull request Aug 21, 2026
github-actionsBot added a commit that referenced this pull request Aug 23, 2026
github-actionsBot added a commit that referenced this pull request Aug 26, 2026
github-actionsBot added a commit that referenced this pull request Aug 28, 2026
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Kevinlee7250@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

design: blog1 눈길 잡는 바이올렛 디자인 v2 — 체류 시간 최적화 - #6

Merged
Kevinlee7250 merged 2 commits into
latestfrom
claude/google-blogger-design-v2
Jul 14, 2026
Merged

design: blog1 눈길 잡는 바이올렛 디자인 v2 — 체류 시간 최적화#6
Kevinlee7250 merged 2 commits into
latestfrom
claude/google-blogger-design-v2

Conversation

@Kevinlee7250

Copy link
Copy Markdown
Owner

변경 요약

독자가 오래 머무르도록 시각적 리듬과 섹션 구조를 강화한 v2 디자인입니다.

변경 파일

blog-automation/blogger_uploader.py

주요 변경 내역

요소변경 내용효과
H2 번호 마커CSS counter로 바이올렛 사각 뱃지 자동 번호섹션 구조 한눈에 파악
목차번호 원형 + 행 구분선 카드형 박스포스트 초반 클릭 유도
blockquote라벤더 배경 + 굵은 텍스트 풀쿼트 스타일스크롤 중 시선 고정
H3라벤더 3px 왼쪽 선 서브타이틀소항목 구분 명확화
mark 태그라벤더 형광펜 하이라이트핵심 문장 강조
CTA 푸터노란 면책 박스 → 공유 유도 카드재방문율 개선

Generated by Claude Code

claude added 2 commits July 14, 2026 04:52
독자가 오래 머무르도록 시각적 리듬과 섹션 구조 강화.
- H2: CSS counter로 바이올렛 사각 번호 뱃지 자동 표시
- 목차: 번호 원형 + 행 구분선 카드형 — 섹션 클릭 유도
- blockquote: 풀쿼트 스타일 (라벤더 배경 + 굵은 텍스트)
- H3: 라벤더 3px 왼쪽 선으로 소항목 구분 명확화
- mark: 핵심 문장 라벤더 형광펜 하이라이트 지원
- CTA 푸터: 북마크/공유 유도 카드로 재방문율 개선
Co-Authored-By: Claude <noreply@anthropic.com>
바이올렛 단색에서 벗어나 요소별로 색을 분리.
- H2 번호 뱃지: 바이올렛→블루→틸→앰버 순환
- H3 서브타이틀 + 링크: 블루 계열 통일
- blockquote: 틸 배경(#f0fdfa) + 틸 보더(#0d9488)
- mark 하이라이트: 앰버 형광펜(#fde68a)으로 교체
- 태그 클라우드: 바이올렛·블루·틸·앰버·로즈 5색 순환
- CTA 푸터: 로즈 그라디언트 + 로즈 상단 레이블(#e11d48)
- 목차 번호: 섹션별 색 적용으로 위치 인지 강화
Co-Authored-By: Claude <noreply@anthropic.com>
@Kevinlee7250
Kevinlee7250 marked this pull request as ready for review July 14, 2026 05:01
@Kevinlee7250
Kevinlee7250 merged commit d951a5a into latestJul 14, 2026
1 check passed
github-actionsBot added a commit that referenced this pull request Jul 22, 2026
github-actionsBot added a commit that referenced this pull request Jul 22, 2026
github-actionsBot added a commit that referenced this pull request Jul 25, 2026
github-actionsBot added a commit that referenced this pull request Aug 11, 2026
github-actionsBot added a commit that referenced this pull request Aug 17, 2026
github-actionsBot added a commit that referenced this pull request Aug 19, 2026
github-actionsBot added a commit that referenced this pull request Aug 21, 2026
github-actionsBot added a commit that referenced this pull request Aug 21, 2026
github-actionsBot added a commit that referenced this pull request Aug 23, 2026
github-actionsBot added a commit that referenced this pull request Aug 26, 2026
github-actionsBot added a commit that referenced this pull request Aug 28, 2026
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Kevinlee7250@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

design: blog1 눈길 잡는 바이올렛 디자인 v2 — 체류 시간 최적화 - #6

Merged
Kevinlee7250 merged 2 commits into
latestfrom
claude/google-blogger-design-v2
Jul 14, 2026
Merged

design: blog1 눈길 잡는 바이올렛 디자인 v2 — 체류 시간 최적화#6
Kevinlee7250 merged 2 commits into
latestfrom
claude/google-blogger-design-v2

Conversation

@Kevinlee7250

Copy link
Copy Markdown
Owner

변경 요약

독자가 오래 머무르도록 시각적 리듬과 섹션 구조를 강화한 v2 디자인입니다.

변경 파일

blog-automation/blogger_uploader.py

주요 변경 내역

요소변경 내용효과
H2 번호 마커CSS counter로 바이올렛 사각 뱃지 자동 번호섹션 구조 한눈에 파악
목차번호 원형 + 행 구분선 카드형 박스포스트 초반 클릭 유도
blockquote라벤더 배경 + 굵은 텍스트 풀쿼트 스타일스크롤 중 시선 고정
H3라벤더 3px 왼쪽 선 서브타이틀소항목 구분 명확화
mark 태그라벤더 형광펜 하이라이트핵심 문장 강조
CTA 푸터노란 면책 박스 → 공유 유도 카드재방문율 개선

Generated by Claude Code

claude added 2 commits July 14, 2026 04:52
독자가 오래 머무르도록 시각적 리듬과 섹션 구조 강화.
- H2: CSS counter로 바이올렛 사각 번호 뱃지 자동 표시
- 목차: 번호 원형 + 행 구분선 카드형 — 섹션 클릭 유도
- blockquote: 풀쿼트 스타일 (라벤더 배경 + 굵은 텍스트)
- H3: 라벤더 3px 왼쪽 선으로 소항목 구분 명확화
- mark: 핵심 문장 라벤더 형광펜 하이라이트 지원
- CTA 푸터: 북마크/공유 유도 카드로 재방문율 개선
Co-Authored-By: Claude <noreply@anthropic.com>
바이올렛 단색에서 벗어나 요소별로 색을 분리.
- H2 번호 뱃지: 바이올렛→블루→틸→앰버 순환
- H3 서브타이틀 + 링크: 블루 계열 통일
- blockquote: 틸 배경(#f0fdfa) + 틸 보더(#0d9488)
- mark 하이라이트: 앰버 형광펜(#fde68a)으로 교체
- 태그 클라우드: 바이올렛·블루·틸·앰버·로즈 5색 순환
- CTA 푸터: 로즈 그라디언트 + 로즈 상단 레이블(#e11d48)
- 목차 번호: 섹션별 색 적용으로 위치 인지 강화
Co-Authored-By: Claude <noreply@anthropic.com>
@Kevinlee7250
Kevinlee7250 marked this pull request as ready for review July 14, 2026 05:01
@Kevinlee7250
Kevinlee7250 merged commit d951a5a into latestJul 14, 2026
1 check passed
github-actionsBot added a commit that referenced this pull request Jul 22, 2026
github-actionsBot added a commit that referenced this pull request Jul 22, 2026
github-actionsBot added a commit that referenced this pull request Jul 25, 2026
github-actionsBot added a commit that referenced this pull request Aug 11, 2026
github-actionsBot added a commit that referenced this pull request Aug 17, 2026
github-actionsBot added a commit that referenced this pull request Aug 19, 2026
github-actionsBot added a commit that referenced this pull request Aug 21, 2026
github-actionsBot added a commit that referenced this pull request Aug 21, 2026
github-actionsBot added a commit that referenced this pull request Aug 23, 2026
github-actionsBot added a commit that referenced this pull request Aug 26, 2026
github-actionsBot added a commit that referenced this pull request Aug 28, 2026
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Kevinlee7250@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

design: blog1 눈길 잡는 바이올렛 디자인 v2 — 체류 시간 최적화 - #6

Merged
Kevinlee7250 merged 2 commits into
latestfrom
claude/google-blogger-design-v2
Jul 14, 2026
Merged

design: blog1 눈길 잡는 바이올렛 디자인 v2 — 체류 시간 최적화#6
Kevinlee7250 merged 2 commits into
latestfrom
claude/google-blogger-design-v2

Conversation

@Kevinlee7250

Copy link
Copy Markdown
Owner

변경 요약

독자가 오래 머무르도록 시각적 리듬과 섹션 구조를 강화한 v2 디자인입니다.

변경 파일

blog-automation/blogger_uploader.py

주요 변경 내역

요소변경 내용효과
H2 번호 마커CSS counter로 바이올렛 사각 뱃지 자동 번호섹션 구조 한눈에 파악
목차번호 원형 + 행 구분선 카드형 박스포스트 초반 클릭 유도
blockquote라벤더 배경 + 굵은 텍스트 풀쿼트 스타일스크롤 중 시선 고정
H3라벤더 3px 왼쪽 선 서브타이틀소항목 구분 명확화
mark 태그라벤더 형광펜 하이라이트핵심 문장 강조
CTA 푸터노란 면책 박스 → 공유 유도 카드재방문율 개선

Generated by Claude Code

claude added 2 commits July 14, 2026 04:52
독자가 오래 머무르도록 시각적 리듬과 섹션 구조 강화.
- H2: CSS counter로 바이올렛 사각 번호 뱃지 자동 표시
- 목차: 번호 원형 + 행 구분선 카드형 — 섹션 클릭 유도
- blockquote: 풀쿼트 스타일 (라벤더 배경 + 굵은 텍스트)
- H3: 라벤더 3px 왼쪽 선으로 소항목 구분 명확화
- mark: 핵심 문장 라벤더 형광펜 하이라이트 지원
- CTA 푸터: 북마크/공유 유도 카드로 재방문율 개선
Co-Authored-By: Claude <noreply@anthropic.com>
바이올렛 단색에서 벗어나 요소별로 색을 분리.
- H2 번호 뱃지: 바이올렛→블루→틸→앰버 순환
- H3 서브타이틀 + 링크: 블루 계열 통일
- blockquote: 틸 배경(#f0fdfa) + 틸 보더(#0d9488)
- mark 하이라이트: 앰버 형광펜(#fde68a)으로 교체
- 태그 클라우드: 바이올렛·블루·틸·앰버·로즈 5색 순환
- CTA 푸터: 로즈 그라디언트 + 로즈 상단 레이블(#e11d48)
- 목차 번호: 섹션별 색 적용으로 위치 인지 강화
Co-Authored-By: Claude <noreply@anthropic.com>
@Kevinlee7250
Kevinlee7250 marked this pull request as ready for review July 14, 2026 05:01
@Kevinlee7250
Kevinlee7250 merged commit d951a5a into latestJul 14, 2026
1 check passed
github-actionsBot added a commit that referenced this pull request Jul 22, 2026
github-actionsBot added a commit that referenced this pull request Jul 22, 2026
github-actionsBot added a commit that referenced this pull request Jul 25, 2026
github-actionsBot added a commit that referenced this pull request Aug 11, 2026
github-actionsBot added a commit that referenced this pull request Aug 17, 2026
github-actionsBot added a commit that referenced this pull request Aug 19, 2026
github-actionsBot added a commit that referenced this pull request Aug 21, 2026
github-actionsBot added a commit that referenced this pull request Aug 21, 2026
github-actionsBot added a commit that referenced this pull request Aug 23, 2026
github-actionsBot added a commit that referenced this pull request Aug 26, 2026
github-actionsBot added a commit that referenced this pull request Aug 28, 2026
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Kevinlee7250@claude