Blazing-Mike

head
  meta(charset='UTF-8')
  meta(name='viewport' content='width=device-width, initial-scale=1.0')
  
div(style="max-width: 512px; margin: 32px auto; overflow: hidden; border: 1px solid #e5e7eb; font-weight: 500; border-radius: 8px; background: #FAFAFA")
  //- Header
  div(style="border-bottom: 1px solid #f3f4f6; background-color: #ffffff; padding: 24px")
    div(style="display: flex; align-items: center; justify-content: space-between")
      //- Staipy Logo
      svg(width="65" height="18" viewBox="0 0 65 18" fill="none" xmlns="http://www.w3.org/2000/svg" style="height: 18px")

Blazing-Mike

/* 
 * Staipy Email Templates - Unified CSS
 * Generated from Pug templates for backend integration
 * Compatible with major email clients (Gmail, Outlook, Apple Mail, etc.)
 * 
 * Based on templates: verify-email, password-reset, receiver-invoice, transaction,
 * invoice-sent, invoice-completed, invoice-incompleted
 */

/* Reset and Base Styles */

Blazing-Mike

document.addEventListener('DOMContentLoaded', function() {
  // 1. Find all FAQ item containers
  const faqItems = document.querySelectorAll('.faq-item'); // Use the class you defined

  // 2. Check if any FAQs were found
  if (faqItems.length > 0) {
    // 3. Prepare the basic structure for FAQPage schema
    const faqSchema = {
      "@context": "https://schema.org",
      "@type": "FAQPage",

Blazing-Mike

console.log("hello webflow");
alert("Hello World!");

Blazing-Mike

<div class="wrapper">
  <div class="imageContainer">
    <div class="example-img-container" style="--interval:7939.155745263944">
      <img src="https://a.storyblok.com/f/144881/7a42170da0/orchardside-school-41.jpg/m/500x0" alt="" loading="lazy">
      <img src="https://a.storyblok.com/f/144881/2048x1365/2dc5855066/ws_neonflex_illuminated-signs_58.jpg/m/500x0" alt="" loading="lazy">
    </div>
      <div class="example-img-container" style="--interval:9939.155745263944">
      <img src="https://a.storyblok.com/f/144881/7a42170da0/orchardside-school-41.jpg/m/500x0" alt="" loading="lazy">
      <img src="https://a.storyblok.com/f/144881/2048x1365/2dc5855066/ws_neonflex_illuminated-signs_58.jpg/m/500x0" alt="" loading="lazy">
    </div>

Blazing-Mike

import { ComponentFixture, TestBed } from '@angular/core/testing';

import { ButtonComponent } from './button.component';

describe('ButtonComponent', () => {
  let component: ButtonComponent;
  let fixture: ComponentFixture<ButtonComponent>;

  beforeEach(async () => {
    await TestBed.configureTestingModule({

Blazing-Mike

.bg-button {
  background-color: #140c00;
}

.btn-success.disabled,
.btn-success:disabled {
  cursor: not-allowed;
}

:host {

Blazing-Mike

import {
  Component,
  Input,
  EventEmitter,
  Output,
  ChangeDetectionStrategy,
} from '@angular/core';

@Component({
  selector: 'app-button',

Blazing-Mike

<button class="btn btn-dark nob-btn" type="{{ buttonType }}" [disabled]="loading" (click)="onButtonClick()">
  <span class="my-3">{{ buttonText }}</span>
  <div class="spinner-border spinner-border-sm absolute text-white font-size-10 fw-bold float-right" *ngIf="loading"
    role="status">
    <span class="sr-only">Loading...</span>
  </div>
</button>

Blazing-Mike

export const OfflineStatusModal = () => {

  return (

      <div className="justify-center items-center bg-black/80 flex overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none">
        <div className="relative w-auto my-6 mx-auto max-w-3xl">
          {/*content*/}
          <div className="border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-background outline-none focus:outline-none">