ultimate-jekyll-manager 0.0.17 → 0.0.19

package/README.md

@@ -32,7 +32,7 @@
 ## 🚀 Getting started
 1. [Create a repo](https://github.com/itw-creative-works/ultimate-jekyll/generate) from the **Ultimate Jekyll** template.
 2. Clone the repo to your local machine.
-3. Run these command to get everything setup and sync'd!
+3. Run these commands to get everything setup and sync'd!
 ```bash
 npm install
 npx uj setup
@@ -40,9 +40,29 @@ npm start
 ```
 
 ## 📦 How to sync with the template
-1. Simply run `npx uj setup` in Terminal to get all the latest updates from the **Ultimate Jekyll template**.
+1. Simply run `npm start` in Terminal to get all the latest updates from the **Ultimate Jekyll template** and launch your website in the browser.
 
 ## 🌎 Publishing your website
 1. Change the `url` in `_config.yml` to your domain.
 2. Push your changes to GitHub using `npm run dist` in Terminal.
 
+## ⛳️ Flags
+* `--browser=false` - Disables the browser from opening when running `npm start`.
+```bash
+npm start -- --browser=false
+```
+* `--debug=true` - Enables logging of extra information when running `npm start`.
+```bash
+npm start -- --debug=true
+```
+* `--ujPluginDevMode=true` - Enables the development mode for the [Ultimate Jekyll Ruby plugin](https://github.com/itw-creative-works/jekyll-uj-powertools).
+```bash
+
+<!-- Developing -->
+## 🛠 Developing
+1. Clone the repo to your local machine.
+2. Run these commands
+```bash
+npm install
+npm run prepare:watch
+```

package/TODO.md

@@ -1,7 +1,18 @@
+IMP
+- aftet moving setup build files to defaults.js task, most default files fail be created
+
+QUESTIONS
+- how do we import theme CSS and JS into the bundles?
+- how do we handle bundles for frontend and backend?
+- how do we handle bundles for different themes?
+
 - easy system for a main css, js, etc bundle BUT user can make page specific bundles
 - uncompiled should move everything inside it to css/images/js/vendor
 - make an update fn that will update UJ eith er in `npx uj setup` or a separate process
 
+- we shoudl be able to MERGE site settings
+  - so site is default, then merge layount, then merge page (each OVERWRITING the previous one)
+
 MIGRATIONS
 - @output/build/build.json --> build.json
   - there are some references inside that changed too:
@@ -9,12 +20,163 @@ MIGRATIONS
     - brand --> config.brand
     - admin-dashboard --> config.admin-dashboard
 
+site.time | date: '%s'  --> uj_cache
+
+uj-website-json -- uj-schema-website
+
+facebook-pixel --> meta-pixel
+
+INCLUDE THIS in css build process
+- src/defaults/dist/_includes/master/assets/css/defaults.css
+- src/defaults/dist/_includes/master/assets/css/cookieconsent.css
+- social buttons too?? or make our own??
+
+THINGS TO ADD
+- auto cached translations
+- each theme should have complex COMPONENTS to easily scaffold large parts of the site
+  - keep components consistent across themes so when we switch themes the components work still
+- checkout pages SHOULD BE IN EACH WEBSITE
+  - this way, pixel events can be sent from the actual domain
+  -
+
 // Legacy
 // TODO: REMOVE REFERENCES TO
 'npm-build': new Date().toISOString(),
 brand: config.brand,
 'admin-dashboard': JSON5.parse(config['admin-dashboard']),
 
+when user is required to login (auth.required=true from UJ), pass back a query that is loginRequired=true (or something similar) so that the user can be displayed a message to login. or we can just use the fact that there is a redirect query already
+
+automatic subprocessor list
+- https://sentry.io/legal/subprocessors/
+
+Terms of service
+- https://zapier.com/legal/terms-of-service
+- https://sentry.io/terms/
+- https://docs.github.com/en/site-policy/github-terms/github-terms-of-service#the-github-terms-of-service
+- https://help.instagram.com/termsofuse
+
+prechat-btn
+- should have width and height set to 0px INLINE so it doesnt appear HUGE when loading
+- then automatically remove the style attribute after the button is loaded
+
+https://developer.mozilla.org/en-US/docs/Web/API/HTMLScriptElement/fetchPriority
+- there is also one for images
+- fetchpriority="high" for critical scripts and images
+
+CONTACT
+<div style="display: none;">
+  <input type="email" name="slap_honey" class="form-control" placeholder="Your Email">
+</div>
+
+# Translation
+translation:
+  enabled: false
+  default: "en"
+  languages:
+    - "en"  # English
+    - "zh"  # Chinese (Simplified)
+    - "es"  # Spanish
+    - "hi"  # Hindi
+    - "ar"  # Arabic
+    - "pt"  # Portuguese
+    - "ru"  # Russian
+    - "ja"  # Japanese
+    - "de"  # German
+    - "fr"  # French
+    - "ko"  # Korean
+    - "ur"  # Urdu
+    - "id"  # Indonesian
+    - "bn"  # Bengali
+    - "tl"  # Tagalog
+    - "vi"  # Vietnamese
+    - "it"  # Italian
+
+
+PRICING PRODUCT
+<!-- Product -->
+<script type="application/ld+json">
+  {
+    "@context": "https://schema.org/",
+    "@type": "Product",
+    "name": "{{ page.gift.title }}",
+    "url": "{{ site.url }}{{ page.url }}",
+    "image": "{{ page.gift.images | first }}",
+    "description": "{{ page.gift.description }}",
+    "sku": "{{ page.gift.id }}",
+    "brand": {
+      "@type": "Brand",
+      "name": "{{ page.gift.brand }}"
+    },
+    "aggregateRating": {
+      "@type": "AggregateRating",
+      "ratingValue": "{{ page.gift.rating_score }}",
+      "reviewCount": "{{ page.gift.rating_count }}"
+    },
+    "offers": {
+      "@type": "Offer",
+      "url": "{{ site.url }}{{ page.url }}",
+      "priceCurrency": "USD",
+      "price": "{{ page.gift.price }}",
+      "priceValidUntil": "{{ site.time | date: '%s' | plus: 2592000 | date: '%Y-%m-%d' }}",
+      "itemCondition": "https://schema.org/NewCondition",
+      "availability": "https://schema.org/InStock",
+      "seller": {
+        "@type": "Organization",
+        "name": "{{ page.gift.brand }}"
+      }
+    }
+  }
+</script>
+
+
+<script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "SoftwareApplication",
+    "url": "{{ site.url }}{{ page.url }}",
+    "name": "Free AI {{ page.subject-parameters.title }} Homework Helper",
+    "description": "A 24/7 free {{ page.subject-parameters.title }} homework AI tutor that instantly provides personalized step-by-step guidance, explanations, and examples for any {{ page.subject-parameters.title }} homework problem. Improve your grades with our AI homework helper!",
+    "applicationCategory": "EducationalApplication",
+    "operatingSystem": "Web-based",
+    "offers": {
+      "@type": "Offer",
+      "price": "0",
+      "priceCurrency": "USD",
+      "availability": "https://schema.org/InStock"
+    },
+    "provider": {
+      "@type": "Organization",
+      "name": "{{ site.brand.name }}",
+      "url": "{{ site.url }}"
+    },
+    "featureList": [
+      "AI-powered step-by-step solutions",
+      "Free AI Homework Help",
+      "Subject-specific assistance",
+      "Instant answers",
+      "24/7 availability",
+      "User-friendly interface"
+    ],
+    "aggregateRating": {
+      "@type": "AggregateRating",
+      "ratingValue": "4.9",
+      "ratingCount": "699422"
+    },
+    "review": {
+      "@type": "Review",
+      "reviewRating": {
+        "@type": "Rating",
+        "ratingValue": "5"
+      },
+      "author": {
+        "@type": "Person",
+        "name": "Nora B"
+      },
+      "reviewBody": "{{ site.brand.name }} has been an absolute lifesaver for my homework! The AI tutor provides clear, step-by-step explanations that have helped me understand complex concepts. I love how I can get help anytime, day or night!"
+    }
+  }
+</script>
 
 
 MAYBE
@@ -69,3 +231,4 @@ MAYBE
       #       name: github-pages
 
     "deploy": "UJ_BUILD_MODE=true UJ_IS_SERVER=true npx uj setup && npm run build"
+

package/dist/assets/css/global/alert.scss

@@ -0,0 +1,64 @@
+/*
+  Alert Box Styles
+*/
+
+.main-alert {
+  padding: 20px;
+  color: white;
+  left: 0;
+  /* 100 because modals are 101 and we want these below the modals */
+  /* z-index: 100; */
+  /* 1060 because some headers (like studymonkey) are set high */
+  z-index: 1060;
+  width: 100%;
+}
+
+.main-alert-top {
+  top: 0;
+}
+
+.main-alert-bottom {
+  bottom: 0;
+}
+
+.main-alert-fixed {
+  position: fixed;
+}
+
+.main-alert-block {
+}
+
+.main-alert a {
+  color: white;
+  text-decoration: underline;
+}
+.main-alert a:hover {
+  color: black;
+}
+
+.main-alert-close {
+  margin-left: 15px;
+  color: white;
+  font-weight: bold;
+  float: right;
+  font-size: 22px;
+  line-height: 20px;
+  cursor: pointer;
+  transition: 0.3s;
+}
+
+.main-alert-close:hover {
+  color: black;
+}
+
+.main-alert-outdated {
+  background-color: #f44336;
+}
+
+.main-alert-suspended {
+  background-color: #f44336;
+}
+
+.main-alert-sale {
+  background-color: #0d6efd;
+}

package/dist/assets/css/global/animations.scss

@@ -0,0 +1,301 @@
+/*
+  Animation Styles
+*/
+
+.animation-slide-up {
+  animation: slide-up 1s ease;
+}
+@keyframes slide-up {
+  0% {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.animation-fade-in {
+  animation: fade-in 1s ease;
+}
+@keyframes fade-in {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+.animation-fade-out {
+  animation: fade-out 1s ease;
+}
+@keyframes fade-out {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+.animation-hover-up {
+  -webkit-transition: all .3s cubic-bezier(.2,.3,0,1);
+  -moz-transition: all .3s cubic-bezier(.2,.3,0,1);
+  -ms-transition: all .3s cubic-bezier(.2,.3,0,1);
+  -o-transition: all .3s cubic-bezier(.2,.3,0,1);
+  transition: all .3s cubic-bezier(.2,.3,0,1);
+}
+.animation-hover-up:hover {
+  -moz-transform: translate(0,-8px);
+  -o-transform: translate(0,-8px);
+  -ms-transform: translate(0,-8px);
+  -webkit-transform: translate(0,-8px);
+  transform: translateY(-8px);
+}
+
+.animation-hover-zoom {
+  -webkit-transition: all .3s cubic-bezier(.2,.3,0,1);
+  -moz-transition: all .3s cubic-bezier(.2,.3,0,1);
+  -ms-transition: all .3s cubic-bezier(.2,.3,0,1);
+  -o-transition: all .3s cubic-bezier(.2,.3,0,1);
+  transition: all .3s cubic-bezier(.2,.3,0,1);
+}
+.animation-hover-zoom:hover {
+  -moz-transform: scale(1.05);
+  -o-transform: scale(1.05);
+  -ms-transform: scale(1.05);
+  -webkit-transform: scale(1.05);
+  transform: scale(1.05);
+}
+
+/* @keyframes opacity {
+	0% {
+		opacity: 0;
+	}
+
+	to {
+		opacity: 1;
+	}
+}
+
+.animation-opacity {
+	animation: opacity .25s ease-in-out;
+}
+
+@keyframes opacity-long {
+	0% {
+		opacity: 0;
+	}
+
+	90% {
+		opacity: 0;
+	}
+
+	to {
+		opacity: 1;
+	}
+}
+
+.animation-opacity-long {
+	animation: opacity-long 3s ease-in-out;
+}
+
+@keyframes opacity-short {
+	0% {
+		opacity: 0;
+	}
+
+	80% {
+		opacity: 0;
+	}
+
+	to {
+		opacity: 1;
+	}
+}
+
+.animation-opacity-short {
+	animation: opacity-short 1.5s ease-in-out;
+} */
+
+@keyframes popup {
+	0% {
+		transform: scale(.93);
+		opacity: .8;
+	}
+
+	50% {
+		transform: scale(1.02);
+		opacity: 1;
+	}
+
+	to {
+		transform: scale(1);
+		opacity: 1;
+	}
+}
+
+.animation-popup {
+	animation: popup .25s ease-in-out;
+}
+
+@keyframes popup-long {
+	0% {
+		transform: scale(.93);
+		opacity: 0;
+	}
+
+	85% {
+		transform: scale(.93);
+		opacity: 0;
+	}
+
+	90% {
+		transform: scale(.93);
+		opacity: .8;
+	}
+
+	95% {
+		transform: scale(1.02);
+		opacity: 1;
+	}
+
+	to {
+		transform: scale(1);
+		opacity: 1;
+	}
+}
+
+.animation-popup-long {
+	animation: popup-long 3s ease-in-out
+}
+
+@keyframes popup-short {
+	0% {
+		transform: scale(.93);
+		opacity: 0;
+	}
+
+	75% {
+		transform: scale(.93);
+		opacity: 0;
+	}
+
+	80% {
+		transform: scale(.93);
+		opacity: .8;
+	}
+
+	90% {
+		transform: scale(1.02);
+		opacity: 1;
+	}
+
+	to {
+		transform: scale(1);
+		opacity: 1;
+	}
+}
+
+.animation-popup-short {
+	animation: popup-short 1.5s ease-in-out;
+}
+
+@keyframes pulse {
+	50% {
+		opacity: .5;
+	}
+}
+
+.animation-pulse {
+	animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
+}
+
+@keyframes shimmer {
+	0% {
+		background-position: 0 50%;
+	}
+
+	50% {
+		background-position: 100% 50%;
+	}
+
+	to {
+		background-position: 0 50%;
+	}
+}
+
+.animation-shimmer {
+	animation: shimmer 3s ease-out infinite alternate;
+}
+
+@keyframes flex {
+  0% {
+    transform: scaleX(1)
+  }
+
+  50% {
+    transform: scale3d(1.05, 1.05, 1.05)
+  }
+
+  to {
+    transform: scaleX(1)
+  }
+}
+
+.animation-flex {
+  animation: flex 1s ease-in-out infinite;
+}
+
+@keyframes wiggle {
+	0%,
+	20%,
+	80%,
+	to {
+		transform: rotate(0deg);
+	}
+
+	30%,
+	60% {
+		transform: rotate(-2deg);
+	}
+
+	40%,
+	70% {
+		transform: rotate(2deg);
+	}
+
+	45% {
+		transform: rotate(-4deg);
+	}
+
+	55% {
+		transform: rotate(4deg);
+	}
+}
+
+.animation-wiggle {
+	animation: wiggle 1.5s ease-in-out infinite;
+}
+
+@keyframes up-down {
+  0%, 100% { transform: translateY(0); }
+  50% { transform: translateY(-10px); }
+}
+
+.animation-up-down {
+  animation: up-down 3s ease-in-out infinite;
+}
+
+@keyframes gradient-shimmer {
+  0% {
+    background-position: 0% 50%;
+  }
+  100% {
+    background-position: 100% 50%;
+  }
+}

package/dist/assets/css/global/buttons.scss

@@ -0,0 +1,46 @@
+/*
+  Button Styles
+*/
+
+/* .btn-gradient {
+  animation: gradient-shimmer 3s ease-out infinite alternate !important;
+  border-width: 0 !important;
+  border-color: transparent !important;
+  background-color: transparent !important;
+  background-image: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82) !important;
+  background-size: 300% 300% !important;
+  text-transform: none !important;
+  --tw-text-opacity: 1 !important;
+  color: rgb(255 255 255/ 1!important) !important;
+  --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  transition-duration: .1s;
+  animation-duration: .1s;
+} */
+
+.btn-gradient {
+  animation: gradient-shimmer 3s ease-out infinite alternate !important;
+  border-width: 0 !important;
+  border-color: transparent !important;
+  background-color: transparent !important;
+  background-image: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82) !important;
+  background-size: 300% 300% !important;
+  text-transform: none !important;
+  color: rgba(255, 255, 255, 1) !important;
+  /* Replacing Tailwind CSS custom properties with a specific box-shadow value */
+  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
+  transition-duration: 3s !important;
+  animation-duration: 3s !important;
+}
+.btn-gradient:hover {
+  opacity: 0.70;
+}
+
+.text-gradient {
+  background-image: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
+  background-size: 300% 300%;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  animation: gradient-shimmer 3s ease-out infinite alternate;
+}

package/dist/assets/css/global/chatsy.scss

@@ -0,0 +1,46 @@
+/*
+  Chatsy Pre-chat Button Styles
+*/
+
+#prechat-btn {
+  position: fixed;
+  background: #237AFC;
+  color: #fff;
+  width: 60px;
+  height: 60px;
+  text-align: center;
+  line-height: 1;
+  border-radius: 50%;
+  right: 20px;
+  bottom: 20px;
+  transition: background 0.5s;
+  z-index: 11;
+  box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
+}
+
+#prechat-btn svg {
+  color: #fff;
+  width: 50%;
+  opacity: 1.0;
+  pointer-events: none;
+}
+#prechat-btn {
+  transition: transform 167ms cubic-bezier(0.33, 0, 0, 1) 0s;
+  transform-origin: center center;
+}
+
+#prechat-btn:hover {
+  transition: transform 250ms cubic-bezier(0.33, 0, 0, 1) 0s;
+  transform: scale(1.1);
+}
+
+#prechat-btn:active {
+  transform: scale(0.85);
+  transition: transform 134ms cubic-bezier(0.45, 0, 0.2, 1) 0s;
+}
+
+@media (max-width: 768px) {
+  #prechat-btn {
+    bottom: 15px;
+  }
+}

package/dist/assets/css/global/initialize.scss

@@ -0,0 +1,7 @@
+/*
+  Initialize styles for the application.
+*/
+
+@font-face {
+  font-display: auto;
+}