chore: update styles and content

sturmfreico · Jul 15, 2024 · a42f037 · a42f037
1 parent 9e65735
commit a42f037
Show file tree

Hide file tree

Showing 13 changed files with 154 additions and 422 deletions.
diff --git a/src/components/CustomStyles.astro b/src/components/CustomStyles.astro
@@ -28,6 +28,8 @@ import '@fontsource-variable/inter';
     --aw-color-primary: rgb(1 97 239);
     --aw-color-secondary: rgb(1 84 207);
     --aw-color-accent: rgb(109 40 217);
+    /* #4c2a93 */
+    /* --aw-color-accent: rgb(76 42 147); */
 
     --aw-color-text-heading: rgb(0 0 0);
     --aw-color-text-default: rgb(16 16 16);

diff --git a/src/components/blog/ListItem.astro b/src/components/blog/ListItem.astro
@@ -22,7 +22,7 @@ const image = (await findImage(post.image)) as ImageMetadata | undefined;
 const link = APP_BLOG?.post?.isEnabled ? getPermalink(post.permalink, 'post') : '';
 ---
 
-<article class={`relative group max-w-md mx-auto md:max-w-none grid gap-6 md:gap-8 ${image ? 'md:grid-cols-2' : ''}`}>
+<article class={`max-w-md mx-auto md:max-w-none grid gap-6 md:gap-8 ${image ? 'md:grid-cols-2' : ''}`}>
   {
     image &&
       (link ? (
@@ -62,65 +62,67 @@ const link = APP_BLOG?.post?.isEnabled ? getPermalink(post.permalink, 'post') :
       ))
   }
   <div class="mt-2">
