tecitheme 0.3.4 → 0.4.1

package/src/lib/site_config.json

@@ -1,11 +0,0 @@
-{
-  "showBanner": false,
-  "bannerData": {
-    "showCTA": true,
-    "shortText": "Short text in a few words to show how it works.",
-    "longText": "Long test text that goes on and on for a while with some information about something that people should know about.",
-    "ctaText": "Take Action",
-    "ctaLink": "https://www.thunderheadeng.com",
-    "allowClose": false
-  }
-}

package/src/lib/utils.js

@@ -1,92 +0,0 @@
-export function scrollTo(anchor) {
-  document.querySelector("#" + anchor).scrollIntoView({
-    behavior: "smooth",
-  });
-}
-
-export function validateEmail(email) {
-  const re =
-    /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-  return re.test(String(email).toLowerCase());
-}
-
-export const slugFromPath = (path) =>
-  path.match(/([\w-]+)\.(svelte\.md|md|svx)/i)?.[1] ?? null;
-
-export function buildToC() {
-  // Based on https://projectcodeed.blogspot.com/2020/04/an-automatic-table-of-contents.html
-
-  // Get ToC div
-  let toc = document.getElementById("ToC");
-
-  //Add a header
-  var tocHeader = document.createElement("a");
-  tocHeader.classList.add(
-    "mb-2",
-    "inline-block",
-    "w-auto",
-    "text-center",
-    "bg-gray-50",
-    "hover:bg-gray-100",
-    "py-1",
-    "px-2",
-    "border"
-  );
-  tocHeader.innerHTML =
-    "<span class='material-icons-outlined text-sm font-bold text-gray-500 align-text-bottom'>vertical_align_top</span>";
-  tocHeader.setAttribute("href", "#top");
-  tocHeader.setAttribute("title", "To Top of Page");
-  toc.appendChild(tocHeader);
-
-  // Create a list for the ToC entries
-  let tocList = document.createElement("ul");
-
-  // Find the primary content section
-  let content = document.getElementById("content");
-
-  // Get the h2 tags - ToC entries
-  let headers = content.getElementsByTagName("h2");
-
-  if (headers.length == 0) {
-    console.log("There are not any H2 elements in the document.");
-  } else {
-    // For each h2
-    for (let i = 0; i < headers.length; i++) {
-      // Get Heading ID
-      let name = headers[i].id;
-
-      // list item for the entry
-      let tocListItem = document.createElement("li");
-      tocListItem.classList.add(
-        "text-teci-blue-light",
-        "hover:text-teci-blue-dark",
-        "text-sm",
-        "truncate"
-      );
-
-      // link for the h2
-      let tocEntry = document.createElement("a");
-      tocEntry.setAttribute("href", "#" + name);
-      tocEntry.innerText = headers[i].innerText;
-
-      // add link to list item list
-      tocListItem.appendChild(tocEntry);
-
-      // add list item to list
-      tocList.appendChild(tocListItem);
-    }
-
-    // add list to toc element
-    toc.appendChild(tocList);
-
-    //Add a footer
-    //var tocFooter = document.createElement("a");
-    //tocFooter.classList.add("mt-2", "inline-block", "w-auto", "text-center", "bg-gray-50", "hover:bg-gray-100", "py-1", "px-2", "border")
-    //tocFooter.innerHTML="<span class='material-icons-outlined text-sm font-bold text-gray-500 align-text-bottom'>vertical_align_bottom</span>";
-    //tocFooter.setAttribute("href","#bottom");
-    //tocFooter.setAttribute("title","To Bottom of Page");
-    //toc.appendChild(tocFooter);
-
-    return true;
-  }
-}

package/src/lib/variables.ts

@@ -1,3 +0,0 @@
-export const variables = {
-  trialEndpoint: import.meta.env.VITE_TRIAL_ENDPOINT,
-};

package/src/routes/+layout.server.js

