https://scrappydew.com/index.js

1const today = new Date();
2const url = window.location.origin;
3const currentPage = window.location.href;
4const animal = currentPage.includes("animal") ? "active" : "";
5const dressup = currentPage.includes("all-grown-up") ? "active" : "";
6const holiday = currentPage.includes("holiday") ? "active" : "";
7const software = currentPage.includes("programs") ? "active" : "";
8const seasons = currentPage.includes("seasons") ? "active" : "";
9const nursery = currentPage.includes("nursery") ? "active" : "";
10const school = currentPage.includes("school") ? "active" : "";
11const funandgames = currentPage.includes("fun") ? "active" : "";
12const expansion = currentPage.includes("expansion") ? "active" : "";
13const tcbj = currentPage.includes("jessica") ? "active" : "";
14const directory = currentPage.includes("directory") ? "active" : "";
15const loginMember = currentPage.includes("members/index") ? "active" : "";
16
17const headerCode = `<div class="header-top">
18
19<div class="container header-vertical text-center">
20    <div class="row">
21        <div class="col-lg-2">
22
23        </div>
24
25        <div class="col-lg-8">
26            <h1>ScrappyDew</h1>
27        </div>
28    </div>
29</div>
30</div>`;
31
32const cardStarterCode = `<div class="card">
33<div class="card-header">
34  {Title}
35</div>
36<img src="{image}" class="card-img-top" alt="{Title}">
37
38<div class="card-body">
39  <h5 class="card-title">{Title}</h5>
40  <p class="card-text">{description}</p>
41  <div class="d-grid gap-2">
42  <a class="btn btn-success cartloom-addtocart" href="https://scrappydew.cartloom.com/cart/add/{productID}" >Purchase</a>
43</div>
44</div>
45</div>`;
46const footerCode = ` <div class="container">
47<div class="row  pt-4 pb-3">
48    <div class="col-md-3 mb-2">
49        <h6><b>Help/Resource</b></h6>
50        <li><a href="${url}/contact">Contact Us</a></li>
51        <li><a href="${url}/resources/">Resources</a></li>
52    </div>
53    <div class="col-md-3">
54        <h6><b>Products</b></h6>
55        <li><a href="${url}/programs">Software</a></li>
56        <li><a href="${url}/class">Classroom</a></li>
57        <li><a href="${url}/patterns/freebie">Free SVG</a></li>
58        <li><a href="${url}/members">ScrappyDew Vault</a></li>
59
60    </div>
61    <div class="d-none d-md-block col-md-6">
62        <h6><b><u>About</u></b></h6>
63        <p>ScrappyDew was created in 2009 in order to help others craft using patterns that common cutters
64            would recognize. We are a military family so having an online business is great because as our
65            home moves we can take the business with us. There are over 700 different patterns that we have
66            created over the years. Most of the files that are here are designed for paper piecing and to be
67            used with die cutting machines.</p>
68    </div>
69
70</div>
71<div className="row">
72  <div class="d-flex bd-highlight">
73    © 2009-${today.getFullYear()} SCRAPPYDEW CREATIONS <span class="ms-auto">created by <a href="https://www.frontlinedesignsllc.com">FrontLineDesignsLLC</a></span>
74  </div>
75  </div>
76</div>
77`;
78
79{
80  /* <li class="nav-item">
81<a class="nav-link" href="${url}/scrapfactory/" tabindex="-1" >ScrapFactory Online</a>
82</li> */
83}
84
85let navSectionCode = `<div class="container-fluid">
86<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#scrappydew-navbar"
87    aria-controls="scrappydew-navbar" aria-expanded="false" aria-label="Toggle navigation">
88    <span class="navbar-toggler-icon"></span>
89</button>
90<a class="navbar-brand" href="${url}">ScrappyDew.com</a>
91<div class="collapse navbar-collapse" id="scrappydew-navbar">
92    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
93        <li class="nav-item">
94            <a class="nav-link" aria-current="page" href="${url}">Home</a>
95        </li>
96        <li class="nav-item">
97            <a class="nav-link" href="${url}/class">Classroom</a>
98        </li>
99        <li class="nav-item">
100            <a class="nav-link ${software}" href="${url}/programs/index.html" tabindex="-1" >Software</a>
101        </li>
102       
103        <li class="nav-item dropdown">
104            <a class="nav-link dropdown-toggle" href="#" id="scrappydew-patterns" role="button"
105                data-bs-toggle="dropdown" aria-expanded="false">
106                SVG Patterns
107            </a>
108            <ul class="dropdown-menu" aria-labelledby="scrappydew-patterns">
109                <li><a class="dropdown-item ${animal} " href="${url}/patterns/animals/index.html">Animals</a></li>
110                <li><a class="dropdown-item ${holiday} " href="${url}/patterns/holidays/index.html">Holiday</a></li>
111                <li><a class="dropdown-item ${seasons} " href="${url}/patterns/seasons/index.html">Seasons</a></li>
112                <li><a class="dropdown-item ${dressup} " href="${url}/patterns/all-grown-up/index.html">Dressup</a></li>
113                <li><a class="dropdown-item ${nursery} " href="${url}/patterns/nursery/index.html">Nursery</a></li>
114                <li><a class="dropdown-item ${school} " href="${url}/patterns/school-and-sports/index.html">School</a></li>
115                <li><a class="dropdown-item ${funandgames} " href="${url}/patterns/fun-and-games/index.html">Fun & Games</a></li>
116                <li><a class="dropdown-item ${expansion} " href="${url}/patterns/expansion-packs/index.html">Expansion Packs</a></li>
117                <li><a class="dropdown-item ${tcbj} " href="${url}/patterns/too-cute-by-jessica/index.html">Too Cute By Jessica</a></li>
118                
119            </ul>
120        </li>
121        </li>
122        <li class="nav-item dropdown">
123            <a class="nav-link dropdown-toggle" href="#" id="vault" role="button"
124                data-bs-toggle="dropdown" aria-expanded="false">
125                Vault Member
126            </a>
127            <ul class="dropdown-menu" aria-labelledby="vault">
128                <li><a class="dropdown-item ${loginMember} " href="${url}/members/index.php">Login/Signup</a></li>
129                <li><a class="dropdown-item ${directory} " href="${url}/members/directory.php">Vault Directory</a></li>
130                <li><a class="dropdown-item"  href="${url}/members/directory.php">Update Profile/Password</a></li>
131                
132                
133            </ul>
134        </li>
135       
136    </ul>
137
138
139</div>
140</div>`;
141const navSection = document.querySelector("nav");
142const footerSection = document.querySelector(".footer");
143const productSection = document.querySelector("#product-section");
144const header = document.querySelector("#header");
145
146header.innerHTML = headerCode;
147navSection.innerHTML = navSectionCode;
148footerSection.innerHTML = footerCode;
149
150const productList = [
151  {
152    name: "Sure Cuts A Lot",
153    productID: "161498",
154    photoURL:
155      "https://cartloom.s3.amazonaws.com/scrappydew/161498_8611451669433679f7852d9e0b8156db_orig.png",
156    theme: "software",

157    description: `Sure Cuts a Lot lets you cut with many machines`,
158    price: "$59.99",
159  },
160  {
161    name: "Scrap Factory Online",
162    photoURL:
163      "https://cartloom.s3.amazonaws.com/scrappydew/169443_afda142bdf258286eeadb88327f11c13_orig.png",
164    productID: "169443",
165    theme: "software",
166    description:
167      "Online doll building factory. Create over 100 different dolls. You can pick the hair, body, and outfit to create that unique doll.",
168    price: "$30.00",
169  },
170];
171
172function displayProducts() {
173  const products = document.getElementById("products");
174  productDisplay = "";
175  productList.map((product) => {
176    productDisplay = productDisplay + cardStarterCode;
177
178    productDisplay = ReplaceScript(productDisplay, "{Title}", product.name);
179    productDisplay = ReplaceScript(
180      productDisplay,
181      "{description}",
182      product.description
183    );
184    productDisplay = ReplaceScript(productDisplay, "{image}", product.photoURL);
185    productDisplay = ReplaceScript(
186      productDisplay,
187      "{productID}",
188      product.productID
189    );
190  });
191  products.innerHTML = productDisplay;
192}
193
194function ReplaceScript(text, scriptIdentifier, replaceScriptIdentiferWith) {
195  return text.replaceAll(scriptIdentifier, replaceScriptIdentiferWith);
196}
197

