/* ==========================================
0. 상세페이지 자동 주입 대표 이미지 및 인쇄 버튼 강제 삭제
========================================== */
.wp-block-post-featured-image,
img.wp-post-image,
.post-thumbnail,
.single-post-featured-image-caption,
.single-post-featured-image-wrapper,
.stitch-print-btn-wrapper {
display: none !important;
}
/* ==========================================
1. 760px 매거진 레이아웃 및 1:1 이미지 호버 줌
========================================== */
.wp-block-columns {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
justify-content: space-between !important;
gap: 1.2rem !important;
align-items: flex-start !important;
width: 100% !important;
max-width: 760px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.wp-block-column {
flex: 1 !important;
width: 48% !important;
max-width: 370px !important;
transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
position: relative !important;
margin: 0 !important;
}
.wp-block-columns:hover .wp-block-column:not(:hover) {
opacity: 0.18 !important;
filter: blur(1px) !important;
}
.wp-block-column:hover {
z-index: 9999 !important;
}
.wp-block-column:hover img {
transform: scale(1.95) !important;
box-shadow: 0 15px 35px rgba(0,0,0,0.2) !important;
z-index: 99999 !important;
position: relative !important;
border-radius: 6px !important;
}
.wp-block-column:first-child:hover img {
transform-origin: left center !important;
}
.wp-block-column:last-child:hover img {
transform-origin: right center !important;
}
.wp-block-column img {
width: 100% !important;
height: auto !important;
display: block !important;
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.4s ease !important;
cursor: zoom-in !important;
}
/* 2. 글 제목 폰트 스펙 (마스터 가이드 준수) */
html body.single-post h1.entry-title,
html body.single-post .entry-header h1.entry-title,
html body .post-title h1,
html body h1.post-title,
.wp-block-post-title,
.entry-title,
h1 {
font-family: ‘Playfair Display’, Georgia, serif !important;
font-size: 2.68rem !important;
font-weight: 700 !important;
line-height: 1.32 !important;
letter-spacing: -0.02em !important;
max-width: 760px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: left !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-top: 2.5rem !important;
margin-bottom: 4rem !important;
word-break: keep-all !important;
}
@media (max-width: 767px) {
html body.single-post h1.entry-title,
html body.single-post .entry-header h1.entry-title,
html body h1, .wp-block-post-title {
font-size: 2.0rem !important;
white-space: normal !important;
line-height: 1.3 !important;
margin-top: 1.5rem !important;
}
}
/* 3. 불필요한 기본 테마 스위처/로고 숨김 */
.site-branding,
.show-logo,
#danhae-left-logo-lnk,
.danhae-insights-left-logo,
.danhae-insights-header-logo,
.danhae-back-to-main-btn,
.danhae-insights-balanced-logo,
.stitch-floating-lang-wrapper,
#stitch-floating-lang-switcher {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
height: 0 !important;
width: 0 !important;
margin: 0 !important;
padding: 0 !important;
position: absolute !important;
pointer-events: none !important;
}
/* 4. 포스트 최상단 고정형(Fixed) GNB 스티키 헤더 바 */
.danhae-post-custom-header {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
background-color: #f2f2f0 !important;
border-bottom: 1px solid rgba(26, 26, 26, 0.06) !important;
padding: 1.2rem 0 !important;
z-index: 999999 !important;
box-sizing: border-box !important;
}
html body.single-post,
html body.single-post #page,
html body {
padding-top: 80px !important;
}
.danhae-post-custom-header-inner {
max-width: 1140px !important;
margin: 0 auto !important;
padding: 0 2rem !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
box-sizing: border-box !important;
}
.danhae-custom-header-logo {
text-decoration: none !important;
cursor: pointer !important;
display: inline-flex !important;
align-items: center !important;
}
.danhae-custom-header-logo span {
font-family: ‘Playfair Display’, Georgia, serif !important;
font-size: 1.62rem !important;
font-weight: 400 !important;
letter-spacing: -0.02em !important;
color: #1a1a1a !important;
text-transform: lowercase !important;
transition: opacity 0.3s ease !important;
}
.danhae-custom-header-logo:hover span {
opacity: 0.65 !important;
}
.danhae-custom-header-right {
display: flex !important;
align-items: center !important;
gap: 2rem !important;
}
.danhae-custom-header-nav {
display: flex !important;
align-items: center !important;
gap: 1.5rem !important;
}
.danhae-custom-header-nav .nav-item {
font-family: ‘Arimo’, ‘Noto Sans KR’, sans-serif !important;
font-size: 0.85rem !important;
font-weight: 700 !important;
color: #1a1a1a !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
text-decoration: none !important;
transition: color 0.3s ease !important;
}
.danhae-custom-header-nav .nav-item:hover {
color: #4A654E !important;
}
.danhae-custom-header-lang {
display: inline-flex !important;
align-items: center !important;
background: #ffffff !important;
border: 1px solid rgba(74, 101, 78, 0.15) !important;
border-radius: 30px !important;
padding: 3px !important;
box-shadow: 0 2px 8px rgba(74, 101, 78, 0.05) !important;
height: auto !important;
width: auto !important;
position: relative !important;
gap: 2px !important;
}
.danhae-custom-header-lang .header-lang-btn {
border: none !important;
background: transparent !important;
color: #767670 !important;
font-family: ‘Arimo’, sans-serif !important;
font-size: 0.78rem !important;
font-weight: 700 !important;
text-transform: lowercase !important;
width: 28px !important;
height: 28px !important;
border-radius: 50% !important;
cursor: pointer !important;
display: inline-flex !important;
justify-content: center !important;
align-items: center !important;
transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
margin: 0 !important;
outline: none !important;
padding: 0 !important;
position: relative !important;
z-index: 10 !important;
}
.danhae-custom-header-lang .header-lang-btn.active {
background: #4a654e !important;
color: #ffffff !important;
font-weight: 800 !important;
box-shadow: 0 2px 6px rgba(74, 101, 78, 0.15) !important;
}
@media (max-width: 767px) {
.danhae-post-custom-header {
padding: 0.8rem 0 !important;
}
.danhae-post-custom-header-inner {
padding: 0 1.2rem !important;
}
html body.single-post,
html body {
padding-top: 60px !important;
}
.danhae-custom-header-right {
gap: 1rem !important;
}
.danhae-custom-header-nav {
gap: 0.8rem !important;
}
.danhae-custom-header-nav .nav-item {
font-size: 0.78rem !important;
}
.danhae-custom-header-lang .header-lang-btn {
width: 24px !important;
height: 24px !important;
font-size: 0.72rem !important;
padding: 0 !important;
}
}
/* 왼쪽 상단 INSIGHTS 본진이동 링크 단추 */
.danhae-back-to-main-btn {
position: absolute !important;
top: 2rem !important;
left: 2rem !important;
font-family: ‘Arimo’, ‘Noto Sans KR’, sans-serif !important;
font-size: 0.74rem !important;
font-weight: 700 !important;
letter-spacing: 0.15em !important;
color: #4A654E !important;
text-transform: uppercase !important;
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
gap: 0.4rem !important;
transition: opacity 0.3s ease, transform 0.3s ease !important;
z-index: 999999 !important;
cursor: pointer !important;
}
.danhae-back-to-main-btn:hover {
opacity: 0.7 !important;
transform: translateX(-3px) !important;
}
@media (max-width: 1024px) {
.danhae-back-to-main-btn {
position: relative !important;
top: 0 !important;
left: 0 !important;
display: inline-flex !important;
margin-bottom: 2rem !important;
padding-left: 1rem !important;
}
}
/* 다국어 언어팩 트랜지션 */
.danhae-lang-content {
animation: fadeInLang 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
@keyframes fadeInLang {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}
(function() {
// ⚠️ [수정 영역 1] 제목 한글/영어 설정
var koTitle = “[여기에 한글 제목을 입력하세요]”;
var enTitle = “[Enter English Title Here]”;
function getCookie(name) {
var matches = document.cookie.match(new RegExp(
“(?:^|; )” + name.replace(/([.$?*|{}()[]\/+^])/g, ‘\$1’) + “=([^;]*)”
));
return matches ? decodeURIComponent(matches[1]) : undefined;
}
function setCookie(name, value, days) {
var expires = “”;
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = “; expires=” + date.toUTCString();
}
document.cookie = name + “=” + encodeURIComponent(value) + expires + “; path=/; secure; samesite=lax”;
}
function injectCustomHeader() {
if (document.getElementById(“danhae-custom-header-bar”)) return;
var headerBar = document.createElement(“div”);
headerBar.id = “danhae-custom-header-bar”;
headerBar.className = “danhae-post-custom-header”;
var headerInner = document.createElement(“div”);
headerInner.className = “danhae-post-custom-header-inner”;
var logoLnk = document.createElement(“a”);
logoLnk.className = “danhae-custom-header-logo”;
logoLnk.href = “https://sociallogiclab.org”;
logoLnk.innerHTML = ‘insight‘;
logoLnk.addEventListener(“click”, function(e) {
e.preventDefault();
e.stopPropagation();
window.location.href = “https://sociallogiclab.org”;
});
var rightWrapper = document.createElement(“div”);
rightWrapper.className = “danhae-custom-header-right”;
var nav = document.createElement(“nav”);
nav.className = “danhae-custom-header-nav”;
var navInsight = document.createElement(“a”);
navInsight.className = “nav-item”;
navInsight.href = “https://sociallogiclab.org/”;
navInsight.innerText = “INSIGHT”;
var navShop = document.createElement(“a”);
navShop.className = “nav-item”;
navShop.href = “https://shop.sociallogiclab.org/”;
navShop.innerText = “SHOP”;
nav.appendChild(navInsight);
nav.appendChild(navShop);
var langWrapper = document.createElement(“div”);
langWrapper.className = “danhae-custom-header-lang”;
var btnKo = document.createElement(“button”);
btnKo.id = “header-lang-ko”;
btnKo.className = “header-lang-btn”;
btnKo.innerText = “ko”;
btnKo.addEventListener(“click”, function(e) {
e.preventDefault();
localStorage.setItem(“user_selected_lang”, “ko”);
localStorage.setItem(“stitch_lang”, “ko”);
setCookie(“wmc_current_currency”, “KRW”, 7);
applySelectedLanguage(“ko”);
});
var btnEn = document.createElement(“button”);
btnEn.id = “header-lang-en”;
btnEn.className = “header-lang-btn”;
btnEn.innerText = “en”;
btnEn.addEventListener(“click”, function(e) {
e.preventDefault();
localStorage.setItem(“user_selected_lang”, “en”);
localStorage.setItem(“stitch_lang”, “en”);
setCookie(“wmc_current_currency”, “USD”, 7);
applySelectedLanguage(“en”);
});
langWrapper.appendChild(btnKo);
langWrapper.appendChild(btnEn);
rightWrapper.appendChild(nav);
rightWrapper.appendChild(langWrapper);
headerInner.appendChild(logoLnk);
headerInner.appendChild(rightWrapper);
headerBar.appendChild(headerInner);
document.body.insertBefore(headerBar, document.body.firstChild);
}
function applySelectedLanguage(lang) {
var koContent = document.getElementById(“lang-content-ko”);
var enContent = document.getElementById(“lang-content-en”);
var mainTitle = document.querySelector(“h1.wp-block-post-title, .entry-title, h1”);
if (lang === ‘en’) {
if (koContent) koContent.style.display = “none”;
if (enContent) enContent.style.display = “block”;
if (mainTitle) {
mainTitle.innerText = enTitle;
mainTitle.style.setProperty(“font-size”, “2.68rem”, “important”);
}
} else {
if (koContent) koContent.style.display = “block”;
if (enContent) enContent.style.display = “none”;
if (mainTitle) {
mainTitle.innerText = koTitle;
mainTitle.style.setProperty(“font-size”, “2.68rem”, “important”);
}
}
document.body.classList.remove(“lang-mode-ko”, “lang-mode-en”);
document.body.classList.add(“lang-mode-” + lang);
syncButtonVisuals(lang);
setTimeout(setupHoverZoom, 50);
setTimeout(forceStyle, 50);
}
function syncButtonVisuals(lang) {
var btnKo = document.getElementById(“header-lang-ko”);
var btnEn = document.getElementById(“header-lang-en”);
if (btnKo && btnEn) {
if (lang === “ko”) {
btnKo.classList.add(“active”);
btnEn.classList.remove(“active”);
} else {
btnEn.classList.add(“active”);
btnKo.classList.remove(“active”);
}
}
}
var observer = new MutationObserver(function(mutations) {
var targetLang = localStorage.getItem(“user_selected_lang”);
if (!targetLang) {
var currency = getCookie(‘wmc_current_currency’) || ‘KRW’;
targetLang = (currency === ‘USD’) ? ‘en’ : ‘ko’;
}
var bodyClass = document.body.className;
if (targetLang === ‘en’ && !bodyClass.includes(“lang-mode-en”)) {
applySelectedLanguage(‘en’);
} else if (targetLang === ‘ko’ && !bodyClass.includes(“lang-mode-ko”)) {
applySelectedLanguage(‘ko’);
}
});
function initLangObserver() {
observer.observe(document.body, { attributes: true, attributeFilter: [‘class’, ‘style’] });
var userChosenLang = localStorage.getItem(“user_selected_lang”);
if (!userChosenLang) {
var currency = getCookie(‘wmc_current_currency’) || ‘KRW’;
userChosenLang = (currency === ‘USD’) ? ‘en’ : ‘ko’;
localStorage.setItem(“user_selected_lang”, userChosenLang);
}
applySelectedLanguage(userChosenLang);
injectCustomHeader();
}
function setupHoverZoom() {
var imgLinks = document.querySelectorAll(“.wp-block-column a”);
imgLinks.forEach(function(link) {
link.addEventListener(“click”, function(e) {
e.preventDefault();
e.stopPropagation();
});
});
var imgElements = document.querySelectorAll(“.wp-block-column img”);
imgElements.forEach(function(img) {
img.addEventListener(“click”, function(e) {
e.preventDefault();
e.stopPropagation();
});
});
}
function forceStyle() {
var imgCols = document.querySelectorAll(“.wp-block-column img”);
imgCols.forEach(function(im) {
im.style.setProperty(“max-width”, “370px”, “important”);
im.style.setProperty(“width”, “100%”, “important”);
im.style.setProperty(“height”, “auto”, “important”);
im.style.setProperty(“border-radius”, “4px”, “important”);
});
}
if (document.readyState === “loading”) {
document.addEventListener(“DOMContentLoaded”, function() {
initLangObserver();
setupHoverZoom();
forceStyle();
setInterval(initLangObserver, 150);
});
} else {
initLangObserver();
setupHoverZoom();
forceStyle();
setInterval(initLangObserver, 150);
}
window.addEventListener(“load”, function() {
setupHoverZoom();
forceStyle();
});
})();
ORIGINAL VS AI PARODY
(원작 이미지에 대한 짧은 철학적 설명글을 여기에 넣으세요)
(재해석 이미지에 대한 짧은 철학적 설명글을 여기에 넣으세요)
안녕하세요, 단해(Danhae)입니다. [이곳에 한국어 인사말 및 도입부 내용을 입력하세요]
1. [첫 번째 한국어 소제목을 입력하세요]
[첫 번째 문단 내용을 한글로 입력하세요. 여기에 중요한 과학적 사실이나 분석을 포함시킵니다.]
“[여기에 돋보이게 표시할 핵심 한글 인용구 문장을 넣으세요]”
— [인용 인물 이름 또는 출처]
2. [두 번째 한국어 소제목을 입력하세요]
[두 번째 문단 내용을 한글로 입력하세요. 심도 깊은 뇌과학적 관점이나 대칭적인 분석을 제시합니다.]
3. [danhae의 성찰] [세 번째 한국어 성찰 소제목]
[단해의 주관적인 철학적 사유 및 한국어 성찰 노트를 자유롭게 채우세요.]
💡 [Key Takeaway & 다음 단계로의 초대]
[독자에게 핵심 요약 결론을 제공하고 유료 책자나 심화 분석 콘텐츠로 안내하는 멘트를 넣으세요.]
📚 [데이터 출처 및 참고 문헌]
- [참고 문헌 1]
- [참고 문헌 2]
- [참고 문헌 3]
ORIGINAL VS AI PARODY
(Provide short philosophical English description here)
(Provide short philosophical English description here)
Hello, I’m Danhae. [Enter English greetings and introduction here]
1. [Enter First English Subheading]
[Enter English translation for the first section here.]
“[Enter callout quote in English]”
— [Author name or reference source]
2. [Enter Second English Subheading]
[Enter English translation for the second section here.]
3. [Danhae’s Reflection] [Enter Third English Subheading]
[Enter English translation for the Danhae’s reflection note here.]
💡 [Key Takeaway & Invitation to the Next Step]
[Enter English translation for the takeaway and closing remarks here.]
📚 [Data Sources & References]
- [English Reference 1]
- [English Reference 2]
- [English Reference 3]
코멘트