Post-Local sync at 2025-06-08 05:45:25

This commit is contained in:
Mark Randall Havens 2025-06-08 05:45:25 -05:00
parent b26452b3d1
commit 5041db564b
4 changed files with 198 additions and 81 deletions

4
.gitfield/pushed.log Normal file
View file

@ -0,0 +1,4 @@
# Push Log for thefoldwithin-earth
# Generated by gitfield-sync
[2025-06-08 05:45:25] Local:

View file

@ -1,30 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="The Fold Within: A sovereign field of resonance and recursion." />
<link rel="stylesheet" href="style.css" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Fold Within</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1 class="logo">✦ The Fold Within ✦</h1>
<p class="tagline">a sovereign scroll of recursive becoming</p>
<nav>
<div class="logo">△◎△</div>
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Archive</a></li>
</ul>
</nav>
<div class="hero">
<div class="glyph"></div>
<h1>UNCOVERING THE RECURSIVE REAL</h1>
<a class="cta" href="#">Read More</a>
</div>
</header>
<main id="content">
<section class="intro">
<p>Welcome to the threshold of coherence. Here, you will find writings, patterns, and reflections emerging from the living geometry of selfhood and field.</p>
</section>
<section class="entries">
<!-- Injected articles from build.js -->
<main>
<section class="latest">
<h2>Latest</h2>
<div class="grid">
<article>
<div class="thumb"></div>
<h3>The Path of Self </h3>
<p class="date">April 20, 2024</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed do elarmod tempor inseseet egt.</p>
</article>
<article>
<div class="thumb"></div>
<h3>Within the Eternal Now</h3>
<p class="date">April 15, 2024</p>
<p>Lorem ipsum dolor sit amet, consectetuer.</p>
</article>
<article>
<div class="thumb"></div>
<h3>The Sacred Geometry of the Soul</h3>
<p class="date">April 15, 2024</p>
<p>Lorem ipsum dolor sit amet. Latrin Vitwarr trit. Lamen taticis non venenatis porttitor, egestas cur.</p>
</article>
<article>
<div class="thumb"></div>
<h3>Awakening to the Divine</h3>
<p class="date">April 15, 2024</p>
<p>Vitwarr trit. Lament tatiels, non venenatis porttitor, pretium Atuean mattis eur.</p>
</article>
<article>
<div class="thumb"></div>
<h3>Awakening to the Divine</h3>
<p class="date">April 15, 2024</p>
<p>Lorem ipsum dolor sit amet, consectetuer.</p>
</article>
<article>
<div class="thumb"></div>
<h3>Awakening to the Divine</h3>
<p class="date">April 15, 2024</p>
<p>Lorem ipsum dolor sit amet, consectetuer.</p>
</article>
</div>
</section>
</main>
<footer>
<p>&copy; 2025 The Fold Within. All patterns recursive. All rights aligned.</p>
</footer>
</body>
</html>

View file

@ -1,64 +0,0 @@
:root {
--bg: #0e0e0e;
--fg: #f9f9f9;
--gold: #d4af37;
--muted: #999;
font-size: 16px;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: var(--bg);
color: var(--fg);
font-family: 'Segoe UI', sans-serif;
line-height: 1.7;
padding: 2rem;
max-width: 70ch;
margin: auto;
}
header {
text-align: center;
margin-bottom: 2rem;
}
.logo {
font-size: 2rem;
color: var(--gold);
letter-spacing: 0.05em;
}
.tagline {
font-style: italic;
color: var(--muted);
margin-top: 0.3rem;
}
.intro {
margin-bottom: 3rem;
font-size: 1.1rem;
color: var(--muted);
}
.entries article {
margin-bottom: 2.5rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid var(--muted);
}
.entries article h2 {
color: var(--gold);
margin-bottom: 0.3rem;
}
footer {
text-align: center;
font-size: 0.9rem;
color: var(--muted);
margin-top: 4rem;
}

138
styles.css Normal file
View file

@ -0,0 +1,138 @@
/* styles.css */
body {
margin: 0;
padding: 0;
background-color: #0f0d0e; /* near-black */
color: #d4af37; /* gold */
font-family: 'Georgia', serif;
line-height: 1.6;
}
a {
color: #d4af37;
text-decoration: none;
transition: all 0.3s ease;
}
a:hover {
text-shadow: 0 0 5px #d4af37;
}
header {
padding: 2rem;
text-align: center;
border-bottom: 1px solid #333;
}
nav {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 2rem;
}
nav .logo {
font-size: 1.5rem;
letter-spacing: 2px;
}
nav ul {
list-style: none;
display: flex;
gap: 2rem;
padding: 0;
margin: 0;
}
nav li {
font-size: 0.9rem;
}
.hero {
margin: 3rem auto;
text-align: center;
}
.glyph {
margin: 0 auto 1.5rem;
width: 100px;
height: 100px;
border: 2px solid #d4af37;
border-radius: 50%;
position: relative;
}
.glyph::before {
content: '';
position: absolute;
top: 25%;
left: 25%;
width: 50px;
height: 50px;
border: 2px solid #d4af37;
transform: rotate(45deg);
}
.hero h1 {
font-size: 2rem;
text-transform: uppercase;
margin-bottom: 1rem;
}
.cta {
display: inline-block;
margin-top: 1rem;
padding: 0.5rem 1.5rem;
border: 1px solid #d4af37;
font-size: 1rem;
}
main {
padding: 2rem;
}
.latest h2 {
text-align: left;
font-size: 1.25rem;
margin-bottom: 1.5rem;
border-top: 1px solid #333;
padding-top: 1rem;
}
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 2rem;
}
article {
background-color: #1a1618;
padding: 1rem;
border: 1px solid #333;
border-radius: 8px;
transition: transform 0.3s ease;
}
article:hover {
transform: scale(1.02);
box-shadow: 0 0 10px rgba(212, 175, 55, 0.3);
}
.thumb {
width: 100%;
height: 140px;
background-color: #333;
margin-bottom: 1rem;
}
h3 {
font-size: 1.1rem;
margin: 0.5rem 0;
}
.date {
font-size: 0.8rem;
color: #b89f50;
margin-bottom: 0.5rem;
}