198window.dataLayer = window.dataLayer || [];
199function gtag() {
200  dataLayer.push(arguments);
201}
202gtag("js", new Date());
203
204gtag("config", "

204UA-3039229-2

204");
205

206let googleScript = document.createElement("script");
207googleScript.src = "https://www.googletagmanager.com/gtag/js?id=UA-3039229-2";
208document.body.appendChild(googleScript);
209
210async function keepAlive() {
211  const url = `https://scrappydew-server.onrender.com/alive`;
212  const response = await fetch(url);
213  const data = await response.json();
214  console.log(data);
215  setTimeout(keepAlive, 1000 * 60 * 5);
216}
217keepAlive();
218async function runGoogleScript() {
219  

219window.dataLayer = window.dataLayer || [];
220  function gtag() {
221    dataLayer.push(arguments);
222  }
223  gtag("js", new Date());
224
225  gtag("config", "

225UA-3039229-2

225");

226}
227
228runGoogleScript();
229
230function runNotifyScript() {
231  !(function () {
232    if (window.t4hto4)
233      console.log("WiserNotify pixel installed multiple time in this page");
234    else {
235      window.t4hto4 = !0;
236      var t = document,
237        e = window,
238        n = function () {
239          var e = t.createElement("script");
240          (e.type = "text/javascript"),
241            (e.async = !0),
242            (e.src = "https://pt.wisernotify.com/pixel.js?ti=uzk3ljkj95v1fa"),
243            document.body.appendChild(e);
244        };
245      "complete" === t.readyState
246        ? n()
247        : window.attachEvent
248        ? e.attachEvent("onload", n)
249        : e.addEventListener("load", n, !1);
250    }
251  })();
252}
253
254runNotifyScript();