tecitheme 0.8.1 → 0.9.0

package/dist/components/TrialForm.svelte

@@ -0,0 +1,296 @@
+<script>import CountrySelector from "./CountrySelector.svelte";
+import Icon from "./Icon.svelte";
+import { onMount } from "svelte";
+import { scrollTo, validateEmail } from "../utils.js";
+import { variables } from "../variables";
+onMount(() => {
+    setTimeout(() => {
+        timePassed = true;
+    }, 3000);
+});
+let resellerModal = false;
+let country = "sel";
+let name = "";
+let email = "";
+let product = 0;
+let valid = false;
+let message = "";
+let error = "";
+let answer = "";
+let submitted = false;
+let waiting = false;
+let timePassed = false;
+$: if (country != "sel" &&
+    name != "" &&
+    validateEmail(email) &&
+    product != 0 &&
+    answer == "" &&
+    timePassed) {
+    valid = true;
+}
+else {
+    valid = false;
+}
+$: if (submitted == true && message == "") {
+    waiting = true;
+    scrollTo("trial-request");
+}
+else {
+    waiting = false;
+}
+const submitForm = async () => {
+    submitted = true;
+    error = "";
+    try {
+        const submit = await fetch(variables.trialEndpoint, {
+            method: "POST",
+            body: JSON.stringify({
+                name,
+                email,
+                country,
+                product,
+            }),
+        });
+        message = await submit.json();
+    }
+    catch (err) {
+        console.log(err);
+    }
+};
+</script>
+
+<div class="mt-10 sm:mt-0">
+  <div class="mt-8 md:grid md:grid-cols-3 md:gap-6">
+    <div class="md:col-span-1">
+      <div class="prose px-4 sm:px-0">
+        <h2>30-day Trial Request</h2>
+        <p>
+          Please complete the form and click "Send Request". <b
+            >All fields are required.</b
+          >
+        </p>
+        <p>
+          Within a few minutes, you will receive an email message containing a
+          download link.
+        </p>
+        <p>
+          If you need assistance, please send an email to <a
+            href="mailto:sales@thunderheadeng.com">sales</a
+          >.
+        </p>
+      </div>
+    </div>
+    <div class="mt-5 md:col-span-2 md:mt-0">
+      <form id="trial-request" on:submit|preventDefault={submitForm}>
+        <div class="overflow-hidden border shadow">
+          {#if message}
+            <div class="prose bg-white px-4 py-5 sm:p-6">
+              <p>
+                Thank you <strong>{message.name}</strong> for requesting a trial
+                of {#if message.product == 1}PyroSim{:else if message.product == 2}Pathfinder{:else if message.product == 3}PyroSim
+                  and Pathfinder{/if}!<br />
+                You will receive an email to <strong>{message.email}</strong>
+                with your activation key{#if message.product == 3}s{/if}
+                in a few moments.
+              </p>
+              {#if message.product == 1}
+                <h3>PyroSim</h3>
+                <p>
+                  To download the most recent version visit the <a
+                    href="https://support.thunderheadeng.com/pyrosim/"
+                    >PyroSim Support</a
+                  > page.
+                </p>
+              {:else if message.product == 2}
+                <h3>Pathfinder</h3>
+                <p>
+                  To download the most recent version visit the <a
+                    href="https://support.thunderheadeng.com/pathfinder/"
+                    >Pathfinder Support</a
+                  > page.
+                </p>
+              {:else if message.product == 3}
+                <h3>PyroSim</h3>
+                <p>
+                  To download the most recent version visit the <a
+                    href="https://support.thunderheadeng.com/pyrosim/"
+                    >PyroSim Support</a
+                  > page.
+                </p>
+                <h3>Pathfinder</h3>
+                <p>
+                  To download the most recent version visit the <a
+                    href="https://support.thunderheadeng.com/pathfinder/"
+                    >Pathfinder Support</a
+                  > page.
+                </p>
+              {/if}
+              <h3>Need Help?</h3>
+              <p>
+                Please email <a href="mailto:support@thunderheadeng.com"
+                  >support@thunderheadeng.com</a
+                > if you have any questions.
+              </p>
+            </div>
+          {:else if error}
+            <p>There was an error: {error}</p>
+          {:else if waiting}
+            <div id="waiting" class="mx-auto p-12">
+              <p class="pb-8 text-center font-bold">
+                Waiting for Trial Approval...
+              </p>
+              <Icon classes="h-24 w-24 mx-auto animate-pulse" />
+            </div>
+          {:else}
+            <div class="space-y-6 bg-white px-4 py-5 sm:p-6">
+              <fieldset>
+                <div>
+                  <legend class="text-lg font-bold text-gray-900">
+                    Personal Information
+                  </legend>
+                </div>
+                <div class="flex flex-row items-center pt-4 align-middle">
+                  <label
+                    for="name"
+                    class="block whitespace-nowrap pr-2 font-medium text-gray-700"
+                  >
+                    Full Name:
+                  </label>
+                  <input
+                    id="name"
+                    type="text"
+                    name="name"
+                    bind:value={name}
+                    class="w-full border-0 border-b-2 border-gray-500 p-1"
+                  />
+                </div>
+                <div class="flex flex-row items-center pt-4 align-middle">
+                  <label
+                    for="email"
+                    class="block pr-2 font-medium text-gray-700"
+                  >
+                    Email:
+                  </label>
+                  <input
+                    id="email"
+                    type="text"
+                    name="email"
+                    bind:value={email}
+                    class="w-full border-0 border-b-2 border-gray-500 p-1"
+                  />
+                </div>
+                <div class="flex flex-row items-center pt-4 align-middle">
+                  <label
+                    for="country"
+                    class="block pr-2 font-medium text-gray-700"
+                  >
+                    Country:
+                  </label>
+                  <input
+                    id="country"
+                    type="hidden"
+                    name="country"
+                    value={country}
+                  />
+                  <CountrySelector
+                    bind:selection={country}
+                    bind:resellerModal
+                  />
+                </div>
+              </fieldset>
+              <fieldset>
+                <div>
+                  <legend class="text-lg font-bold text-gray-900">
+                    What would you like to try?
+                  </legend>
+                </div>
+                <div class="mt-4 space-y-4">
+                  <div class="flex items-center">
+                    <input
+                      id="pyrosim"
+                      name="product"
+                      type="radio"
+                      value={1}
+                      bind:group={product}
+                      class="h-4 w-4 border-gray-300 text-blue-600 focus:ring-teci-blue-dark"
+                    />
+                    <label
+                      for="pyrosim"
+                      class="ml-3 block text-sm font-medium text-gray-700"
+                    >
+                      PyroSim
+                    </label>
+                  </div>
+                  <div class="flex items-center">
+                    <input
+                      id="pathfinder"
+                      name="product"
+                      type="radio"
+                      value={2}
+                      bind:group={product}
+                      class="h-4 w-4 border-gray-300 text-blue-600 focus:ring-teci-blue-dark"
+                    />
+                    <label
+                      for="pathfinder"
+                      class="ml-3 block text-sm font-medium text-gray-700"
+                    >
+                      Pathfinder
+                    </label>
+                  </div>
+                  <div class="flex items-center">
+                    <input
+                      id="pyropath"
+                      name="product"
+                      type="radio"
+                      value={3}
+                      bind:group={product}
+                      class="h-4 w-4 border-gray-300 text-blue-600 focus:ring-teci-blue-dark"
+                    />
+                    <label
+                      for="pyropath"
+                      class="ml-3 block text-sm font-medium text-gray-700"
+                    >
+                      PyroSim and Pathfinder
+                    </label>
+                  </div>
+                </div>
+              </fieldset>
+              <input
+                class="confident"
+                id="answer"
+                type="text"
+                name="answer"
+                bind:value={answer}
+                placeholder="Correct answers only..."
+              />
+            </div>
+            <div class="px-4 py-3 text-right sm:px-6">
+              <button
+                type="submit"
+                disabled={!valid}
+                class="inline-flex justify-center border border-transparent py-2 px-4 text-sm font-medium text-white shadow-sm {valid ===
+                true
+                  ? 'bg-teci-blue-light hover:bg-teci-blue-dark focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2'
+                  : 'cursor-not-allowed bg-gray-300'}"
+              >
+                Send Request
+              </button>
+              {#if answer}
+                <p>
+                  Something is wrong with the form, please email
+                  support@thunderheadeng.com.
+                </p>
+              {/if}
+            </div>
+          {/if}
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+
+<style>
+  .confident {
+    @apply hidden;
+  }
+</style>

package/dist/components/TrialForm.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type TrialFormProps = typeof __propDef.props;
+export type TrialFormEvents = typeof __propDef.events;
+export type TrialFormSlots = typeof __propDef.slots;
+export default class TrialForm extends SvelteComponent<TrialFormProps, TrialFormEvents, TrialFormSlots> {
+}
+export {};

package/dist/components/Video.svelte

@@ -0,0 +1,125 @@
+<script>
+  import { onMount } from 'svelte'
+
+  export let data={};
+  export let v = undefined;
+  export let thumbnail = undefined;
+
+  let videoID="";
+  let thumb="";
+  let youtube=false;
+  let videoURL="";
+  let id
+
+  if (data.v) {
+    id = `video-${encodeURIComponent(data.v).toLowerCase()}`
+  } else if (v) {
+    id = `video-${encodeURIComponent(v).toLowerCase()}`
+  }
+
+  onMount(() => {
+    var lazyVideos = [].slice.call(document.querySelectorAll("video.lazy"));
+
+    if ("IntersectionObserver" in window) {
+      var lazyVideoObserver = new IntersectionObserver(function(entries, observer) {
+        entries.forEach(function(video) {
+          if (video.isIntersecting) {
+            for (var source in video.target.children) {
+              var videoSource = video.target.children[source];
+              if (typeof videoSource.tagName === "string" && videoSource.tagName === "SOURCE") {
+                videoSource.src = videoSource.dataset.src;
+              }
+            }
+
+            video.target.load();
+            video.target.classList.remove("lazy");
+            lazyVideoObserver.unobserve(video.target);
+          }
+        });
+      });
+
+      lazyVideos.forEach(function(lazyVideo) {
+        lazyVideoObserver.observe(lazyVideo);
+      });
+    }
+  })
+
+  if (v) {
+    if (v.includes("mp4")) {
+      youtube = false;
+      videoURL = `https://teci.imgix.net/www/videos/${v}`;
+    } else {
+      youtube = true;
+      videoID = v;
+    };
+  } else if (data.v) {
+    if (data.v.includes("mp4")) {
+      youtube = false;
+      videoURL = `https://teci.imgix.net/www/videos/${data.v}`;
+    } else {
+      youtube = true;
+      videoID = data.v;
+    };
+  } else {
+    videoID = "";
+    videoURL = "";
+  };
+
+  if (thumbnail) {
+    thumb = `https://teci.imgix.net/www/images/${thumbnail}?w=1214&fit=clip&auto=compress&auto=format`;
+  } else if (data.thumbnail) {
+    thumb = `https://teci.imgix.net/www/images/${data.thumbnail}?w=1214&fit=clip&auto=compress&auto=format`;
+  } else if (videoID) {
+    if (youtube) {
+      thumb = `https://i.ytimg.com/vi/${videoID}/maxresdefault.jpg`;
+    }
+  }
+</script>
+
+<section {id} class="aspect-video not-prose w-full border border-gray-200 bg-black shadow-md">
+  {#if youtube}
+    <iframe
+    title="YouTube Video ID {videoID}"
+    class="aspect-video w-full"
+    frameborder="0"
+    allow="autoplay; encrypted-media"
+    allowfullscreen
+    src="https://www.youtube.com/embed/${videoID}?autoplay=1&start=0&mute=1"
+    srcdoc="{`
+      <style>
+        body, .youtubeembed {
+        width: 100%;
+        height: 100%;
+        margin: 0;
+        position: absolute;
+        display: flex;
+        justify-content: center;
+        object-fit: cover;
+        }
+      </style>
+      <a
+        href='https://www.youtube.com/embed/${videoID}?autoplay=1&start=0&mute=1'
+        class='youtubeembed'
+      >
+        <img
+          src='${thumb}'
+          class='youtubeembed'
+        />
+        <svg
+          version='1.1'
+          viewBox='0 0 68 48'
+          width='68px'
+          style='position: relative;'
+        >
+          <path d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z' fill='#f00'></path>
+          <path d='M 45,24 27,14 27,34' fill='#fff'></path>
+        </svg>
+      </a>
+    `}"
+  />
+  {:else}
+    <video class="lazy aspect-video w-full" autoplay muted loop playsinline controls poster={thumb}>
+      <source data-src={videoURL} type="video/mp4">
+    </video>
+  {/if}  
+</section>

package/dist/components/Video.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  VideoProps */
+/** @typedef {typeof __propDef.events}  VideoEvents */
+/** @typedef {typeof __propDef.slots}  VideoSlots */
+export default class Video extends SvelteComponent<{
+    data?: {};
+    v?: any;
+    thumbnail?: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type VideoProps = typeof __propDef.props;
+export type VideoEvents = typeof __propDef.events;
+export type VideoSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        data?: {};
+        v?: any;
+        thumbnail?: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/components/Wrap.svelte

@@ -0,0 +1,12 @@
+<script>
+  export let tag = "div";
+  export let when = true;
+</script>
+
+{#if when}
+  <svelte:element this={tag} {...$$restProps}>
+    <slot />
+  </svelte:element>
+{:else}
+  <slot />
+{/if}

package/dist/components/Wrap.svelte.d.ts

@@ -0,0 +1,31 @@
+/** @typedef {typeof __propDef.props}  WrapProps */
+/** @typedef {typeof __propDef.events}  WrapEvents */
+/** @typedef {typeof __propDef.slots}  WrapSlots */
+export default class Wrap extends SvelteComponent<{
+    [x: string]: any;
+    tag?: string;
+    when?: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type WrapProps = typeof __propDef.props;
+export type WrapEvents = typeof __propDef.events;
+export type WrapSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        tag?: string;
+        when?: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/dist/get-content.d.ts

@@ -0,0 +1,9 @@
+export default getContent;
+declare function getContent(content?: string): Promise<{
+    title: any;
+    content: any;
+    summary: any;
+    date: Date;
+    slug: string;
+    categories: any;
+}[]>;

package/dist/get-content.js

@@ -0,0 +1,98 @@
+// get-content.js
+// HTML parser from https://github.com/html-to-text/node-html-to-text
+import { convert } from "html-to-text";
+import { PUBLIC_BUILD_MODE } from '$env/static/public';
+
+const getContent = async (content='') => {
+
+  let indexData = [];
+  let iterableContentFiles = Object.entries([]);
+  let sortedIndex = [];
+
+  // Use 'content' variable to determine files to import.
+  switch (content) {
+    case "news":
+      iterableContentFiles = Object.entries(
+        import.meta.glob("/src/routes/news/*(!(+page)).md")
+      );
+      break;
+    default:
+      iterableContentFiles = Object.entries(
+        import.meta.glob("/src/routes/**/*(!(+page)).md")
+      );
+  }
+
+  const allContent = await Promise.all(
+    iterableContentFiles.map(async ([path, resolver]) => {
+      const contentPath = path.slice(11, -3);
+      const file = await resolver();
+      const metadata = file.metadata;
+      const today = new Date();
+
+      if (
+        metadata.notIndexed ||
+        (PUBLIC_BUILD_MODE=='development' ? false : metadata.draft) ||
+        (PUBLIC_BUILD_MODE=='development' ? false : new Date(metadata.date) > today)
+      ) {
+        return;
+      } else {
+        var html = file.default.render().html;
+        var plaintext = convert(html, {
+          baseElements: {
+            orderBy: "occurrence",
+          },
+          wordwrap: false,
+          selectors: [
+            { selector: "h1", format: "skip" },
+            { selector: "h2", options: { uppercase: false } },
+            { selector: "a", options: { ignoreHref: true } },
+            { selector: "a.button", format: "skip" },
+            { selector: "a.btn", format: "skip" },
+            { selector: "aside", format: "skip" },
+            { selector: "ul", options: { itemPrefix: "- " } },
+            { selector: "img", format: "skip" },
+          ],
+        })
+          .replace(/\n\n\n/gm, " ")
+          .replace(/\n\n/g, " ")
+          .replace(/\n/g, " ")
+          .replace(/\"/g, "'")
+          .trim();
+
+        if (metadata && contentPath && plaintext) {
+          return {
+            meta: metadata,
+            path: contentPath,
+            text: plaintext,
+          };
+        }
+      }
+    })
+  );
+
+  for (let i = 0; i < allContent.length; i++) {
+    if (allContent[i]) {
+      let today = new Date();
+      let postdate = allContent[i].meta.date
+        ? new Date(allContent[i].meta.date)
+        : today;
+      let entry = {
+        title: allContent[i].meta.title,
+        content: allContent[i].text,
+        summary: allContent[i].meta.summary,
+        date: postdate,
+        slug: allContent[i].path,
+        categories: allContent[i].meta.categories,
+      };
+      indexData.push(entry);
+    } else {
+      continue;
+    }
+  }
+
+  sortedIndex = indexData.slice().sort((a, b) => new Date(b.date) - new Date(a.date));
+
+  return sortedIndex;
+}
+
+export default getContent

package/dist/index.d.ts

@@ -0,0 +1,31 @@
+export * from "./utils.js";
+export { default as getContent } from "./get-content.js";
+export { default as Accordion } from "./components/Accordion.svelte";
+export { default as Banner } from "./components/Banner.svelte";
+export { default as Button } from "./components/Button.svelte";
+export { default as Card } from "./components/Card.svelte";
+export { default as CognitoForm } from "./components/CognitoForm.svelte";
+export { default as ContentTwoColumns } from "./components/ContentTwoColumns.svelte";
+export { default as CountrySelector } from "./components/CountrySelector.svelte";
+export { default as CTA } from "./components/CTA.svelte";
+export { default as CTASplitImage } from "./components/CTASplitImage.svelte";
+export { default as FeatureGrid } from "./components/FeatureGrid.svelte";
+export { default as Figure } from "./components/Figure.svelte";
+export { default as Footer } from "./components/Footer.svelte";
+export { default as Header } from "./components/Header.svelte";
+export { default as HeadingCentered } from "./components/HeadingCentered.svelte";
+export { default as Hero } from "./components/Hero.svelte";
+export { default as Icon } from "./components/Icon.svelte";
+export { default as LogoCloud } from "./components/LogoCloud.svelte";
+export { default as Math } from "./components/Math.svelte";
+export { default as MediaFeature } from "./components/MediaFeature.svelte";
+export { default as Modal } from "./components/Modal.svelte";
+export { default as NewsGrid } from "./components/NewsGrid.svelte";
+export { default as PricingTable } from "./components/PricingTable.svelte";
+export { default as SidebarContent } from "./components/SidebarContent.svelte";
+export { default as Stats } from "./components/Stats.svelte";
+export { default as Testimonial } from "./components/Testimonial.svelte";
+export { default as ThreeColumn } from "./components/ThreeColumn.svelte";
+export { default as TrialForm } from "./components/TrialForm.svelte";
+export { default as Video } from "./components/Video.svelte";
+export { default as Wrap } from "./components/Wrap.svelte";

package/dist/index.js

@@ -0,0 +1,31 @@
+export * from './utils.js';
+export { default as getContent } from './get-content.js';
+export { default as Accordion } from './components/Accordion.svelte';
+export { default as Banner } from './components/Banner.svelte';
+export { default as Button } from './components/Button.svelte';
+export { default as Card } from './components/Card.svelte';
+export { default as CognitoForm } from './components/CognitoForm.svelte';
+export { default as ContentTwoColumns } from './components/ContentTwoColumns.svelte';
+export { default as CountrySelector } from './components/CountrySelector.svelte';
+export { default as CTA } from './components/CTA.svelte';
+export { default as CTASplitImage } from './components/CTASplitImage.svelte';
+export { default as FeatureGrid } from './components/FeatureGrid.svelte';
+export { default as Figure } from './components/Figure.svelte';
+export { default as Footer } from './components/Footer.svelte';
+export { default as Header } from './components/Header.svelte';
+export { default as HeadingCentered } from './components/HeadingCentered.svelte';
+export { default as Hero } from './components/Hero.svelte';
+export { default as Icon } from './components/Icon.svelte';
+export { default as LogoCloud } from './components/LogoCloud.svelte';
+export { default as Math } from './components/Math.svelte';
+export { default as MediaFeature } from './components/MediaFeature.svelte';
+export { default as Modal } from './components/Modal.svelte';
+export { default as NewsGrid } from './components/NewsGrid.svelte';
+export { default as PricingTable } from './components/PricingTable.svelte';
+export { default as SidebarContent } from './components/SidebarContent.svelte';
+export { default as Stats } from './components/Stats.svelte';
+export { default as Testimonial } from './components/Testimonial.svelte';
+export { default as ThreeColumn } from './components/ThreeColumn.svelte';
+export { default as TrialForm } from './components/TrialForm.svelte';
+export { default as Video } from './components/Video.svelte';
+export { default as Wrap } from './components/Wrap.svelte';