about in focus

- about as startpage
- some text changes in about
- design:
  - add gradient to profile picture
  - background-swoosh
  - change bg color
- add contact site

assets/scss/custom.scss

@@ -1 +1,11 @@
 // Add your own custom styles here
+body{
+    background-image: url(/static-assets/bg-swoosh.png);
+    background-repeat: no-repeat;
+    background-position: top right;
+    background-size: 60rem;
+}
+
+header{
+    background-color: transparent!important;
+}

config/_default/menus.en.toml

@@ -1,19 +1,25 @@
 ############# English navigation ##############
 
 # main menu
+[[main]]
+name = "About"
+pageRef = "/about"
+weight = 1
+
+
 [[main]]
 name = "Blog"
 pageRef = "/blog"
-weight = 1
+weight = 2
 
 [[main]]
-name = "About"
-pageRef = "/about"
+name = "Contact"
+pageRef = "/contact"
 weight = 2
 
 # footer menu
 [[footer]]
-name = "About Me"
+name = "About"
 pageRef = "/about"
 weight = 1
 

config/_default/params.toml

@@ -13,12 +13,12 @@ logo_webp = true
 # logo text will only show when logo is missing.
 logo_text = "Tobias Baader Creating Valuable Products"
 # navbar fixed to top
-navbar_fixed = true
+navbar_fixed = false
 # theme-mode
 theme_switcher = false
 theme_default = "dark" # available options [light/dark/system]
 # Main Sections
-mainSections = ["blog"]
+mainSections = ["about"]
 # contact form action
 contact_form_action = "#" # contact form works with [https://airform.io/] or [https://formspree.io]
 # google tag manager, see https://developers.google.com/tag-manager/
@@ -38,7 +38,7 @@ preloader = "" # use jpg, png, svg or gif format.
 # Navigation button
 [navigation_button]
 enable = false
-label = "get a quote"
+label = "Contact"
 link = "contact"
 
 # search
@@ -56,9 +56,9 @@ show_categories = true
 # seo meta data for OpenGraph / Twitter Card
 # seo module: https://github.com/gethugothemes/hugo-modules/tree/master/seo-tools/basic-seo
 [metadata]
-keywords = ["Boilerplate", "Hugo"]
-description = "Hugo & Tailwindcss Starter"
-author = "zeon.studio"
+keywords = ["Tobias Baader", "Product Manager"]
+description = "Tobias Baader"
+author = "Tobias Baader"
 image = "images/og-image.png"
 
 

content/english/_index.md

@@ -1,53 +1,22 @@
 ---
-# Banner
-banner:
-  title: "The Ultimate Starter Template You Need To Start Your Hugo Project"
-  content: "Hugoplate is a free starter template built with Hugo and TailwindCSS, providing everything you need to jumpstart your Hugo project and save valuable time."
-  image: "/images/banner.png"
-  button:
-    enable: true
-    label: "Get Started For Free"
-    link: "https://github.com/zeon-studio/hugoplate"
-
-# Features
-features:
-  - title: "What's Included in Hugoplate"
-    image: "/images/service-1.png"
-    content: "Hugoplate is a comprehensive starter template that includes everything you need to get started with your Hugo project. What's Included in Hugoplate"
-    bulletpoints:
-      - "10+ Pre-build pages"
-      - "95+ Google Pagespeed Score"
-      - "Build with Hugo and TailwindCSS for easy and customizable styling"
-      - "Fully responsive on all devices"
-      - "SEO-optimized for better search engine rankings"
-      - "**Open-source and free** for personal and commercial use"
-    button:
-      enable: false
-      label: "Get Started Now"
-      link: "#"
-
-  - title: "Discover the Key Features Of Hugo"
-    image: "/images/service-2.png"
-    content: "Hugo is an all-in-one web framework for building fast, content-focused websites. It offers a range of exciting features for developers and website creators. Some of the key features are:"
-    bulletpoints:
-      - "Zero JS, by default: No JavaScript runtime overhead to slow you down."
-      - "Customizable: Tailwind, MDX, and 100+ other integrations to choose from."
-      - "UI-agnostic: Supports React, Preact, Svelte, Vue, Solid, Lit and more."
-    button:
-      enable: true
-      label: "Get Started Now"
-      link: "https://github.com/zeon-studio/hugoplate"
-
-  - title: "The Top Reasons to Choose Hugo for Your Hugo Project"
-    image: "/images/service-3.png"
-    content: "With Hugo, you can build modern and content-focused websites without sacrificing performance or ease of use."
-    bulletpoints:
-      - "Instantly load static sites for better user experience and SEO."
-      - "Intuitive syntax and support for popular frameworks make learning and using Hugo a breeze."
-      - "Use any front-end library or framework, or build custom components, for any project size."
-      - "Built on cutting-edge technology to keep your projects up-to-date with the latest web standards."
-    button:
-      enable: false
-      label: ""
-      link: ""
+title: "About Tobias Baader"
+meta_title: "About Tobias Baader"
+description: "Tobias Baader Create digital products"
+image: "/images/Tobias Baader.jpg"
+draft: false
+
 ---
+<h1 class="font-medium text-center">Hi, I'm Tobias</h1>
+<h1 class="font-extrabold text-center pb-7">I create digital products</h2>
+
+I am an open source product guy with over {{% yearssince 2011 %}} years of experience in developing web and mobile products, working with agile methods.
+
+I specialize in evaluating product-market fit in real-world scenarios. My strength lies in making complex technologies user-friendly.
+
+I have worked on a variety of projects, including optimizing conversions for e-commerce and finding the right market fit for products. Throughout my career, I have managed several major product launches and developed numerous complex products. My focus is on delivering fast, practical results.
+
+
+
+
+<span class="mt-14 mb-1">Some organizations I have worked with</span>
+![banners](/images/banner.png "organizations I have worked with")

