Add Dark Furrow project notice to home page

8f8ebe27 by Isaac Bythewood · 1 month ago

Add Dark Furrow project notice to home page

Adds a linked notice card below the hero promoting darkfurrow.com as an
artistic almanac. Includes responsive styling for mobile, improved
contrast for readability, and fixes custom cursor detection for nested
link elements.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

modified components/mouse.js

@@ -18,6 +18,7 @@ const Mouse = () => {      isInteractiveRef.current =        target.tagName === "BUTTON" ||        target.tagName === "A" ||        !!target.closest("a, button") ||        (target.classList && target.classList.contains("mouse-activate"));      if (circleRef.current) {        circleRef.current.classList.toggle(

modified pages/index.js

@@ -85,6 +85,19 @@ const Index = () => {          <span className={styles.roleAt}>at</span>          <span className={styles.roleCompany}>Craftmaster Furniture</span>        </div>        <a          href="https://darkfurrow.com"          target="_blank"          rel="noopener noreferrer"          className={styles.notice}        >          <span className={styles.noticeLabel}>New Project</span>          <span className={styles.noticeTitle}>Dark Furrow</span>          <span className={styles.noticeDesc}>            An artistic almanac blending poetry, visual rhythm, and practical            wisdom for home gardeners and farmers.          </span>        </a>      </div>    </Page>  );

modified styles/pages/index.module.css

@@ -155,7 +155,7 @@}.roleAt {  color: var(--color-blue);  color: rgba(255, 255, 255, 0.4);  font-weight: 400;}

@@ -164,6 +164,51 @@  font-weight: 400;}.notice {  display: block;  margin-top: 32px;  padding: 16px 20px;  border-left: 3px solid var(--color-purple);  background: rgba(0, 0, 0, 0.5);  text-decoration: none;  transition: background 250ms ease, border-color 250ms ease;  max-width: 420px;}.notice:hover {  background: rgba(0, 0, 0, 0.65);  border-color: var(--color-blue);}.noticeLabel {  display: inline-block;  font-family: monospace;  font-size: 0.85em;  font-weight: 700;  text-transform: uppercase;  letter-spacing: 3px;  color: rgba(255, 255, 255, 0.6);  margin-bottom: 6px;}.noticeTitle {  display: block;  font-size: 1.3em;  font-weight: 800;  text-transform: uppercase;  letter-spacing: 1px;  color: white;  margin-bottom: 4px;}.noticeDesc {  display: block;  font-size: 0.85em;  line-height: 1.5;  color: rgba(255, 255, 255, 0.7);  font-style: italic;}@media (max-width: 767.98px) {  .firstName,  .lastName {

@@ -175,4 +220,22 @@    gap: 2px;    font-size: 0.85em;  }  .notice {    margin-top: 20px;    padding: 10px 14px;  }  .noticeLabel {    font-size: 0.6em;    letter-spacing: 2px;  }  .noticeTitle {    font-size: 0.9em;  }  .noticeDesc {    font-size: 0.75em;  }}