https://www.welovejam.com/story.htm

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="utf-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1">
6  <link rel="canonical" href="https://www.welovejam.com/story.htm">

6
7
8  <script async src="https://www.googletagmanager.com/gtag/js?id=

8AW-17997982188

8"></script>
9  

9<script>
10    

10window.dataLayer = window.dataLayer || [];
11    function gtag(){dataLayer.push(arguments);}
12    gtag('js', new Date());
13    gtag('config', '

13AW-17997982188

13');
14  

14</script>

14
15
16  <title>welovejam's story of how they began and what makes them so special</title>
17  <meta name="description" content="welovejam.com page about how the company started from one backyard Blenheim apricot tree that was just a summer hobby to how they became an accidental business overnight due to a small blurb by Food and Wine Magazine saying it was simply the best jam they ever tasted, to how after nearly two decades it is still a two person company focused on quality and not quantity.">
18
19  

19<script data-cfasync="false" src="https://cdn.foxycart.com/welovejam/loader.js" async defer></script>

19
20  <link href="bootstrap.min.css" rel="stylesheet">
21
22  <style>
23    :root {
24      --ink:   #1a1a1a;
25      --brand: #AE4200;
26      --tan:   #D69652;
27    }
28    body {
29      background-color: var(--brand);
30      color: var(--ink);
31      font-family: Verdana, Geneva, Tahoma, sans-serif;
32      font-weight: 300;
33      min-height: 100vh;
34      display: flex;
35      flex-direction: column;
36    }
37    main { flex: 1; }
38
39    /* Tan content column */
40    .page-wrap {
41      background-color: var(--tan);
42      max-width: 760px;
43      margin: 0 auto;
44      padding: 0 2rem 3rem;
45    }
46
47    /* ── NAVBAR ── */
48    .site-nav {
49      background-color: var(--brand);
50      border-bottom: 4px solid var(--brand);
51      padding: 6px 0;
52    }
53    .site-nav-desktop {
54      display: flex;
55      flex-direction: row;
56      justify-content: center;
57      flex-wrap: wrap;
58      background-color: var(--tan);
59      margin: 0 8px;
60      border-radius: 2px;
61    }
62    .site-nav-desktop a {
63      font-family: "Century Gothic", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
64      font-size: 0.75rem;
65      letter-spacing: 0.12em;
66      text-transform: uppercase;
67      color: #fff;
68      text-decoration: none;
69      padding: 0.55rem 1rem;
70      display: inline-block;
71      transition: color .2s, background-color .2s;
72    }
73    .site-nav-desktop a:hover { background-color: rgba(0,0,0,0.1); }
74    .site-nav-mobile { display: none; }
75
76    @media (max-width: 767px) {
77      .site-nav-desktop { display: none; }
78      .site-nav-mobile { display: block; }
79      .site-nav { padding: 0; }
80      .mobile-header {
81        display: flex;
82        align-items: center;
83        justify-content: space-between;
84        background-color: var(--tan);
85        margin: 6px 8px 0;
86        padding: 0.5rem 1rem;
87      }
88      .mobile-brand {
89        font-family: "Century Gothic", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
90        font-size: 1.1rem;
91        letter-spacing: 0.1em;
92        color: #fff;
93      }
94      .hamburger {
95        background: none;
96        border: none;
97        cursor: pointer;
98        display: flex;
99        flex-direction: column;
100        gap: 5px;
101        padding: 4px;
102      }
103      .hamburger span {
104        display: block;
105        width: 24px;
106        height: 2px;
107        background: #fff;
108      }
109      .mobile-links {
110        display: none;
111        flex-direction: column;
112        background-color: var(--tan);
113        margin: 0 8px 6px;
114        padding: 0.25rem 0 0.5rem;
115      }
116      .site-nav.open .mobile-links { display: flex; }
117      .mobile-links a {
118        font-family: "Century Gothic", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
119        font-size: 0.8rem;
120        letter-spacing: 0.12em;
121        text-transform: uppercase;
122        color: #fff;
123        text-decoration: none;
124        padding: 0.55rem 1.25rem;
125        transition: color .2s;
126      }
127      .mobile-links a:hover { color: rgba(255,255,255,0.75); }
128    }
129
130    /* ── PAGE HEADER ── */
131    .page-header {
132      padding: 3rem 0 2rem;
133      text-align: center;
134      border-bottom: 2px solid var(--brand);
135      margin-bottom: 3rem;
136    }
137    .page-header h1 {
138      font-family: "Century Gothic", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
139      font-size: clamp(2rem, 5vw, 3.5rem);
140      font-weight: 300;
141      letter-spacing: 0.04em;
142      color: #fff;
143      margin-bottom: 0.4rem;
144    }
145    .page-header .subtitle {
146      font-size: 0.85rem;
147      letter-spacing: 0.18em;
148      text-transform: uppercase;
149      color: rgba(255,255,255,0.8);
150    }
151
152    /* ── STORY CONTENT ── */
153    .story-content {
154      max-width: 680px;
155      margin: 0 auto;
156    }
157    .story-content p {
158      font-size: 1rem;
159      line-height: 1.9;
160      color: var(--ink);
161      margin-bottom: 1.2rem;
162      text-align: justify;
163    }
164    .story-content a {
165      color: var(--brand);
166    }
167    .story-content a:hover {
168      color: #8c3400;
169    }
170    .story-content img {
171      display: block;
172      max-width: 100%;
173      width: 300px;
174      height: auto;
175      margin: 1.5rem auto;
176    }
177    .story-content .caption {
178      text-align: center;
179      font-size: 0.85rem;
180      color: #fff;
181      margin-top: -1rem;
182      margin-bottom: 1.5rem;
183    }
184
185    /* ── FOOTER ── */
186    footer {
187      background: #8c3400;
188      color: rgba(255,255,255,0.8);
189      text-align: center;
190      padding: 2rem 1rem;
191      font-size: 0.8rem;
192      letter-spacing: 0.06em;
193    }
194    footer a { color: #fff; text-decoration: none; }
195    footer a:hover { color: var(--tan); }
196  </style>
197</head>
198<body>
199
200<!-- ── NAVBAR ── -->
201<nav class="site-nav">
202  <div class="site-nav-desktop">
203    <a href="index.htm">Home</a>
204<a href="index.htm#giftboxes">Gift Boxes</a>
205<a href="index.htm#individualitems">Individual Jars</a>
206<a href="story.htm">Our Story</a>
207<a href="press.htm">Press</a>
208<a href="mailinglistsignup.htm">Mailing List</a>
209<a href="faq.htm">FAQ</a>
210<a href="mailto:[email protected]">Contact</a>
211<a href="wwl.htm">What We Love</a>
212<a href="https://welovejam.foxycart.com/cart" style="display:inline-flex;align-items:center;gap:0.4rem;">

213  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
214    <circle cx="9" cy="21" r="1"></circle>
215    <circle cx="20" cy="21" r="1"></circle>
216    <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
217  </svg>
218  Cart
219</a>
220  </div>
221  <div class="site-nav-mobile">
222    <div class="mobile-header">
223      <span class="mobile-brand">welovejam</span>
224      <button class="hamburger" id="hamburger-btn" aria-label="Menu">
225        <span></span><span></span><span></span>
226      </button>
227    </div>
228    <div class="mobile-links">
229      <a href="index.htm">Home</a>
230<a href="index.htm#giftboxes">Gift Boxes</a>
231<a href="index.htm#individualitems">Individual Jars</a>
232<a href="story.htm">Our Story</a>
233<a href="press.htm">Press</a>
234<a href="mailinglistsignup.htm">Mailing List</a>
235<a href="faq.htm">FAQ</a>
236<a href="mailto:[email protected]">Contact</a>
237<a href="wwl.htm">What We Love</a>
238<a href="https://welovejam.foxycart.com/cart" style="display:inline-flex;align-items:center;gap:0.4rem;">
239  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
240    <circle cx="9" cy="21" r="1"></circle>
241    <circle cx="20" cy="21" r="1"></circle>
242    <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
243  </svg>
244  Cart
245</a>
246    </div>
247  </div>
248</nav>
249
250<div class="page-wrap">
251
252  <!-- ── PAGE HEADER ── -->
253  <header class="page-header">
254    <h1>welovejam</h1>
255    <p class="subtitle">Our Story</p>
256  </header>
257
258  <!-- ── MAIN CONTENT ── -->
259  <main>
260    <div class="story-content">
261
262      <p>In 2002 I started making jam from an old Blenheim apricot tree in a Santa Clara, California backyard. What started as a hobby turned into a business when Food &amp; Wine magazine wrote in their <a href="foodandwineblenheimapricotjam.htm">February 2007 issue</a> it was the best jam they ever tasted.</p>
263
264      <img src="images/picking%20apricots%20welovejam.jpg" alt="Eric picking apricots from our backyard tree">
265      <p class="caption">Eric picking apricots from our backyard tree</p>
266
267      <p>The Blenheim apricot was one of the first items listed on the <a href="https://slowfoodusa.org/ark-of-taste/">Slow Food USA Ark of Taste</a>. This is a list of endangered food processes and agricultural items. Until the 1970s, what is now Silicon Valley was the largest producer of apricots in America. Acres and acres of farms grew this delicious fruit, that due to its fragile nature, was either canned or sun dried. We have a customer in her 90s who said you could drive down the main freeway, 101, and smell apricots in the air each summer. That is how many farms there were!</p>
268
269      <p>Well, we all know what happened. Virtually all the farms are gone — replaced with high tech corporate offices and suburbs. An important agricultural area was almost completely wiped out in the name of progress. However, this region is famous for its soil and climate, and the few farms left are extremely special because the fruit and vegetables they produce are the very best.</p>
270
271      <p>Ironically, prior to my jam making, I worked just a short distance from this tree for an important early tech company in the 1990s that started the internet boom. After learning the farming history of the area, I felt compelled to launch welovejam and try to re-popularize this variety of apricot, as well as work with local farms in the area.</p>
272
273      <p>Since founding the company in 2007 I have kept growth of the business organic, sustainable and consistent over the years, and am constantly innovating with new products. And yes, I still work in the kitchen making everything with the help from friends and family.</p>
274
275      <p>If you appreciate well-made food with outstanding flavor, why not give my incredible products a try?</p>
276
277      <img src="images/eric%20with%20blenheim%20apricots%20welovejam.jpg" alt="Eric with freshly picked Blenheim apricots from our back yard tree">
278      <p class="caption">Eric with freshly picked Blenheim apricots from our back yard tree.</p>
279
280    </div>
281  </main>
282
283</div><!-- /page-wrap -->
284
285<footer>
286  <p class="mb-0">&copy; We Love Jam. All rights reserved. &nbsp;&middot;&nbsp;
287    <a href="mailto:[email protected]">[email protected]</a>
288  </p>
289</footer>
290

291<script src="bootstrap.bundle.min.js"></script>

291

292<script>
293  document.getElementById('hamburger-btn').addEventListener('click', function() {
294    document.querySelector('.site-nav').classList.toggle('open');
295  });
296</script>

296
297</body>
298</html>