### Onboarding App Return Guides
Source: https://ocasta.com/solutions/onboarding-app/
HTML structure for specific how-to guides related to processing returns. Each guide includes a title, category, and a brief description.
```html
How to process a return for online orders
Policy
Return policy overview
Quick Guide
Generating return shipping labels
Process Guide
How to handle damaged item returns
Troubleshooting
Processing returns without original receipt
Quick Guide
Issuing refunds vs. store credit
Policy
International returns process
Process Guide
```
--------------------------------
### Onboarding Guides and Policies
Source: https://ocasta.com/solutions/preboarding-app/
Provides access to a comprehensive set of guides and policies for employee onboarding. Covers various operational aspects from returns processing to employee expenses and location-specific information.
```APIDOC
ContentModules:
- Module: ReturnsProcessing
Guides:
- HowTo: Process a return for online orders
- Policy: Return policy overview
- QuickGuide: Generating return shipping labels
- ProcessGuide: Handling damaged item returns
- Troubleshooting: Processing returns without original receipt
- QuickGuide: Issuing refunds vs. store credit
- Policy: International returns process
- ProcessGuide: Processing an exchange
- SystemGuide: Using the returns management system
- Checklist: Return processing checklist
- Module: OrderProcessing
Guides:
- ProcessGuide: Order processing workflow overview
- Module: EmployeeExpenses
Guides:
- ProcessGuide: Processing employee expenses
- Module: LocationInformation
Guides:
- LocationGuide: Parking for Brighton warehouse
- VisitorInformation: Visitor parking options and directions
- Module: EmployeePolicy
Guides:
- EmployeePolicy: Employee parking permit information
- Module: LLOPCertification
Guides:
- LLOP: What is LLOP? (low-level order picker)
- LLOP: How to become LLOP certified
- LLOP: LLOP training requirements
```
--------------------------------
### WordPress Localization Setup
Source: https://ocasta.com/tools/site-visit-checklist-audit-generator/
Configures WordPress internationalization (i18n) by setting locale data for specific domains. This ensures that translated strings are correctly loaded and applied within the WordPress environment.
```javascript
var leadin_wordpress = {"userRole":"visitor","pageType":"page","leadinPluginVersion":"11.3.16"};
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
( function( domain, translations ) {
var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
localeData[""]["domain"] = domain;
wp.i18n.setLocaleData( localeData, domain );
} )( "default", {"translation-revision-date":"2025-04-06 12:37:11+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"en_GB"},"Tilde":["Tilde"],"Backtick":["Backtick"],"Period":["Period"],"Comma":["Comma"]}},"comment":{"reference":"wp-includes\/js\/dist\/keycodes.js"}} );
```
```javascript
( function( domain, translations ) {
var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
localeData[""]["domain"] = domain;
wp.i18n.setLocaleData( localeData, domain );
} )( "default", {"translation-revision-date":"2025-04-06 12:37:11+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"en_GB"},"Notifications":["Notifications"]}},"comment":{"reference":"wp-includes\/js\/dist\/a11y.js"}} );
```
```javascript
( function( domain, translations ) {
var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
localeData[""]["domain"] = domain;
wp.i18n.setLocaleData( localeData, domain );
} )( "default", {"translation-revision-date":"2025-04-06 12:37:11+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"en_GB"},"%s applied.":["%s applied."],"%s removed.":["%s removed."]}},"comment":{"reference":"wp-includes\/js\/dist\/rich-text.js"}} );
```
```javascript
( function( domain, translations ) {
var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
localeData[""]["domain"] = domain;
wp.i18n.setLocaleData( localeData, domain );
} )( "default", {"translation-revision-date":"2025-04-06 12:37:11+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"en_GB"},"%1$s Block. Row %2$d":["%1$s Block. Row %2$d"],"Design":["Design"],"%s Block":["%s Block"],"%1$s Block. %2$s":["%1$s Block. %2$s"],"%1$s Block. Column %2$d":["%1$s Block. Column %2$d"],"%1$s Block. Column %2$d. %3$s":["%1$s Block. Column %2$d. %3$s"],"%1$s Block. Row %2$d. %3$s":["%1$s Block. Row %2$d. %3$s"],"Reusable blocks":["Reusable blocks"],"Embeds":["Embeds"],"Text":["Text"],"Widgets":["Widgets"],"Theme":["Theme"],"Media":["Media"]}},"comment":{"reference":"wp-includes\/js\/dist\/blocks.js"}} );
```
```javascript
( function( domain, translations ) {
var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
localeData[""]["domain"] = domain;
wp.i18n.setLocaleData( localeData, domain );
} )( "default", {"translation-revision-date":"2025-04-06 12:37:11+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"mes
```
--------------------------------
### Rocket Preload Links Library
Source: https://ocasta.com/platform/new-starter/
Implements a prefetching mechanism for web pages. It initializes listeners for user interactions and preloads linked resources based on configuration and user behavior to enhance browsing speed. Dependencies include a browser compatibility checker and a configuration object.
```javascript
var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[
{
key:"init",
value:function(){
!this.browser.supportsLinkPrefetch() || this.browser.isDataSaverModeOn() || this.browser.isSlowConnection() || (
this.regex = {
excludeUris: RegExp(this.config.excludeUris, "i"),
images: RegExp(".(" + this.config.imageExt + ")$", "i"),
fileExt: RegExp(".(" + this.config.fileExt + ")$", "i")
},
this._initListeners(this)
)
}
},
{
key:"_initListeners",
value:function(e){
-1 < this.config.onHoverDelay && document.addEventListener("mouseover", e.listener.bind(e), e.listenerOptions),
document.addEventListener("mousedown", e.listener.bind(e), e.listenerOptions),
document.addEventListener("touchstart", e.listener.bind(e), e.listenerOptions)
}
},
{
key:"listener",
value:function(e){
var t = e.target.closest("a"),
n = this._prepareUrl(t);
if (null !== n) switch (e.type) {
case "mousedown":
case "touchstart":
this._addPrefetchLink(n);
break;
case "mouseover":
this._earlyPrefetch(t, n, "mouseout")
}
}
},
{
key:"_earlyPrefetch",
value:function(t, e, n){
var i = this,
r = setTimeout(function(){
if (r = null, 0 === i.numOnHover) setTimeout(function() { return i.numOnHover = 0 }, 1e3);
else if (i.numOnHover > i.config.rateThrottle) return;
i.numOnHover++, i._addPrefetchLink(e)
}, this.config.onHoverDelay);
t.addEventListener(n, function e() {
t.removeEventListener(n, e, {passive: !0}), null !== r && (clearTimeout(r), r = null)
}, {passive: !0})
}
},
{
key:"_addPrefetchLink",
value:function(i){
return this.prefetched.add(i.href),
new Promise(function(e, t) {
var n = document.createElement("link");
n.rel = "prefetch",
n.href = i.href,
n.onload = e,
n.onerror = t,
document.head.appendChild(n)
}).catch(function() {})
}
},
{
key:"_prepareUrl",
value:function(e){
if (null === e || "object" !== (void 0 === e ? "undefined" : r(e)) || !1 in e || -1 === ["http:", "https:"].indexOf(e.protocol)) return null;
var t = e.href.substring(0, this.config.siteUrl.length),
n = this._getPathname(e.href, t),
i = {
original: e.href,
protocol: e.protocol,
origin: t,
pathname: n,
href: t + n
};
return this._isLinkOk(i) ? i : null
}
},
{
key:"_getPathname",
value:function(e, t){
var n = t ? e.substring(this.config.siteUrl.length) : e;
return n.startsWith("/") || (n = "/" + n),
this._shouldAddTrailingSlash(n) ? n + "/" : n
}
},
{
key:"_shouldAddTrailingSlash",
value:function(e){
return this.config.usesTrailingSlash && !e.endsWith("/") && !this.regex.fileExt.test(e)
}
},
{
key:"_isLinkOk",
value:function(e){
return null !== e && "object" === (void 0 === e ? "undefined" : r(e)) && (!this.prefetched.has(e.href) && e.origin === this.config.siteUrl && -1 === e.href.indexOf("?") && -1 === e.href.indexOf("#") && !this.regex.excludeUris.test(e.href) && !this.regex.images.test(e.href))
}
}
], [
{
key: "run",
value: function(){
"undefined" != typeof RocketPreloadLinksConfig && new n(new RocketBrowserCompatibilityChecker({capture: !0, passive: !0}), RocketPreloadLinksConfig).init()
}
}
]), n}();t.run();
```
--------------------------------
### Ocasta Project Image Assets
Source: https://ocasta.com/platform/new-starter/
Lists the image assets used within the Ocasta project, including their file paths and associated links.
```html
```
--------------------------------
### WordPress i18n Locale Data Setup
Source: https://ocasta.com/tools/training-observation-question-generator/
Configures WordPress internationalization (i18n) settings by loading locale-specific translation data. This ensures text strings are correctly translated based on the user's locale.
```javascript
( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "default", {"translation-revision-date":"2025-04-06 12:37:11+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"en_GB"},"Tilde":["Tilde"],"Backtick":["Backtick"],"Period":["Period"],"Comma":["Comma"]}},"comment":{"reference":"wp-includes\/js\/dist\/keycodes.js"}} );
```
```javascript
( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "default", {"translation-revision-date":"2025-04-06 12:37:11+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"en_GB"},"Notifications":["Notifications"]}},"comment":{"reference":"wp-includes\/js\/dist\/a11y.js"}} );
```
```javascript
( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "default", {"translation-revision-date":"2025-04-06 12:37:11+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"en_GB"},"%s applied.":["%s applied."],"%s removed.":["%s removed."]}},"comment":{"reference":"wp-includes\/js\/dist\/rich-text.js"}} );
```
```javascript
( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "default", {"translation-revision-date":"2025-04-06 12:37:11+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"en_GB"},"%1$s Block. Row %2$d":["%1$s Block. Row %2$d"],"Design":["Design"],"%s Block":["%s Block"],"%1$s Block. %2$s":["%1$s Block. %2$s"],"%1$s Block. Column %2$d":["%1$s Block. Column %2$d"],"%1$s Block. Column %2$d. %3$s":["%1$s Block. Column %2$d. %3$s"],"%1$s Block. Row %2$d. %3$s":["%1$s Block. Row %2$d. %3$s"],"Reusable blocks":["Reusable blocks"],"Embeds":["Embeds"],"Text":["Text"],"Widgets":["Widgets"],"Theme":["Theme"],"Media":["Media"]}},"comment":{"reference":"wp-includes\/js\/dist\/blocks.js"}} );
```
```javascript
( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "default", {"translation-revision-date":"2025-04-06 12:37:11+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplu
```
--------------------------------
### Blocksy Website Configuration
Source: https://ocasta.com/platform/new-starter/
Configuration object for Blocksy theme/plugin features, including mega menu persistence and sticky header settings. It also lists paths to various CSS files for dynamic styling and lazy loading.
```javascript
var blocksy_data = {
"l_data": [
{
"var": "blocksyMegaMenu",
"data": {
"persistence_key": "blocksy:mega-menu:538a18"
}
}
],
"id": "blocksy_sticky_header",
"selector": "header [data-sticky]",
"url": "https:\/\/ocasta.com\/wp-content\/plugins\/blocksy-companion-pro\/static\/bundle\/sticky.js?ver=2.1.4"
};
var blocksy_dynamic_styles = {
"dynamic_styles": {
"lazy_load": "https:\/\/ocasta.com\/wp-content\/themes\/blocksy\/static\/bundle\/non-critical-styles.min.css?ver=2.1.4",
"search_lazy": "https:\/\/ocasta.com\/wp-content\/themes\/blocksy\/static\/bundle\/non-critical-search-styles.min.css?ver=2.1.4",
"back_to_top": "https:\/\/ocasta.com\/wp-content\/themes\/blocksy\/static\/bundle\/back-to-top.min.css?ver=2.1.4"
},
"dynamic_styles_selectors": [
{
"selector": ".ct-header-cart, #woo-cart-panel",
"url": "https:\/\/ocasta.com\/wp-content\/themes\/blocksy\/static\/bundle\/cart-header-element-lazy.min.css?ver=2.1.4"
},
{
"selector": ".flexy",
"url": "https:\/\/ocasta.com\/wp-content\/themes\/blocksy\/static\/bundle\/flexy.min.css?ver=2.1.4"
},
{
"selector": ".ct-media-container[data-media-id], .ct-dynamic-media[data-media-id]",
"url": "https:\/\/ocasta.com\/wp-content\/plugins\/blocksy-companion-pro\/framework\/premium\/static\/bundle\/video-lazy.min.css?ver=2.1.4"
},
{
"selector": "#account-modal",
"url": "https:\/\/ocasta.com\/wp-content\/plugins\/blocksy-companion-pro\/static\/bundle\/header-account-modal-lazy.min.css?ver=2.1.3"
},
{
"selector": ".ct-header-account",
"url": "https:\/\/ocasta.com\/wp-content\/plugins\/blocksy-companion-pro\/static\/bundle\/header-account-dropdown-lazy.min.css?ver=2.1.3"
}
]
};
```
--------------------------------
### Guide Controls
Source: https://ocasta.com/pricing/
Labels for guide controls within the interface.
```en
"Guide controls":["Guide controls"]
```
--------------------------------
### HubSpot and Clarity Analytics Integration
Source: https://ocasta.com/platform/new-starter/
Sets up HubSpot tracking and initializes Microsoft Clarity for user behavior analysis. This involves configuring HubSpot's content type and loading the Clarity tracking script.
```javascript
var _hsq = _hsq || [];
_hsq.push(["setContentType", "standard-page"]);
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);
t.async=1;
t.src="https://www.clarity.ms/tag/"+i+"?ref=wordpress";
y=l.getElementsByTagName(r)[0];
y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "rm0gid36t0");
window.hubName = "New Starter";
```
--------------------------------
### Ocasta How-To Guides and Policies
Source: https://ocasta.com/
Lists various guides and policies related to operational processes within the Ocasta ecosystem, such as processing returns, managing expenses, and handling specific store procedures. These are categorized by type like Policy, Quick Guide, Process Guide, etc.
```text
How To Guide
How to process a return for online orders
Policy
Return policy overview
Quick Guide
Generating return shipping labels
Process Guide
How to handle damaged item returns
Troubleshooting
Processing returns without original receipt
Quick Guide
Issuing refunds vs. store credit
Policy
International returns process
Process Guide
How to process an exchange
System Guide
Using the returns management system
Checklist
Return processing checklist
Process Guide
Order processing workflow overview
Process Guide
How to process employee expenses
Location Guide
Where to park for the Brighton warehouse
Visitor Information
Visitor parking options and directions
Employee Policy
Employee parking permit information
LLOP
What is LLOP? low-level order picker.
LLOP
How to become LLOP certified
LLOP
LLOP training requirements
```
--------------------------------
### CSS Image Styling
Source: https://ocasta.com/platform/new-starter/
Applies intrinsic sizing to images based on specific size attributes, ensuring proper containment within layouts.
```css
img:is("[sizes='auto' i]", "[sizes^='auto,' i]") {
contain-intrinsic-size: 3000px 1500px
}
```
--------------------------------
### RocketPreloadLinksConfig Configuration
Source: https://ocasta.com/platform/new-starter/
Configuration object for Rocket's link preloading feature. It specifies URIs to exclude from preloading, trailing slash usage, supported file extensions for preloading, site URL, and delays for hover effects and rate throttling.
```javascript
var RocketPreloadLinksConfig = {
"excludeUris": "\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/",
"usesTrailingSlash": "1",
"imageExt": "jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php",
"fileExt": "jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm",
"siteUrl": "https:\/\/ocasta.com",
"onHoverDelay": "100",
"rateThrottle": "3"
};
```
--------------------------------
### WordPress Localization Setup (Months/Years)
Source: https://ocasta.com/demo/
Completes the WordPress internationalization (i18n) setup by loading locale data for month and year names. This ensures accurate display of dates in the specified locale.
```javascript
( function( domain, translations ) {
var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
localeData[""] .domain = domain;
wp.i18n.setLocaleData( localeData, domain );
} )( "default", {"translation-revision-date":"2025-04-06 12:37:11+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"en_GB"},"December":["December"],"November":["November"],"October":["October"],"September":["Septe
```
--------------------------------
### Dynamic JavaScript Chunks Configuration
Source: https://ocasta.com/platform/new-starter/
Configuration object detailing dynamic JavaScript loading for various website features. It specifies selectors, triggers, and URLs for loading scripts on demand, enhancing performance by deferring non-critical scripts.
```json
{
"ajax_url": "https:\/\/ocasta.com\/wp-admin\/admin-ajax.php",
"public_url": "https:\/\/ocasta.com\/wp-content\/themes\/blocksy\/static\/bundle\/",
"rest_url": "https:\/\/ocasta.com\/wp-json\/",
"search_url": "https:\/\/ocasta.com\/search\/QUERY_STRING\/",
"show_more_text": "Show more",
"more_text": "More",
"search_live_results": "Search results",
"search_live_no_results": "No results",
"search_live_no_result": "No results",
"search_live_one_result": "You got %s result. Please press Tab to select it.",
"search_live_many_results": "You got %s results. Please press Tab to select one.",
"clipboard_copied": "Copied!",
"clipboard_failed": "Failed to Copy",
"expand_submenu": "Expand dropdown menu",
"collapse_submenu": "Collapse dropdown menu",
"dynamic_js_chunks": [
{
"id": "blocksy_pro_micro_popups",
"selector": ".ct-popup",
"url": "https:\/\/ocasta.com\/wp-content\/plugins\/blocksy-companion-pro\/framework\/premium\/static\/bundle\/micro-popups.js?ver=2.1.4"
},
{
"id": "blocksy_adv_cpt_filtering",
"selector": ".ct-dynamic-filter a",
"trigger": "click",
"url": "https:\/\/ocasta.com\/wp-content\/plugins\/blocksy-companion-pro\/framework\/premium\/extensions\/post-types-extra\/static\/bundle\/filtering.js?ver=2.1.4"
},
{
"id": "blocksy_adv_cpt_filtering",
"selector": ".ct-dynamic-filter, .ct-dynamic-filter + .entries",
"trigger": "hover",
"skipOnTouchDevices": true,
"url": "https:\/\/ocasta.com\/wp-content\/plugins\/blocksy-companion-pro\/framework\/premium\/extensions\/post-types-extra\/static\/bundle\/filtering.js?ver=2.1.4"
},
{
"id": "blocksy_adv_cpt_read_progress",
"selector": ".ct-read-progress-bar",
"url": "https:\/\/ocasta.com\/wp-content\/plugins\/blocksy-companion-pro\/framework\/premium\/extensions\/post-types-extra\/static\/bundle\/read-progress.js?ver=2.1.4"
},
{
"id": "blocksy_mega_menu",
"selector": ".menu .ct-ajax-pending",
"trigger": "slight-mousemove",
"url": "https:\/\/ocasta.com\/wp-content\/plugins\/blocksy-companion-pro\/framework\/premium\/extensions\/mega-menu\/static\/bundle\/main.js?ver=2.1.4",
"globa"
}
]
}
```
--------------------------------
### Moment.js Locale Update for en_GB
Source: https://ocasta.com/tools/training-observation-question-generator/
Updates the locale settings for the Moment.js library to 'en_GB'. This configures date and time formatting, including month names, weekdays, and start of the week.
```javascript
moment.updateLocale( 'en_GB', {"months":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthsShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"weekdays":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"weekdaysShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"week":{"dow":1},"longDateFormat":{"LT":"H:i","LTS":null,"L":null,"LL":"F j, Y","LLL":"j F Y H:i","LLLL":null}} );
```
--------------------------------
### Google Analytics Tracking Setup
Source: https://ocasta.com/visits-ops-store-visits/
Configures Google Analytics tracking for the website. It initializes the dataLayer and sends initial configuration events, including the measurement ID.
```javascript
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-2Y4S4BDP30');
```
--------------------------------
### WordPress Preset Definitions
Source: https://ocasta.com/platform/new-starter/
Configuration for WordPress block editor presets, including aspect ratios and color palettes. These settings define reusable styles and dimensions for content blocks.
```css
:root {
--wp--preset--aspect-ratio--square: 1;
--wp--preset--aspect-ratio--4-3: 4/3;
--wp--preset--aspect-ratio--3-4: 3/4;
--wp--preset--aspect-ratio--3-2: 3/2;
--wp--preset--aspect-ratio--2-3: 2/3;
--wp--preset--aspect-ratio--16-9: 16/9;
--wp--preset--aspect-ratio--9-16: 9/16;
--wp--preset--color--black: #000000;
--wp--preset--color--cyan-bluish-gray: #abb8c3;
--wp--preset--color--white: #ffffff;
--wp--preset--color--pale-pink: #f78da7;
--wp--preset--color--vivid-red: #cf2e2e;
--wp--preset--color--luminous-vivid-orange: #ff6900;
--wp--preset--color--luminous-vivid-amber: #fcb900;
--wp--preset--color--light-green-cyan: #7bdcb5;
--wp--preset--color--vivid-green-cyan: #00d084;
--wp--preset--color--pale-cyan-blue: #8ed1fc;
--wp--preset--color--vivid-cyan-blue: #0693e3;
--wp--preset--color--vivid-purple: #9b51e0;
--wp--preset--color--palette-color-1: var(--theme-palette-color-1, #ff5555);
--wp--preset--color--palette-color-2: var(--theme-palette-color-2, #d54545);
--wp--preset--color--palette-color-3: var(--theme-palette-color-3, #4c4c4c);
--wp--preset--color--palette-color-4: var(--theme-palette-color-4, #4C4C4C);
--wp--preset--color--palette-color-5: var(--theme-palette-color-5, #fafafa);
--wp--preset--color--palette-color-6: var(--theme-palette-color-6, rgba(255, 85, 85, 0.1));
--wp--preset--color--palette-color-7: var(--theme-palette-color-7, #fafafa);
--wp--preset--color--palette-color-8: var(--theme-palette-color-8, #ffffff);
--wp--preset--color--palette-color-9: var(--theme-palette-color-9, #1B70AC);
--wp--preset--color--palette-color-10: var(--theme-palette-color-10, #FFB048);
--wp--preset--color--palette-color-11: var(--theme-palette-color-11, #5EBC2A);
--wp--preset--color--palette-color-12: var(--theme-palette-color-12, #65498A);
--wp--preset--color--palette-color-13: var(--theme-palette-color-13, #dcdcdc);
--wp--preset--gradient--vivid-cyan-blue-to-vivid-pu
```
--------------------------------
### Frontline App Styling
Source: https://ocasta.com/platform/new-starter/
CSS styles used for structuring and styling the Frontline Pre & Onboarding App sections, including layout, responsiveness, and button appearance.
```css
#gspb_row-id-gsbp-a7797b4{justify-content:space-between;display:flex;flex-wrap:wrap;margin:0 auto 10px;padding-bottom:20px;max-width:680px}
#gspb_row-id-gsbp-a7797b4>.gspb_row__content{display:flex;justify-content:space-between;margin:0 auto;width:100%;flex-wrap:wrap}
.gspb_row{position:relative}
div[id^=gspb_col-id]{box-sizing:border-box;position:relative;padding:var(--gs-row-column-padding,15px min(3vw,20px))}
body.gspb-bodyfront #gspb_row-id-gsbp-a7797b4>.gspb_row__content{width:var(--theme-container-width,1200px);max-width:var(--theme-normal-container-max-width,1200px)}
#gspb_col-id-gsbp-9a9d889.gspb_row__col--6{width:calc(50% - 5px)}
@media (max-width:999.98px){#gspb_col-id-gsbp-9a9d889.gspb_row__col--6{width:calc(50% - 5px)}}
@media (max-width:689.98px){#gspb_col-id-gsbp-9a9d889.gspb_row__col--6{width:calc(50% - 5px)}}
@media (max-width:689.98px){#gspb_col-id-gsbp-9a9d889.gspb_row__col--6{width:100%}}
#gspb_col-id-gsbp-567fc5a.gspb_row__col--6{width:calc(50% - 5px)}
@media (max-width:999.98px){#gspb_col-id-gsbp-567fc5a.gspb_row__col--6{width:calc(50% - 5px)}}
@media (max-width:689.98px){#gspb_col-id-gsbp-567fc5a.gspb_row__col--6{width:calc(50% - 5px)}}
@media (max-width:689.98px){#gspb_col-id-gsbp-567fc5a.gspb_row__col--6{width:100%}}
#gspb_button-id-gsbp-f960d71 .gspb-buttonbox-text{display:flex;flex-direction:column}
#gspb_button-id-gsbp-f960d71>.gspb-buttonbox{box-sizing:border-box;margin-top:0;margin-bottom:0;background-color:var(--wp--preset--color--palette-color-8,var(--theme-palette-color-8,#ffffff));color:var(--wp--preset--color--palette-color-1,var(--theme-palette-color-1,#ff5555));border-style:solid;border-width:1px;border-color:var(--wp--preset--color--palette-color-1,var(--theme-palette-color-1,#ff5555))}
#gspb_button-id-gsbp-f960d71>.gspb-buttonbox:hover{color:var(--wp--preset--color--palette-color-2,var(--theme-palette-color-2,#c24040))}
#gspb_button-id-gsbp-3d42da1,#gspb_button-id-gsbp-f960d71{display:flex;justify-content:center}
#gspb_button-id-gsbp-3d42da1 .gspb-buttonbox-text{display:flex;flex-direction:column}
#gspb_button-id-gsbp-3d42da1>.gspb-buttonbox{box-sizing:border-box}
```
--------------------------------
### Google Analytics Tracking
Source: https://ocasta.com/tools/training-observation-question-generator/
This snippet configures Google Analytics by initializing the dataLayer and sending an event to track page views and configuration.
```javascript
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-2Y4S4BDP30');
```
--------------------------------
### Schema.org JSON-LD Data
Source: https://ocasta.com/platform/new-starter/
Structured data markup using Schema.org vocabulary to define entities like Person, Organization, WebSite, ImageObject, BreadcrumbList, and WebPage. This helps search engines understand the content and context of the page.
```json
{
"@context": "https://schema.org",
"@graph": [
{
"@type": ["Person", "Organization"],
"@id": "https://ocasta.com/#person",
"name": "Ocasta",
"logo": {
"@type": "ImageObject",
"@id": "https://ocasta.com/#logo",
"url": "https://ocasta.com/wp-content/uploads/2025/05/ocasta-8.svg",
"contentUrl": "https://ocasta.com/wp-content/uploads/2025/05/ocasta-8.svg",
"caption": "Ocasta",
"inLanguage": "en-GB"
},
"image": {
"@type": "ImageObject",
"@id": "https://ocasta.com/#logo",
"url": "https://ocasta.com/wp-content/uploads/2025/05/ocasta-8.svg",
"contentUrl": "https://ocasta.com/wp-content/uploads/2025/05/ocasta-8.svg",
"caption": "Ocasta",
"inLanguage": "en-GB"
}
},
{
"@type": "WebSite",
"@id": "https://ocasta.com/#website",
"url": "https://ocasta.com",
"name": "Ocasta",
"publisher": {
"@id": "https://ocasta.com/#person"
},
"inLanguage": "en-GB"
},
{
"@type": "ImageObject",
"@id": "https://ocasta.com/wp-content/uploads/2025/05/planning-on-joining.png",
"url": "https://ocasta.com/wp-content/uploads/2025/05/planning-on-joining.png",
"width": "200",
"height": "200",
"inLanguage": "en-GB"
},
{
"@type": "BreadcrumbList",
"@id": "https://ocasta.com/platform/new-starter/#breadcrumb",
"itemListElement": [
{
"@type": "ListItem",
"position": "1",
"item": {
"@id": "https://ocasta.com",
"name": "Home"
}
},
{
"@type": "ListItem",
"position": "2",
"item": {
"@id": "https://ocasta.com/platform/",
"name": "Platform"
}
},
{
"@type": "ListItem",
"position": "3",
"item": {
"@id": "https://ocasta.com/platform/new-starter/",
"name": "New starter"
}
}
]
},
{
"@type": "WebPage",
"@id": "https://ocasta.com/platform/new-starter/#webpage",
"url": "https://ocasta.com/platform/new-starter/",
"name": "Simplify Onboarding with Our New Starter App",
"datePublished": "2025-05-02T15:53:30+01:00",
"dateModified": "2025-07-15T15:48:00+01:00",
"isPartOf": {
"@id": "https://ocasta.com/#website"
},
"primaryImageOfPage": {
"@id": "https://ocasta.com/wp-content/uploads/2025/05/planning-on-joining.png"
},
"inLanguage": "en-GB",
"breadcrumb": {
"@id": "https://ocasta.com/platform/new-starter/#breadcrumb"
}
},
{
"@type": "VideoObject",
"name": "Simplify Onboarding with Our New Starter App",
"description": "Reduce first-day no-shows and increase new hire engagement with our frontline pre & onboarding app.",
"uploadDate": "2025-05-02T15:53:30+01:00",
"contentUrl": "/wp-content/plugins/ocasta-feature-blocks/assets/videos/preboarding-hello-ben-shrink-mute.mp4",
"isFamilyFriendly": "True",
"@id": "https://ocasta.com/platform/new-starter/#schema-43881",
"isPartOf": {
"@id": "https://ocasta.com/platform/new-starter/#webpage"
},
"publisher": {
"@id": "https://ocasta.com/#person"
},
"inLanguage": "en-GB",
"mainEntityOfPage": {
"@id": "https://ocasta.com/platform/new-starter/#webpage"
}
}
]
}
```