content/english/about/_index.md

@@ -9,11 +9,11 @@ draft: false
 <h1 class="font-medium text-center">Hi, I'm Tobias</h1>
 <h1 class="font-extrabold text-center pb-7">I create digital products</h2>
 
-I am a product guy with over {{% yearssince 2011 %}} years of experience in developing web and mobile products, working with agile methods.
+I am an open source product guy with over {{% yearssince 2011 %}} years of experience in developing web and mobile products, working with agile methods.
 
-I have led teams of more than 20 members and specialize in evaluating product-market fit in real-world scenarios. My strength lies in making complex technologies user-friendly.
+I specialize in evaluating product-market fit in real-world scenarios. My strength lies in making complex technologies user-friendly.
 
-I have worked on a variety of projects, including optimizing conversions for e-commerce, increasing user engagement in social networks, and finding the right market fit for new or established products. Throughout my career, I have managed several major product launches and developed numerous complex products. My focus is on delivering fast, practical results.
+I have worked on a variety of projects, including optimizing conversions for e-commerce and finding the right market fit for products. Throughout my career, I have managed several major product launches and developed numerous complex products. My focus is on delivering fast, practical results.
 
 
 

content/english/pages/contact.md

@@ -0,0 +1,13 @@
+---
+title: "Let's talk!"
+meta_title: "Contact Tobias Baader"
+description: "Get in touch"
+draft: false
+
+---
+
+- E-Mail: [email protected]
+- Github: [https://github.com/tbsbdr](github.com/tbsbdr)
+- Bluesky: [bsky.app/profile/tbsbdr.bsky.social](https://bsky.app/profile/tbsbdr.bsky.social)
+- Mastodon: [mastodon.social/@tbsbdr](https://mastodon.social/@tbsbdr)
+- Linkedin: [linkedin.com/in/tbaader](https://www.linkedin.com/in/tbaader/)

data/social.json

@@ -1,24 +1,14 @@
 {
   "main": [
-    {
-      "name": "facebook",
-      "icon": "fab fa-facebook",
-      "link": "https://www.facebook.com/"
-    },
-    {
-      "name": "twitter",
-      "icon": "fab fa-twitter",
-      "link": "https://twitter.com/"
-    },
     {
       "name": "github",
       "icon": "fab fa-github",
-      "link": "https://www.github.com/"
+      "link": "https://www.github.com/tbsbdr"
     },
     {
       "name": "linkedin",
       "icon": "fab fa-linkedin",
-      "link": "https://www.linkedin.com/"
+      "link": "https://www.linkedin.com/in/tbaader/"
     }
   ]
 }

data/theme.json

@@ -4,22 +4,22 @@
       "theme_color": {
         "primary": "#121212",
         "body": "#fff",
-        "border": "#1e293b",
+        "border": "#0f172a",
         "theme_light": "#f6f6f6",
-        "theme_dark": "#1e293b"
+        "theme_dark": "#0f172a"
       },
       "text_color": {
         "default": "#444444",
-        "dark": "#1e293b",
-        "light": "#1e293b"
+        "dark": "#0f172a",
+        "light": "#0f172a"
       }
     },
     "darkmode": {
       "theme_color": {
         "primary": "#fff",
-        "body": "#1e293b",
+        "body": "#0f172a",
         "border": "#ffffff",
-        "theme_light": "#1b2636",
+        "theme_light": "#0f172a",
         "theme_dark": ""
       },
       "text_color": {

layouts/about/list.html

@@ -3,7 +3,7 @@
     <div class="container">
       <div class="row justify-center">
         <div class="md:col-10 lg:col-7 text-center">
-          {{ partial "image" (dict "Src" .Params.image "Context" .Page "Alt" .Title "Class" "mx-auto mb-6 rounded-full" "Size" "200x200") }}
+          {{ partial "image" (dict "Src" .Params.image "Context" .Page "Alt" .Title "Class" "mx-auto mb-6 rounded-full border-solid border-2 border-transparent	bg-gradient-to-r from-blue-500 to-teal-400" "Size" "200x200") }}
           <div class="content text-left">{{ .Content }}</div>
         </div>
       </div>

layouts/index.html

@@ -1,32 +1,12 @@
 {{ define "main" }}
-
-  {{ with site.GetPage "blog" }}
-
-  <section class="section">
+  <section class="section-sm">
     <div class="container">
-      <div class="row gx-5">
-        <!-- blog posts -->
-        <div class="lg:col-8">
-          <div class="row">
-            {{ range .Data.Pages }}
-              <div class="md:col-6 mb-14">
-                {{ partial "components/blog-card" . }}
-              </div>
-            {{ end }}
-          </div>
+      <div class="row justify-center">
+        <div class="md:col-10 lg:col-7 text-center">
+          {{ partial "image" (dict "Src" .Params.image "Context" .Page "Alt" .Title "Class" "mx-auto mb-6 rounded-full border-solid border-2 border-transparent	bg-gradient-to-r from-blue-500 to-teal-400" "Size" "200x200") }}
+          <div class="content text-left">{{ .Content }}</div>
         </div>
-                <!-- sidebar -->
-                <div class="lg:col-4">
-                  <!-- widget -->
-                  {{ $widget:= site.Params.widgets.sidebar }}
-                  {{ partialCached "widgets/widget-wrapper" ( dict "Widgets" $widget "Scope" . ) }}
-                </div>
       </div>
     </div>
   </section>
-
-  {{end}}
-
-
-  <!-- Testimonials -->
 {{ end }}