Just-a-Thought-Blog/resources.html at master · jeffthomasiii/Just-a-Thought-Blog · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
---
layout: default
title: "Resources"
description: "Just A Thought Blog Resources will offer guided tools for reflection, Scripture study, marriage conversations, small groups, and practical faith-informed discussion."
permalink: /resources/
---

<link rel="stylesheet" href="{{ '/assets/css/jat-pages.css' | relative_url }}">

<main class="jat-page jat-resources-page">
  <section class="jat-hero">
    <div class="jat-container jat-hero-grid">
      <div>
        <span class="jat-eyebrow">Coming Soon</span>
        <h1 class="jat-title">Resources for reflection, study, and conversation.</h1>
        <p class="jat-lede">Guided tools for slowing down, opening Scripture, strengthening marriage, and turning thoughtful posts into deeper conversations.</p>
        <div class="jat-button-row">
          <a class="jat-button" href="#notify">Get Resource Updates</a>
          <a class="jat-button jat-button-secondary" href="{{ '/posts/' | relative_url }}">Browse Reflections</a>
        </div>
      </div>

      <div class="jat-hero-media jat-placeholder-image" data-image-note="Resources hero image">
        <!-- Replace with: <img src="{{ '/img/pages/bg-resources-coming-soon.jpg' | relative_url }}" alt="An open Bible, journal, printed guides, and coffee arranged on a warm wooden desk."> -->
        <div class="jat-media-caption">
          <strong>Built to help reflection become practice.</strong>
          <span>Guides, prompts, and study tools for personal use, couples, and small groups.</span>
        </div>
      </div>
    </div>
  </section>

  <section class="jat-section">
    <div class="jat-container">
      <div class="jat-section-heading">
        <span class="jat-eyebrow">Resource Library</span>
        <h2 class="jat-section-title">Practical tools without losing the reflective tone.</h2>
        <p class="jat-section-copy">The resources section should feel like a natural extension of the blog, not a separate curriculum store. The goal is to help readers sit with Scripture, ask better questions, and bring the reflection into real conversations.</p>
      </div>

      <div class="jat-card-grid jat-card-grid-four">
        <article class="jat-card">
          <div class="jat-card-icon">☙</div>
          <h3 class="jat-card-title">Scripture Reflection Sheets</h3>
          <p>Simple guides that help readers observe the text, consider the heart, and respond honestly before God.</p>
        </article>
        <article class="jat-card">
          <div class="jat-card-icon">♡</div>
          <h3 class="jat-card-title">Marriage Conversation Guides</h3>
          <p>Thoughtful prompts for couples who want to discuss covenant, communication, unity, and spiritual growth.</p>
        </article>
        <article class="jat-card">
          <div class="jat-card-icon">⌂</div>
          <h3 class="jat-card-title">Small Group Material</h3>
          <p>Discussion-ready questions and Scripture connections that can support ministry conversations without feeling scripted.</p>
        </article>
        <article class="jat-card">
          <div class="jat-card-icon">✧</div>
          <h3 class="jat-card-title">Devotional Companions</h3>
          <p>Short-form reading guides connected to longer blog series, devotional posts, or Scripture-focused reflections.</p>
        </article>
      </div>
    </div>
  </section>

  <section class="jat-section jat-section-alt">
    <div class="jat-container">
      <div class="jat-section-heading">
        <span class="jat-eyebrow">Coming First</span>
        <h2 class="jat-section-title">A few resources already fit the heart of the blog.</h2>
      </div>

      <div class="jat-card-grid">
        <article class="jat-card">
          <span class="jat-mini-label">Marriage</span>
          <h3 class="jat-card-title">Marriage Conversation Guide</h3>
          <p>A guided companion for couples who want to move from reading a reflection to talking through it with honesty, patience, and prayer.</p>
          <div class="jat-launch-note">Suggested format: printable PDF plus web version.</div>
        </article>
        <article class="jat-card">
          <span class="jat-mini-label">Scripture</span>
          <h3 class="jat-card-title">Psalm 119 Reflection Companion</h3>
          <p>A devotional-style companion designed around slowing down with Scripture, carrying one verse at a time, and responding with prayer.</p>
          <div class="jat-launch-note">Suggested format: downloadable guide.</div>
        </article>
        <article class="jat-card">
          <span class="jat-mini-label">Small Group</span>
          <h3 class="jat-card-title">Discussion Pack</h3>
          <p>A flexible resource for leaders who want to use selected posts as conversation starters in marriage, discipleship, or leadership settings.</p>
          <div class="jat-launch-note">Suggested format: leader guide and participant handout.</div>
        </article>
      </div>
    </div>
  </section>

  <section class="jat-section">
    <div class="jat-container">
      <div class="jat-feature">
        <div class="jat-feature-body">
          <span class="jat-mini-label">Design Principle</span>
          <h2>Resources should serve the reflection, not replace it.</h2>
          <p>Each resource should feel useful and practical, but still calm, honest, and grounded. The visual language should stay warm and uncluttered: paper textures, quiet icons, olive dividers, generous spacing, and enough room for people to think.</p>
          <p>The strongest resources will help readers ask better questions rather than rush toward quick answers.</p>
        </div>
        <div class="jat-feature-image jat-placeholder-image" data-image-note="Resource library preview"></div>
      </div>
    </div>
  </section>

  <section class="jat-section jat-section-alt" id="notify">
    <div class="jat-container">
      <div class="jat-signup">
        <div>
          <span class="jat-eyebrow">Resource Updates</span>
          <h2>Know when new resources are available.</h2>
          <p>Sign up for occasional updates when new guides, reflection sheets, and companion materials are added.</p>
        </div>
        <form class="jat-form" action="#" method="post">
          <input type="email" name="email" placeholder="Enter your email address" aria-label="Email address">
          <button class="jat-button" type="submit">Notify Me</button>
        </form>
      </div>
    </div>
  </section>
</main>