✦ CANACE DHARMA JOURNAL ✦
The Unspoken Journal
Secrets, Energy, Manifestation &
the Art of Letting Go
✧
Some thoughts are never spoken.
Some intentions are waiting to be heard.
Welcome to a space where secrets,
self-discovery, and spiritual wisdom meet.
Explore emotional release, manifestation,
Chinese BaZi, Feng Shui traditions,
and meaningful rituals to bring more
intention into everyday life.
✦
A Little Magic for Your Inbox
Subscribe for soulful insights, gentle
reminders, and thoughtful rituals
delivered to your inbox.
✧ Manifestation
✧ Feng Shui
✧ BaZi Wisdom
✧ Emotional Release
.cd-journal {
--plum: #573653;
--rose: #916d84;
--gold: #d5a65c;
position: relative;
isolation: isolate;
overflow: hidden;
width: 100%;
padding: 58px 25px 55px;
box-sizing: border-box;
border-radius: 24px;
text-align: center;
background:
radial-gradient(
ellipse at 10% 0%,
#fffaf1,
transparent 48%
),
radial-gradient(
ellipse at 90% 95%,
#efd4ee,
transparent 55%
),
linear-gradient(
135deg,
#fff0f3,
#f8e5f3
);
border: 1px solid #eacbdf;
box-shadow:
0 15px 40px rgba(85,45,80,.10);
}
.cd-journal *,
.cd-journal *::before,
.cd-journal *::after {
box-sizing: border-box;
}
.cd-journal-inner {
position: relative;
z-index: 2;
max-width: 730px;
margin: auto;
animation: cd-enter 1s ease both;
}
.cd-kicker {
font-family: Arial, sans-serif;
font-size: 10px;
letter-spacing: 3px;
color: #a27890;
margin-bottom: 18px;
}
.cd-journal h1 {
font-family: Georgia, serif;
font-size: clamp(33px, 5vw, 52px);
font-weight: 400;
line-height: 1.15;
color: var(--plum);
margin: 0 0 15px;
}
.cd-tagline {
font-family: Georgia, serif;
font-size: clamp(14px, 2vw, 18px);
font-style: italic;
line-height: 1.7;
color: #845b7c;
margin: 0;
}
.cd-ornament {
display: flex;
align-items: center;
justify-content: center;
gap: 13px;
margin: 22px auto;
color: var(--gold);
font-size: 19px;
}
.cd-ornament::before,
.cd-ornament::after {
content: "";
width: 85px;
height: 1px;
background: linear-gradient(
90deg,
transparent,
#d7b2c3
);
}
.cd-ornament::after {
transform: rotate(180deg);
}
.cd-ornament span {
animation: cd-pulse 2.4s ease-in-out infinite;
}
.cd-intro {
max-width: 610px;
margin: 0 auto 12px;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 1.9;
color: #715a6b;
}
.cd-intro-second {
margin-bottom: 30px;
}
/* SUBSCRIPTION PANEL */
.cd-signup-panel {
position: relative;
max-width: 630px;
margin: 0 auto;
padding: 30px 28px 24px;
border-radius: 20px;
border: 1px solid rgba(183,137,163,.28);
background: rgba(255,255,255,.48);
box-shadow:
0 10px 30px rgba(90,49,85,.06);
backdrop-filter: blur(7px);
}
.cd-panel-star {
display: inline-block;
font-size: 24px;
color: var(--gold);
animation: cd-pulse 2.8s infinite;
}
.cd-signup-panel h2 {
font-family: Georgia, serif;
font-size: clamp(23px, 3vw, 29px);
font-weight: 400;
color: var(--plum);
margin: 8px 0 12px;
}
.cd-signup-panel > p {
font-family: Arial, sans-serif;
font-size: 13px;
line-height: 1.8;
color: #765f71;
}
.cd-topics {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
margin: 22px 0 24px;
}
.cd-topics span {
padding: 8px 12px;
border-radius: 25px;
background: #f6e4ee;
border: 1px solid #edd4e3;
color: #78536d;
font-family: Arial, sans-serif;
font-size: 11px;
}
/* FORM */
.cd-form {
text-align: left;
}
.cd-form > label:first-child {
display: block;
margin-bottom: 9px;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: 600;
color: var(--plum);
}
.cd-form-fields {
display: flex;
gap: 10px;
}
.cd-form-fields input {
flex: 1;
min-width: 0;
height: 49px;
padding: 0 16px;
border-radius: 12px;
border: 1px solid #dec2d3;
background: #fff;
color: #573653;
font-family: Arial, sans-serif;
font-size: 13px;
outline: none;
}
.cd-form-fields input:focus {
border-color: #92658c;
box-shadow:
0 0 0 3px rgba(146,101,140,.12);
}
.cd-form-fields button {
min-height: 49px;
padding: 0 22px;
border: 0;
border-radius: 12px;
background: linear-gradient(
135deg,
#805477,
#52324f
);
color: white;
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition:
transform .25s,
box-shadow .25s;
}
.cd-form-fields button:hover {
transform: translateY(-3px);
box-shadow:
0 8px 20px rgba(85,46,80,.2);
}
.cd-consent {
display: flex;
align-items: flex-start;
gap: 9px;
margin-top: 15px;
cursor: pointer;
}
.cd-consent input {
margin-top: 3px;
accent-color: #785273;
}
.cd-consent span {
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 1.6;
color: #786575;
}
.cd-form-status {
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 1.6;
color: #785273;
margin: 10px 0 0;
}
.cd-form-status:empty {
display: none;
}
.cd-footnote {
margin: 18px 0 0 !important;
font-size: 11px !important;
color: #9b8093 !important;
}
/* REAL ANIMATED STARS */
.cd-starfield {
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
}
.cd-star {
position: absolute;
display: block;
color: #d2a15b;
opacity: 0;
font-family: Georgia, serif;
line-height: 1;
text-shadow:
0 0 7px rgba(255,230,171,.9),
0 0 14px rgba(219,165,90,.35);
animation:
cd-twinkle var(--dur) ease-in-out infinite,
cd-float var(--float) ease-in-out infinite alternate;
animation-delay: var(--delay);
}
.cd-star.white {
color: #fff;
text-shadow:
0 0 7px #fff,
0 0 14px rgba(255,255,255,.7);
}
@keyframes cd-twinkle {
0%, 100% {
opacity: .08;
scale: .55;
}
45% {
opacity: .9;
scale: 1.15;
}
60% {
opacity: .45;
scale: .8;
}
}
@keyframes cd-float {
from { translate: 0 0; }
to { translate: 8px -14px; }
}
@keyframes cd-pulse {
0%, 100% {
opacity: .4;
transform: scale(.8);
}
50% {
opacity: 1;
transform: scale(1.25);
}
}
@keyframes cd-enter {
from {
opacity: 0;
transform: translateY(18px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 600px) {
.cd-journal {
padding: 43px 17px;
border-radius: 17px;
}
.cd-signup-panel {
padding: 25px 17px;
}
.cd-form-fields {
flex-direction: column;
}
.cd-form-fields button {
width: 100%;
}
.cd-kicker {
letter-spacing: 2px;
font-size: 9px;
}
}
@media (prefers-reduced-motion: reduce) {
.cd-journal *,
.cd-journal *::before,
.cd-journal *::after {
animation: none !important;
transition: none !important;
}
.cd-star {
opacity: .45;
}
}
(function () {
function initCanaceJournal() {
const root = document.getElementById(
"cd-journal-signup"
);
if (!root || root.dataset.ready === "yes") {
return;
}
root.dataset.ready = "yes";
const field = root.querySelector(
".cd-starfield"
);
if (field) {
const fragment = document.createDocumentFragment();
for (let i = 0; i .65 ? " white" : "");
star.style.left = Math.random() * 100 + "%";
star.style.top = Math.random() * 100 + "%";
star.style.fontSize =
(5 + Math.random() * 11) + "px";
star.style.setProperty(
"--dur",
(1.6 + Math.random() * 3.5) + "s"
);
star.style.setProperty(
"--float",
(3 + Math.random() * 6) + "s"
);
star.style.setProperty(
"--delay",
(-Math.random() * 6) + "s"
);
fragment.appendChild(star);
}
field.appendChild(fragment);
}
const form = root.querySelector(
"#cd-newsletter-form"
);
const status = root.querySelector(
".cd-form-status"
);
if (form) {
form.addEventListener("submit", function (e) {
e.preventDefault();
status.textContent =
"The signup form is not connected yet. " +
"Please connect an email newsletter service " +
"before accepting subscriptions.";
});
}
}
if (document.readyState === "loading") {
document.addEventListener(
"DOMContentLoaded",
initCanaceJournal
);
} else {
initCanaceJournal();
}
})();
