-
Notifications
You must be signed in to change notification settings - Fork 1
feat: homepage rework #2 to compare to #1 #93
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: master
Are you sure you want to change the base?
Changes from 2 commits
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Large diffs are not rendered by default.
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,14 +1,16 @@ | ||
| --- | ||
| title: Home | ||
| banner_title: "<span class='text-gradient'>Infrastructure as Code</span>" | ||
| banner_tagline: "Get control of your" | ||
| banner_text: "Home-grown IaC workflow weighing down your time to delivery? We’re here to help make <strong class='text-gradient'>Terraform, OpenTofu, or Pulumi</strong> efficient and scalable, no matter where you provision your infrastructure." | ||
| banner_title: "<span class='text-gradient'>MASTER YOUR Infrastructure as Code</span>" | ||
| banner_tagline: "Deploy faster. Break less. Scale smarter." | ||
| banner_text: "We deliver workflows that transform your tangled infrastructure as code into a platform your team can manage, scale, and evolve." | ||
| banner_image: /img/banner_home.jpg | ||
| description: "Home-grown IaC workflow weighing down your time to delivery? We’re here to help make Terraform, OpenTofu, or Pulumi efficient and scalable, no matter where you provision your infrastructure. " | ||
| banner_btn_label: See the services → | ||
| banner_btn_link: /services | ||
| sections: home | ||
| description: "We deliver workflows that transform your tangled infrastructure as code into a platform your team can manage, scale, and evolve." | ||
| banner_btn_label: Book A Call | ||
| banner_btn_link: /# | ||
| banner_link_label: Audit Your IaC → | ||
| banner_link: /# | ||
| sections: "home" | ||
| sitemap: | ||
| priority: 1 | ||
| id: home | ||
| --- | ||
| --- | ||
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,46 @@ | ||
| --- | ||
| title: Our Work Lead to Efficient Platforms | ||
| weight: 4 | ||
| #position: justify-content-start reverse flex | ||
| #size: col-12 col-md-6 | ||
| #section_image: /img/diverse_group_of_doctors.jpg | ||
| #image: /img/bg_featured_video.jpg | ||
| section_categories: | ||
| - Home | ||
| id: efficient-platforms | ||
| --- | ||
|
|
||
|
|
||
| ### Our Work Lead to <br> <span class="text-gradient">Efficient Platforms</span> {.groupTitle .text-center .text-rhythm} | ||
|
|
||
| <div class="row platform-row"> | ||
|
|
||
|
|
||
| <div class="col col-12 col-md-4"> | ||
| <div class="platform-tile platform-tile-1"> | ||
| <div class="platformIcon"><img src="img/noun-developer-7187679.svg"/></div> | ||
| <div class="platformCount">1+</div> | ||
| <div class="platformCTA">Full-time engineer of hours saved</div> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
||
| <div class="col col-12 col-md-4"> | ||
| <div class="platform-tile platform-tile-2"> | ||
| <div class="platformIcon"><img src="img/noun-cycle-7222105.svg"/></div> | ||
| <div class="platformCount">10x</div> | ||
| <div class="platformCTA">Faster Plan & Apply Cycles</div> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
||
| <div class="col col-12 col-md-4"> | ||
| <div class="platform-tile platform-tile-2"> | ||
| <div class="platformIcon"><img src="img/noun-reduction-7894266.svg"/></div> | ||
| <div class="platformCount">10x</div> | ||
| <div class="platformCTA">Reduction in Infrastructure </div> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
||
| </div> | ||
| Original file line number | Diff line number | Diff line change | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| @@ -0,0 +1,17 @@ | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| --- | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| title: Make Infrastructure | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| weight: 2 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| position: justify-content-end | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| size: col-12 col-md-6 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| #section_image: /img/bg_make_infrastructure.png | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| image: /img/bg_make_infrastructure.png | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| section_categories: | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| - Home | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| id: make-infrastructure | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| --- | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ### Make Infrastructure <span class="text-gradient">Your Competitive Edge</span> {.groupTitle .text-white .mb-1} | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Code is easy to come by. But cheap code doesn’t make for an efficient platform. Workflows and automations do. Our IaC workshops and Workflow Library provide the expertise, training, and foundations needed to build the workflows that lead to efficient operations. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| <a href="/#" class="button btn-outline-gradient btn-big">See Our Results →</a> | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
Comment on lines
+1
to
+17
Contributor
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Replace placeholder CTA target ( Suggested change (pick the real destination): -<a href="/#" class="button btn-outline-gradient btn-big">See Our Results →</a>
+<a href="/case-studies/" class="button btn-outline-gradient btn-big">See Our Results →</a>📝 Committable suggestion
Suggested change
🧰 Tools🪛 GitHub Check: Trunk Check[failure] 1-1: prettier 🤖 Prompt for AI Agents |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Original file line number | Diff line number | Diff line change | ||||
|---|---|---|---|---|---|---|
| @@ -0,0 +1,50 @@ | ||||||
| --- | ||||||
| title: Turn Chaos into Reliable Operations | ||||||
| weight: 3 | ||||||
| #position: justify-content-start reverse flex | ||||||
| #size: col-12 col-md-6 | ||||||
| #section_image: /img/diverse_group_of_doctors.jpg | ||||||
| #image: /img/bg_featured_video.jpg | ||||||
| section_categories: | ||||||
| - Home | ||||||
| id: turn-chaos-operations | ||||||
| --- | ||||||
|
|
||||||
| <div class="row justify-content-center text-center"> | ||||||
| <div class="col col-12 col-md-10 col-lg-8 col-xl-7"> | ||||||
|
|
||||||
| ### Turn Chaos into<br> <span class="text-gradient">Reliable Operations</span> {.groupTitle .text-center .text-rhythm} | ||||||
|
|
||||||
| <p class="font20 text-pine">Untangle your messy infrastructure as code into a clean, scalable platform your team can own. Here’s how we do it.</p> | ||||||
|
|
||||||
| </div> | ||||||
| </div> | ||||||
|
|
||||||
| {{<services>}} | ||||||
|
|
||||||
| <div class="text-center"> | ||||||
| <a href="/services/" class="button btn-outline-gradient text-pine btn-big">Explore Our Process →</a> | ||||||
| </div> | ||||||
|
|
||||||
| <div class="audit-home-tile"> | ||||||
| <div class="bg-image"><img src="img/bg_audit_home.png" alt="Masterpoint Thread Backround"/></div> | ||||||
|
Contributor
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Fix image path to use absolute URL. Per coding guidelines, image references must use absolute paths starting with -<div class="bg-image"><img src="img/bg_audit_home.png" alt="Masterpoint Thread Backround"/></div>
+<div class="bg-image"><img src="/img/bg_audit_home.png" alt="Masterpoint Thread Background"/></div>(Note: Also fixed typo "Backround" → "Background" in alt text.) 📝 Committable suggestion
Suggested change
🤖 Prompt for AI Agents |
||||||
| <div class="row"> | ||||||
| <div class="col col-12 col-md-6"> | ||||||
|
|
||||||
| ### Audit Your Infrastructure<br> as Code Now {.groupTitle} | ||||||
|
|
||||||
| Uncover the inefficiencies in your infrastructure with our IaC Audit. | ||||||
| {.font22 .mb-3} | ||||||
|
|
||||||
| </div> | ||||||
| <div class="col col-12 col-md-6"> | ||||||
| <ol class="numbered-list pt-2 mt-1 mb-0"> | ||||||
| <li>We’ll talk goals</li> | ||||||
| <li>Interview your team</li> | ||||||
| <li>Assess your setup</li> | ||||||
| <li>and provide practical recommendations that will set your team up for success.</li> | ||||||
| </ol> | ||||||
| </div> | ||||||
| </div> | ||||||
| <div class="audit-home-btn"><a href="https://calendly.com/matt-at-masterpoint" target="_blank" class="button btn-gradient">Get Started - Schedule Now </a></div> | ||||||
| </div> | ||||||
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| --- | ||
| title: Audit | ||
| description: >- | ||
| Uncover the inefficiencies in your platform and get practical recommendations to fix them. | ||
| weight: 1 | ||
| icon: /img/services/icon_assessment.svg | ||
| --- | ||
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| --- | ||
| title: Innovate | ||
| description: >- | ||
| Our team tackles the heavy lifting, turning recommendations into real platform improvements. | ||
| weight: 2 | ||
| icon: /img/services/icon_masterpoint.svg | ||
| --- | ||
| Original file line number | Diff line number | Diff line change | ||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| @@ -0,0 +1,8 @@ | ||||||||||||||||||||||
| --- | ||||||||||||||||||||||
| title: Platform Engineering as a Service | ||||||||||||||||||||||
| title: Operate | ||||||||||||||||||||||
|
Comment on lines
+2
to
+3
Contributor
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Fix duplicate YAML front matter key. Line 3 uses ---
title: Platform Engineering as a Service
-title: Operate
+sub_title: Operate
description: >-
Learn proven workflows and skills, empowering your engineers to confidently scale and own your infra going forward.
weight: 3
icon: /img/services/icon_engineering.svg
---📝 Committable suggestion
Suggested change
🤖 Prompt for AI Agents |
||||||||||||||||||||||
| description: >- | ||||||||||||||||||||||
| Learn proven workflows and skills, empowering your engineers to confidently scale and own your infra going forward. | ||||||||||||||||||||||
| weight: 3 | ||||||||||||||||||||||
| icon: /img/services/icon_engineering.svg | ||||||||||||||||||||||
| --- | ||||||||||||||||||||||
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,21 +1,20 @@ | ||
| <div class="services-row row justify-content-center"> | ||
| {{ range where (.Site.RegularPages.ByWeight) "Type" "services" }} | ||
| <div class="col col-12 col-md-6"> | ||
| <div class="services-row row"> | ||
| {{ range where (.Site.RegularPages.ByWeight) "Type" "steps" }} | ||
|
Contributor
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. 🧩 Analysis chain🏁 Script executed: #!/bin/bash
# Verify the concerns raised in the review comment
# 1. Check all step files for home_description parameter
echo "=== Checking step files for home_description parameter ==="
if fd -e md 'content/steps' 2>/dev/null | head -20; then
fd -e md 'content/steps' 2>/dev/null | xargs grep -l "home_description" 2>/dev/null | wc -l
fd -e md 'content/steps' 2>/dev/null | wc -l
else
echo "No content/steps directory found or no .md files in it"
fi
# 2. Find all {{<services>}} shortcode usages in the repository
echo -e "\n=== Finding all {{<services>}} shortcode usages ==="
rg '{{<\s*services\s*>}}' --type md 2>/dev/null | head -50
# 3. Check if CSS classes are defined
echo -e "\n=== Checking for CSS classes bg-gradient and homeServiceTitle ==="
rg 'bg-gradient|homeServiceTitle' 2>/dev/null | head -30
# 4. Get the services.html shortcode content to understand line 17 requirement
echo -e "\n=== Content of services.html shortcode ==="
if [ -f "layouts/shortcodes/services.html" ]; then
cat -n layouts/shortcodes/services.html
fiRepository: masterpointio/masterpoint.io Length of output: 2069 🏁 Script executed: #!/bin/bash
# Deeper investigation of the shortcode change
# 1. Search for services shortcode usage across all files (not just markdown)
echo "=== Searching for services shortcode usage across all file types ==="
rg '{{<\s*services\s*>}}' 2>/dev/null || echo "No shortcode usages found"
# 2. Check content directory structure
echo -e "\n=== Content directory structure ==="
if [ -d "content" ]; then
find content -type d | head -30
echo -e "\n=== Content types available (directories in content/) ==="
ls -la content/ 2>/dev/null
fi
# 3. Check for "services" type content files
echo -e "\n=== Looking for files with Type 'services' ==="
rg 'type:\s*services|Type.*services' --type md --type yaml 2>/dev/null | head -20 || echo "No 'services' type content found"
# 4. Check for "steps" type content files
echo -e "\n=== Looking for files with Type 'steps' ==="
rg 'type:\s*steps|Type.*steps' --type md --type yaml 2>/dev/null | head -20 || echo "No 'steps' type content found"
# 5. Check where the shortcode is actually used
echo -e "\n=== Searching for services shortcode in all templates and includes ==="
rg 'services' layouts/ 2>/dev/null | grep -i 'shortcode\|include\|partial' | head -20Repository: masterpointio/masterpoint.io Length of output: 2202 🏁 Script executed: #!/bin/bash
# Examine content files in services and steps directories
echo "=== Files in content/services/ ==="
ls -la content/services/
echo -e "\n=== Content of services files ==="
cat -n content/services/*.md
echo -e "\n=== Files in content/steps/ ==="
ls -la content/steps/
echo -e "\n=== Content of steps files ==="
cat -n content/steps/*.mdRepository: masterpointio/masterpoint.io Length of output: 6547 Breaking change confirmed: Missing required The shortcode was changed from iterating over Additionally, while the CSS classes 🤖 Prompt for AI Agents |
||
| <div class="col col-12 col-md-4"> | ||
| <div class="serviceBx"> | ||
| {{if .Params.icon}} | ||
| <div class="serviceIcon bg-gradient"> | ||
| <img src="{{.Params.icon}}" /> | ||
| </div> | ||
| {{end}} | ||
| {{if .Params.badge}} | ||
| <div class="serviceBadge"> | ||
| <img src="{{.Params.badge}}" /> | ||
| </div> | ||
| {{end}} | ||
| <h3 class="serviceTitle"> | ||
| {{.Title}} | ||
| <div class="serviceIcon bg-gradient"> | ||
| {{if .Params.icon}} | ||
| <img src="{{.Params.icon}}" /> | ||
| {{end}} | ||
| </div> | ||
| <h3 class="serviceTitle homeServiceTitle"> | ||
| {{if .Params.home_title}} | ||
| {{.Params.home_title}} | ||
| {{else}} | ||
| {{.Title}} | ||
| {{end}} | ||
| </h3> | ||
| <div class="serviceDesc">{{.Description}}</div> | ||
| <div class="serviceDesc">{{.Params.home_description}}</div> | ||
| </div> | ||
| </div> | ||
| {{end}} | ||
|
|
||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Fix image paths to use absolute URLs and add alt text.
Per coding guidelines, image references must use absolute paths starting with
/, not relative paths. Additionally, all images need alt text for accessibility.Also applies to: 30-30, 39-39
🧰 Tools
🪛 GitHub Check: Trunk Check
[notice] 21-21: markdownlint(MD045)
[new] Images should have alternate text (alt text)
🪛 markdownlint-cli2 (0.18.1)
21-21: Images should have alternate text (alt text)
(MD045, no-alt-text)
🤖 Prompt for AI Agents