tecitheme 0.1.1 → 0.1.2

package/components/Card.svelte

@@ -8,7 +8,7 @@
 
 <div class="group flex flex-col items-stretch space-y-2 border border-gray-100 p-2 hover:border-gray-200 hover:shadow-md" >
   {#if data.image}
-    <div style="background-image: url({data.image});"
+    <div style="background-image: url('https://thunderheadeng-www.imgix.net{data.image}?w=600&auto=compress&auto=format');"
       class="w-full shrink-0 {halfHeight ? 'aspect-video' : 'aspect-square'} flex items-center justify-center border border-gray-200 bg-cover bg-no-repeat"
     >
       <div class="{halfHeight ? 'space-y-4' : 'space-y-8'} flex h-full w-full flex-col items-center justify-center" >

package/components/Figure.svelte

@@ -7,8 +7,8 @@
 
 <section class="flex justify-center not-prose mb-8">
   <figure class="bg-white w-auto mx-auto shadow-lg border border-slate-100 p-2">
-    <a href={link ? link : image}>
-      <img class="w-full" src={image} alt={title} title={title}>
+    <a href={link ? link : 'https://thunderheadeng-www.imgix.net' + image}>
+      <img class="w-full" src="https://thunderheadeng-www.imgix.net{image}?auto=compress&auto=format" alt={title} title={title}>
     </a>
     {#if caption}
       <figcaption class="text-center p-2">{@html caption}</figcaption>

package/components/Header.svelte

@@ -904,10 +904,10 @@
     >
       <div class="px-4 pt-5 pb-6 sm:pb-8">
         <div class="flex items-center justify-between">
-          <a class="block" href="https://www.thunderheadeng.com">
+          <a on:click="{() => (openMenu = '')}" class="block" href="https://www.thunderheadeng.com">
             <img
               class="h-10 w-auto"
-              src="https://files.thunderheadeng.com/support/images/te_logo.svg"
+              src="https://files.thunderheadeng.com/www/images/teci_logo.svg"
               alt="Thunderhead Engineering"
             />
           </a>
@@ -1073,7 +1073,7 @@
           <div class="flow-root">
             <a
               href="https://www.thunderheadeng.com/news"
-              class="-m-3 flex items-center p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
+              class="-m-3 flex items-start p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
             >
               <svg
                 xmlns="http://www.w3.org/2000/svg"
@@ -1095,7 +1095,7 @@
           <div class="flow-root">
             <a
               href="https://support.thunderheadeng.com/release-notes"
-              class="-m-3 flex items-center p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
+              class="-m-3 flex items-start p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
             >
               <svg
                 xmlns="http://www.w3.org/2000/svg"
@@ -1117,7 +1117,7 @@
           <div class="flow-root">
             <a
               href="https://store2.thunderheadeng.com/cart"
-              class="-m-3 flex items-center p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
+              class="-m-3 flex items-start p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
             >
               <svg
                 xmlns="http://www.w3.org/2000/svg"
@@ -1139,7 +1139,7 @@
           <div class="flow-root">
             <a
               href="https://store2.thunderheadeng.com/trial/"
-              class="-m-3 flex items-center p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
+              class="-m-3 flex items-start p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
             >
               <svg
                 xmlns="http://www.w3.org/2000/svg"
@@ -1160,7 +1160,7 @@
           <div class="flow-root">
             <a
               href="mailto:sales@thunderheadeng.com"
-              class="-m-3 flex items-center p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
+              class="-m-3 flex items-start p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
             >
               <svg
                 xmlns="http://www.w3.org/2000/svg"
@@ -1182,7 +1182,7 @@
           <div class="flow-root">
             <a
               href="mailto:support@thunderheadeng.com"
-              class="-m-3 flex items-center p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
+              class="-m-3 flex items-start p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
             >
               <svg
                 xmlns="http://www.w3.org/2000/svg"

package/components/MediaFeature.svelte

@@ -4,17 +4,17 @@ import Video from './Video.svelte'
   export let data;
 </script>
 
-<section class="w-full mx-auto flex flex-col md:flex-row items-start justify-center">
+<section class="w-full mx-auto flex flex-col items-center md:flex-row md:items-start justify-center">
   {#if data.v}
-  <div class="block w-full max-w-xl {data.position === 'right' ? 'mb-4 md:mb-0' : 'mb-0'}">
+  <div class="block w-full max-w-xl mb-4 md:mb-0">
     <Video bind:data />
   </div>
   {:else if data.image}
-  <div class="block w-full max-w-xl {data.position === 'right' ? 'mb-4 md:mb-0' : 'mb-0'}">
+  <div class="block w-full max-w-xl mb-4 md:mb-0">
     <figure>
-      <a href={data.image}>
+      <a href="https://thunderheadeng-www.imgix.net{data.image}">
         <img class="w-full aspect-video object-cover border bg-black border-gray-200 shadow-md {data.imageClass ? data.imageClass : ''}"
-          src={data.image} alt={data.name}
+          src="https://thunderheadeng-www.imgix.net{data.image}?w=576&ar=16:9&fit=crop&auto=compress&auto=format" alt={data.name}
         />
       </a>
     </figure>

package/components/MetaSocial.svelte

@@ -3,27 +3,13 @@
   export let description
   export let image
   export let url
-  export let host
-
-  function imageURL(str)
-  {
-    var tarea = str;
-    if (tarea.indexOf("http://") == 0 || tarea.indexOf("https://") == 0) {
-      return true
-    }
-    return false
-  }
 </script>
 
 <meta property="og:type" content="website">
-<meta property="og:url" content="{url}">
+<meta property="og:url" content={url}>
 <meta name="og:title" content={title} >
 <meta name="og:description" content={description} >
-{#if imageURL(image)}
-<meta name="og:image" content="{image}" >
-{:else}
-<meta name="og:image" content="https://{host}/{image}" >
-{/if}
+<meta name="og:image" content={image} >
 <meta name="twitter:card" content="summary_large_image">
 <meta name="twitter:site" content="@thunderheadeng">
 <meta name="twitter:creator" content="@thunderheadeng">

package/components/MetaSocial.svelte.d.ts

@@ -6,7 +6,6 @@ export default class MetaSocial extends SvelteComponentTyped<{
     description: any;
     image: any;
     url: any;
-    host: any;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -21,7 +20,6 @@ declare const __propDef: {
         description: any;
         image: any;
         url: any;
-        host: any;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/layouts/blocks.svelte

@@ -41,9 +41,9 @@
   host = getContext('currentHost');
 
   if (images.length > 0) {
-    featuredImage = images[0]
+    featuredImage = 'https://thunderheadeng-www.imgix.net'+images[0]+'?w=1200&h=627&fit=crop&auto=compress&auto=format'
   } else {
-    featuredImage = "https://www.thunderheadeng.com/wp-content/uploads/2022/01/femtc-brno.jpg"
+    featuredImage = 'https://files.thunderheadeng.com/www/images/teci_icon_250.png'
   }
 </script>
 
@@ -51,7 +51,7 @@
   <title>{title} | Thunderhead Engineering</title>
   <meta name="description" content={summary}>
   {#if browser}
-  <MetaSocial title={title} description={summary} image={featuredImage} {url} {host} />
+  <MetaSocial title={title} description={summary} image={featuredImage} {url} />
   {/if}
 </svelte:head>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tecitheme",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "svelte": true,
   "devDependencies": {
     "@jsdevtools/rehype-toc": "^3.0.2",