@@ -1,20 +0,0 @@
-import { error } from '@sveltejs/kit'
-import configFile from '$lib/site_config.json'
-
-export const prerender = true;
-
-export const load = async ({ url, fetch }) => {
-	try {
-    const posts = "/posts.json";
-    const resPosts = await fetch(posts);
-		return {
-      config: configFile,
-      newsPosts: await resPosts.json(),
-      currentURL: url.href,
-      currentHost: url.hostname,
-    } 
-	}
-	catch(err) {
-		throw error(500, err)
-	}
-}

package/src/routes/+layout.svelte

@@ -1,24 +0,0 @@
-<script>
-  import "../app.css";
-
-  /** @type {import('./$types').PageData} */
-  export let data;
-
-  import Header from "$lib/components/Header.svelte";
-  import Footer from "$lib/components/Footer.svelte";
-  import Banner from "$lib/components/Banner.svelte";
-</script>
-
-<Header />
-
-{#if data.config.showBanner}
-  <Banner {...data.config.bannerData} />
-{/if}
-
-<main
-  class="relative my-0 mx-auto box-border flex w-full max-w-7xl flex-grow flex-col py-12 px-4 sm:px-6 lg:px-8"
->
-  <slot />
-</main>
-
-<Footer />

package/src/routes/+page.md

@@ -1,61 +0,0 @@
----
-title: Home of ThunderTheme
-summary: Design System for Thunderhead Engineering.
-lastmod: 2022-05-31T22:44:15.366Z
-date: 2022-03-20T18:50:14.618Z
-page_sections:
-  - name: Section Heading
-    fieldGroup: heading-centered
-    toptext: Home of
-    title: ThunderTheme
-    subtitle: The Thunderhead Design System
-  - name: Main Content
-    fieldGroup: sidebar-content
-    fullWidth: true
-    rightRail: false
-    toc: false
-    hideTitle: true
-  - name: Modal Test
-    fieldGroup: modal
-    title: Modal Dialog
-    text: You can pop up a modal dialog with the Modal component.
-    buttonText: Click Me!
-    modalContent: <h2 class="text-lg leading-6 font-medium text-gray-900">Sweet
-      Modal!</h2> <div class="mt-2 px-7 py-3"> <p class="text-sm
-      text-gray-500">This is a demo of the Modal Dialog.</p></div>
-  - name: News Grid
-    fieldGroup: news-grid
-    title: All the News
-    subtitle: You should know.
-    pageSize: 1
-layout: blocks
----
-
-## Demo Homepage
-
-This is a demo of some components in a Markdown page.
-Where we have enough text to expand the text to full prose width when `fullWidth` is not true.
-
-## Links
-
-- [Product](/product)
-- [Pathfinder](/pathfinder)
-- [Features](/features)
-- [Sidebar](/sidebar)
-- [News Index](/news)
-  - [Post 1](/news/post1)
-  - [Post 2](/news/post2)
-- [posts.json](/posts.json)
-
-## Image for Visual Interest
-
-<Figure
-  title="Monochrome Red Frog"
-  caption="Monochrome Red Frog (http test image)"
-  image="https://static-b.imgix.net/treefrog.jpg?monochrome=990000&fit=crop&w=620&h=465"
-/>
-
-<Video
-  v="page-path-background-2.mp4"
-  thumbnail="bank-phrom-Tzm3Oyu_6sk-unsplash.jpg"
-/>

package/src/routes/features/+page.md

@@ -1,78 +0,0 @@
----
-title: Product Features
-summary: Overview of all product features.
-images: rocks.jpg
-layout: blocks
-page_sections:
-  - name: Section Heading
-    fieldGroup: heading-centered
-    toptext: Product Name
-    title: Features
-    subtitle: null
-  - name: Feature 1
-    fieldGroup: media-feature
-    image: pyrosim_libraries_386x395.png
-    imageClass: object-left-top
-    v: null
-    text: >
-      Lorem ipsum dolor sit amet, <a
-      href="https://standards.buildingsmart.org/">IFC files</a> consectetur
-      adipiscing elit. Sed faucibus, nisi finibus euismod iaculis, lorem orci
-      ultricies velit, non euismod tortor justo vel turpis. Curabitur ac magna
-      mattis, blandit est sit amet, ornare nisi.
-    ctaText: Documentation
-    ctaURL: https://support.thunderheadeng.com/docs/pyrosim/2021-4/user-manual/#_importing_cad_files
-    position: left
-  - name: Feature 2
-    fieldGroup: media-feature
-    image: pyrosim_libraries_386x395.png
-    v: XcDEfUbes04
-    text: >
-      In feugiat lectus justo, eu efficitur ex egestas et. Donec vel malesuada
-      massa, a viverra augue. Sed faucibus, nisi finibus euismod iaculis, lorem
-      orci ultricies velit, non euismod tortor justo vel turpis. Curabitur ac
-      magna mattis, blandit est sit amet, ornare nisi. Pellentesque et
-      consectetur eros. Nam lacinia, neque vitae ultrices pulvinar, lectus ipsum
-      congue nisl, quis consequat massa enim vitae urna. Donec sit amet sapien
-      mattis tellus pellentesque porttitor vel a mauris. Proin a nisl sed erat
-      porta bibendum eu sed massa. Aliquam aliquet pellentesque lectus vel
-      blandit. Vestibulum sed purus leo. Nullam arcu metus, sollicitudin ut
-      justo quis, luctus convallis massa.
-    ctaText: Documentation
-    ctaURL: https://support.thunderheadeng.com/docs/pyrosim/2021-4/user-manual/#_importing_cad_files
-    position: right
-  - name: Feature 3
-    fieldGroup: media-feature
-    image: pyrosim_libraries_386x395.png
-    link: https://www.femtc.com
-    imageClass: null
-    v: null
-    text: >
-      In feugiat lectus justo, eu efficitur ex egestas et. Donec vel malesuada
-      massa, a viverra augue. Sed faucibus, nisi finibus euismod iaculis, lorem
-      orci ultricies velit, non euismod tortor justo vel turpis. Curabitur ac
-      magna mattis, blandit est sit amet, ornare nisi. Pellentesque et
-      consectetur eros. Nam lacinia, neque vitae ultrices pulvinar, lectus ipsum
-      congue nisl, quis consequat massa enim vitae urna. Donec sit amet sapien
-      mattis tellus pellentesque porttitor vel a mauris. Proin a nisl sed erat
-      porta bibendum eu sed massa. Aliquam aliquet pellentesque lectus vel
-      blandit. Vestibulum sed purus leo. Nullam arcu metus, sollicitudin ut
-      justo quis, luctus convallis massa.
-    ctaText: Documentation
-    ctaURL: https://support.thunderheadeng.com/docs/pyrosim/2021-4/user-manual/#_importing_cad_files
-    position: left
-  - name: Feature 4
-    fieldGroup: media-feature
-    image: pyrosim_libraries_386x395.png
-    v: XcDEfUbes04
-    text: >
-      Lorem ipsum dolor sit amet, <a
-      href="https://standards.buildingsmart.org/">IFC files</a> consectetur
-      adipiscing elit. Sed faucibus, nisi finibus euismod iaculis, lorem orci
-      ultricies velit, non euismod tortor justo vel turpis. Curabitur ac magna
-      mattis, blandit est sit amet, ornare nisi.
-    ctaText: Documentation
-    ctaURL: https://support.thunderheadeng.com/docs/pyrosim/2021-4/user-manual/#_importing_cad_files
-    position: right
-lastmod: 2022-05-31T23:11:25.054Z
----

package/src/routes/news/+page.md

@@ -1,21 +0,0 @@
----
-title: News for ThunderTheme
-summary: Design System for Thunderhead Engineering.
-lastmod: 2022-06-10T00:11:24.059Z
-date: 2022-03-20T18:50:14.618Z
-page_sections:
-  - name: News Grid
-    fieldGroup: news-grid
-    title: All the News
-    subtitle: You should know.
-    pageSize: 2
-    filter:
-      - pyrosim
-      - featured
-layout: blocks
----
-
-The **NewsGrid** component has 2 inputs used to paginate and filter the items shown in the grid.
-
-- **pageSize** : The number of items displayed per page.
-- **filter** : An optional list of post 'categories' that you can filter the list by.

package/src/routes/news/[slug]/+page.svelte

@@ -1,33 +0,0 @@
-<!-- src/routes/[slug]/+page.svelte -->
-<script>
-  export let data;
-  const { title, date, summary, image } = data.meta
-  const { PostContent } = data
-
-  let featuredImage;
-
-  if (image) {
-    featuredImage = "https://teci-files.imgix.net/www/images/" + image + "?w=1200&h=627&fit=crop&auto=compress&auto=format";
-  } else {
-    featuredImage = "https://teci-files.imgix.net/www/images/teci_icon_250.png";
-  }
-</script>
-
-<svelte:head>
-	<title>{title} | Thunderhead Engineering</title>
-	<meta data-key="description" name="description" content={summary}>
-	<meta property="og:type" content="article" />
-	<meta property="og:title" content={title} />
-	<meta name="twitter:title" content={title} />
-	<meta property="og:description" content={summary} />
-	<meta name="twitter:description" content={summary} />
-  <meta name="twitter:card" content="summary_large_image" />
-  <meta name="twitter:site" content="@thunderheadeng" />
-  <meta name="twitter:creator" content="@thunderheadeng" />
-	<meta property="og:image" content={featuredImage} />
-	<meta name="twitter:card" content={featuredImage} />
-  <!-- <meta property="og:image:width" content={coverWidth} />
-	<meta property="og:image:height" content={coverHeight} /> -->
-</svelte:head>
-
-<svelte:component this={PostContent} />

package/src/routes/news/[slug]/+page.ts

@@ -1,16 +0,0 @@
-// src/routes/news/[slug]/+page.ts
-import type { PageLoad } from './$types';
-import { error } from '@sveltejs/kit'
-
-export const load = (async ({ params }) => {
-	try {	
-		const post = await import(`../${params.slug}.md`)
-
-		return {
-			PostContent: post.default,
-      meta: {... post.metadata, slug: params.slug }
-		}
-	} catch(err) {
-		throw error(404, err)
-	}
-}) satisfies PageLoad;

package/src/routes/news/filter/[tag]/+page.svelte

@@ -1,36 +0,0 @@
-<script>
-  import NewsGrid from "$lib/components/NewsGrid.svelte";
-  import { page } from '$app/stores'; 
-
-  const tagData = {
-    name: "News Grid",
-    fieldGroup: "news-grid",
-    title: "Filtered News Posts",
-    subtitle: `In the "${$page.params.tag}" category.`,
-    pageSize: 6,
-    filter: [`${$page.params.tag}`],
-  };
-</script>
-
-<svelte:head>
-	<title>{tagData.title} - {tagData.subtitle} | Thunderhead Engineering</title>
-	<meta data-key="description" name="description" content="{tagData.title} - {tagData.subtitle}">
-	<meta property="og:type" content="article" />
-	<meta property="og:title" content={tagData.title} />
-	<meta name="twitter:title" content={tagData.title} />
-	<meta property="og:description" content="{tagData.title} - {tagData.subtitle} | Thunderhead Engineering" />
-	<meta name="twitter:description" content="{tagData.title} - {tagData.subtitle} | Thunderhead Engineering" />
-  <meta name="twitter:card" content="summary_large_image" />
-  <meta name="twitter:site" content="@thunderheadeng" />
-  <meta name="twitter:creator" content="@thunderheadeng" />
-	<meta property="og:image" content="https://teci-files.imgix.net/www/images/teci_icon_250.png" />
-	<meta name="twitter:card" content="https://teci-files.imgix.net/www/images/teci_icon_250.png" />
-  <!-- <meta property="og:image:width" content={coverWidth} />
-	<meta property="og:image:height" content={coverHeight} /> -->
-</svelte:head>
-
-<NewsGrid data={tagData} />
-
-<div class="mt-8">
-  <a class="btn" href="/news" rel="external">All News Posts</a>
-</div>

package/src/routes/news/filter/[tag]/+page.ts

@@ -1,14 +0,0 @@
-// src/routes/news/filter/[tag]/+page.ts
-import type { PageLoad } from './$types';
-import { error } from '@sveltejs/kit'
-
-export const load = (async ({ params }) => {
-	try {	   
-		const postTag = (params.tag?params.tag:"")
-		return {
-			postTag
-		}
-	} catch(err) {
-		throw error(404, err)
-	}
-}) satisfies PageLoad;

package/src/routes/news/post1.md

@@ -1,45 +0,0 @@
----
-title: Demo of MDsveX and Svelte Components in Markdown
-summary: How to use Svelte components in Markdown content.
-image: path-thumb.png
-date: 2021-12-29T08:00:00.000Z
-lastmod: 2022-05-31T23:22:46.431Z
-categories:
-  - pyrosim
-  - announce
-layout: blocks
-page_sections:
-  - name: Main Content
-    fieldGroup: sidebar-content
-    fullWidth: true
-    rightRail: false
-    toc: true
----
-
-## Svelte Components
-
-You can use the Math component in your document to render complex Math expressions, inline <Math math={'v\_{b}'} /> like this.
-
-Or as a block, centered in the document as shown below.
-
-<Math math={'v*{b}=v*{max}\\times v*{f}(D)\\times v*{ft}'} displayMode />
-
-There any component can be created and added in to the text in the same way.
-
-<Subscribe classes='border border-2 border-teci-blue-dark float-right' />
-
-## Embeds
-
-Below is an embedded YouTube video, followed by a Figure image with a caption.
-
-### YouTube
-
-<Video v='9Z4fh9OaSmE' />
-
-### Figure
-
-<Figure
-  title="Javascript on Laptop"
-  caption='Javascript on Laptop, Photo by <a href="https://unsplash.com/@clemhlrdt?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Clément Hélardot</a> on <a href="https://unsplash.com/s/photos/computer?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>'
-  image="https://images.unsplash.com/photo-1504868584819-f8e8b4b6d7e3?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MXwxfDB8MXxhbGx8fHx8fHx8fA&ixlib=rb-1.2.1&q=80&w=250&utm_source=unsplash_source&utm_medium=referral&utm_campaign=api-credit"
-/>

package/src/routes/news/post2.md

@@ -1,46 +0,0 @@
----
-title: Lorem Ipsum
-summary:
-  Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur,
-  adipisci velit. Neque porro quisquam est qui dolorem ipsum quia dolor sit
-  amet, consectetur, adipisci velit. Neque porro quisquam est qui dolorem ipsum
-  quia dolor sit amet, consectetur, adipisci velit. Neque porro quisquam est qui
-  dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.
-date: 2022-04-15T21:47:18.619Z
-categories:
-  - pathfinder
-  - featured
-  - demo
-  - total
-  - many
-  - overflow
-layout: blocks
-page_sections:
-  - name: Main Content
-    fieldGroup: sidebar-content
-    fullWidth: false
-    rightRail: false
-    toc: false
-    hideTitle: true
-    showDate: true
-lastmod: 2022-06-01T05:09:36.397Z
----
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pharetra posuere egestas. Nunc fringilla pellentesque nulla sed ultrices. Vestibulum mattis, nisl suscipit interdum tempus, arcu nunc auctor tortor, a condimentum purus turpis sed ex. Ut in rutrum odio. Pellentesque in arcu quis leo consectetur dignissim. Duis sed porttitor dui. Proin aliquam nec leo ornare pretium. In dapibus aliquam tortor a aliquam. Sed convallis mattis mauris et sodales. Nam id purus placerat, ullamcorper erat sit amet, semper urna. Phasellus congue convallis urna in gravida. Vivamus egestas augue id mattis ultricies. Integer in eros eget tortor consectetur molestie lobortis viverra elit. Sed scelerisque lectus orci. Morbi vitae tellus at dui tempus venenatis in id dui. Mauris dictum vitae enim sed rutrum.
-
-<Figure
-  title="Javascript on Laptop"
-  caption='Javascript on Laptop, Photo by <a href="https://unsplash.com/@clemhlrdt?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Clément Hélardot</a> on <a href="https://unsplash.com/s/photos/computer?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>'
-  image="https://images.unsplash.com/photo-1504868584819-f8e8b4b6d7e3?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MXwxfDB8MXxhbGx8fHx8fHx8fA&ixlib=rb-1.2.1&q=80&w=1080&utm_source=unsplash_source&utm_medium=referral&utm_campaign=api-credit"
-  link="/news/post1"
-/>
-
-Duis viverra ex nec venenatis euismod. Praesent dapibus augue sed magna aliquam, ac molestie sem luctus. Phasellus non sapien eros. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent diam velit, vulputate et volutpat et, suscipit quis nulla. Duis vel consectetur leo, nec consectetur massa. Aliquam erat volutpat. Aenean et nisi hendrerit, gravida leo volutpat, ultrices urna. Mauris id tincidunt neque. Aliquam turpis ex, accumsan vitae aliquam sed, feugiat sit amet nulla. Nunc eget mollis arcu. Donec posuere, felis vitae pellentesque rutrum, lacus urna congue ex, eu vulputate metus orci in urna.
-
-<Video v="YDfkLl1ziL4" />
-
-Mauris mattis, quam in auctor rutrum, metus ligula tristique metus, eu suscipit lacus metus lobortis sapien. Aliquam erat volutpat. Morbi at ex vel arcu tempor lacinia suscipit quis lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies posuere posuere. Sed consectetur ante eu purus molestie, ut iaculis turpis sodales. Nulla porttitor ligula tortor, ut tincidunt turpis euismod ut.
-
-Nam ultrices risus eu urna ullamcorper, id posuere nunc volutpat. Quisque ultricies, dolor ac viverra consequat, nulla metus venenatis ante, aliquam ultrices ante nisi sed ipsum. Curabitur ut varius ipsum. Maecenas sapien quam, consectetur id ultrices non, malesuada egestas lorem. Donec et ex vel nibh consequat elementum. Aliquam porta interdum aliquam. Nulla maximus porta fringilla.
-
-Duis nisi risus, tincidunt nec neque et, ornare dignissim nulla. Morbi libero ex, vehicula id leo id, blandit vehicula odio. Duis vitae justo consequat, finibus odio cursus, egestas leo. Maecenas sem purus, gravida sed viverra quis, condimentum ut ante. Sed mollis, eros et blandit dapibus, tortor velit elementum quam, vel cursus ante nunc id mi. Praesent mi ante, dapibus eu odio id, porta porta enim. Fusce et turpis pellentesque, semper quam a, molestie augue. Sed nunc est, fringilla a dictum ut, elementum sed tellus. Mauris sem libero, tincidunt eu leo eget, egestas tempus ante. Proin non ligula sollicitudin, luctus ligula ut, congue elit. Fusce bibendum diam vel tellus volutpat, ut imperdiet purus luctus. Vestibulum aliquam scelerisque ante, vel ornare magna elementum vitae. Mauris auctor eget tellus a commodo.