-    <header>
-      <div class="mb-1">
-        <span class="text-sm">
-          <Icon name="tabler:clock" class="w-3.5 h-3.5 inline-block -mt-0.5 dark:text-gray-400" />
-          <time datetime={String(post.publishDate)} class="inline-block">{getFormattedDate(post.publishDate)}</time>
-          {
-            post.author && (
-              <>
-                {' '}
-                · <Icon name="tabler:user" class="w-3.5 h-3.5 inline-block -mt-0.5 dark:text-gray-400" />
-                <span>{post.author.replaceAll('-', ' ')}</span>
-              </>
-            )
-          }
+    <div class="group relative">
+      <header>
+        <div class="mb-1">
+          <span class="text-sm">
+            <Icon name="tabler:clock" class="w-3.5 h-3.5 inline-block -mt-0.5 dark:text-gray-400" />
+            <time datetime={String(post.publishDate)} class="inline-block">{getFormattedDate(post.publishDate)}</time>
+            {
+              post.author && (
+                <>
+                  {' '}
+                  · <Icon name="tabler:user" class="w-3.5 h-3.5 inline-block -mt-0.5 dark:text-gray-400" />
+                  <span>{post.author.replaceAll('-', ' ')}</span>
+                </>
+              )
+            }
+            {
+              post.category && (
+                <>
+                  {' '}
+                  ·{' '}
+                  <a class="hover:underline" href={getPermalink(post.category.slug, 'category')}>
+                    {post.category.title}
+                  </a>
+                </>
+              )
+            }
+          </span>
+        </div>
+        <h2 class="text-xl sm:text-2xl font-bold leading-tight mb-2 font-heading dark:text-slate-300">
           {
-            post.category && (
-              <>
-                {' '}
-                ·{' '}
-                <a class="hover:underline" href={getPermalink(post.category.slug, 'category')}>
-                  {post.category.title}
-                </a>
-              </>
+            link ? (
+              <a
+                class="inline-block group-hover:text-blue-500 dark:group-hover:text-blue-500 transition ease-in duration-200"
+                href={link}
+              >
+                {post.title}
+              </a>
+            ) : (
+              post.title
             )
           }
-        </span>
-      </div>
-      <h2 class="text-xl sm:text-2xl font-bold leading-tight mb-2 font-heading dark:text-slate-300">
-        {
-          link ? (
-            <a
-              class="inline-block group-hover:text-primary dark:hover:text-blue-700 transition ease-in duration-200"
-              href={link}
-            >
-              {post.title}
-            </a>
-          ) : (
-            post.title
-          )
-        }
-      </h2>
-    </header>
+        </h2>
+      </header>
 
-    {post.excerpt && <p class="flex-grow text-muted dark:text-slate-400 text-lg">{post.excerpt}</p>}
-    {
-      post.tags && Array.isArray(post.tags) ? (
-        <footer class="mt-5">
-          <PostTags tags={post.tags} />
-        </footer>
-      ) : (
-        <Fragment />
-      )
-    }
+      {post.excerpt && <p class="flex-grow text-muted dark:text-slate-400 text-lg">{post.excerpt}</p>}
+      {
+        post.tags && Array.isArray(post.tags) ? (
+          <footer class="mt-5">
+            <PostTags tags={post.tags} />
+          </footer>
+        ) : (
+          <Fragment />
+        )
+      }
+      {
+        link && (
+          <a href={link} tabindex="0">
+            <span class="absolute inset-0" />
+          </a>
+        )
+      }
+    </div>
   </div>
-  {
-    link && (
-      <a href={link} tabindex="0">
-        <span class="absolute inset-0" />
-      </a>
-    )
-  }
 </article>
diff --git a/src/components/widgets/FAQs.astro b/src/components/widgets/FAQs.astro
@@ -27,7 +27,7 @@ const {
     classes={{
       container: `${columns === 1 ? 'max-w-4xl' : ''} gap-y-8 md:gap-y-12`,
       panel: 'max-w-none',
-      icon: 'flex-shrink-0 mt-1 w-6 h-6 text-primary',
+      icon: 'flex-shrink-0 mt-1 w-6 h-6 text-blue-500',
     }}
   />
 </WidgetWrapper>
diff --git a/src/components/widgets/Features.astro b/src/components/widgets/Features.astro
@@ -29,7 +29,7 @@ const {
     classes={{
       container: '',
       title: 'md:text-[1.3rem]',
-      icon: 'text-white bg-primary rounded-full w-10 h-10 p-2 md:w-12 md:h-12 md:p-3 mr-4 rtl:ml-4 rtl:mr-0',
+      icon: 'text-white bg-blue-500 rounded-full w-10 h-10 p-2 md:w-12 md:h-12 md:p-3 mr-4 rtl:ml-4 rtl:mr-0',
       ...((classes?.items as Record<string, never>) ?? {}),
     }}
   />

diff --git a/src/components/widgets/Features3.astro b/src/components/widgets/Features3.astro
@@ -63,7 +63,7 @@ const {
       panel: 'max-w-full sm:max-w-md',
       title: 'text-lg font-semibold',
       description: 'mt-0.5',
-      icon: 'flex-shrink-0 mt-1 text-primary w-6 h-6',
+      icon: 'flex-shrink-0 mt-1 text-blue-500 w-6 h-6',
       ...((classes?.items as object) ?? {}),
     }}
   />

diff --git a/src/components/widgets/Stats.astro b/src/components/widgets/Stats.astro
@@ -30,7 +30,7 @@ const {
               </div>
             )}
             {amount && (
-              <div class="font-heading text-primary text-[2.6rem] font-bold lg:text-5xl xl:text-6xl">{amount}</div>
+              <div class="font-heading text-blue-500 text-[2.6rem] font-bold lg:text-5xl xl:text-6xl">{amount}</div>
             )}
             {title && (
               <div class="text-sm font-medium uppercase tracking-widest text-gray-800 dark:text-slate-400 lg:text-base">

diff --git a/src/content/post/2024-07-15-hello-sturmfrei.md b/src/content/post/2024-07-15-hello-sturmfrei.md
@@ -0,0 +1,48 @@
+---
+publishDate: 2024-07-15T20:16:00Z
+title: Introducing sturmfrei
+excerpt: "Revolutionizing E-commerce with finely crafted apps and tools for the web"
+image: https://images.unsplash.com/photo-1579969756514-9f206e7c34a2?q=80&w=2970&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D
+tags:
+  - news
+  - updates
+---
+
+In the bustling tech hub of Sydney, our new startup, <span class="text-accent highlight font-bold">sturmfrei</span>, is making waves in the e-commerce industry. We have officially opened our doors, and we are excited to transform the way online businesses operate with our finely crafted Shopify apps and innovative web tools.
+
+### Our Story
+
+Let us introduce ourselves: We’re Felix and Christoph, and together we are the founders of sturmfrei. Growing up in Hamburg, Germany, we developed a passion for technology and entrepreneurship at a young age. Our journey from tinkering with computers in our childhood home to launching a cutting-edge startup in one of the world's most vibrant cities has been nothing short of inspiring.
+
+Felix has a background in business administration and marketing. With a degree from the University of Hamburg, he has a keen eye for market trends and a knack for identifying opportunities that others might overlook. Together, we form a formidable team, combining technical expertise with business acumen.
+
+Christop brings a wealth of experience in software engineering and product development. After earning his degree in Computer Science from the Technical University of Hamburg, he spent several years working with leading tech companies, honing his skills and gaining invaluable industry insights.
+
+### Our Mission
+
+At sturmfrei, our mission is simple yet ambitious: to empower e-commerce businesses by providing them with high-quality, user-friendly Shopify apps and web tools. We believe that by streamlining the online shopping experience, we can help businesses of all sizes thrive in an increasingly competitive market.
+
+### The Name
+
+The German word “sturmfrei” is often misunderstood due to its literal translation. It does not mean “storm-free” or “wind-free” as one might expect. Instead, sturmfrei refers to a situation where parents leave their children alone at home, giving them freedom to do as they please.
+
+### Why Shopify?
+
+Shopify has become a go-to platform for entrepreneurs looking to set up and manage online stores. However, despite its robust features, many businesses still face challenges when it comes to customization and optimization. This is where we come in. By developing finely crafted apps tailored to specific needs, we aim to fill the gaps and enhance the overall functionality of Shopify stores.
+
+### The <span class="text-accent highlight font-bold">sturmfrei</span> Difference
+
+What sets sturmfrei apart from other tech startups is our unwavering commitment to quality and customer satisfaction. Each app and tool is meticulously designed and rigorously tested to ensure it meets the highest standards of performance and reliability.
+
+Some of the standout features of our offerings include:
+
+- **Customizability**: Our apps are built to be flexible, allowing businesses to tailor them to their unique requirements.
+- **User-Friendly Interface**: The apps are designed with the end-user in mind, ensuring a seamless and intuitive experience.
+- **Scalability**: As businesses grow, so do their needs. Our solutions are scalable, making it easy to adapt to changing demands.
+- **Top-Notch Support**: Understanding the importance of reliable support, we offer comprehensive customer service to assist users at every step.
+
+### Looking Ahead
+
+As we embark on our journey with sturmfrei, the future looks incredibly promising. We've already garnered attention from industry experts and potential clients who are eager to see what we will bring to the table. With our innovative approach and dedication to excellence, we are set to become a key player in the e-commerce solutions market.
+
+Stay tuned as we continue to develop new and exciting tools that will undoubtedly shape the future of online retail. Whether you're a small business owner or a seasoned e-commerce entrepreneur, sturmfrei is your go-to partner for finely crafted Shopify apps and web tools that will take your business to new heights.