Skip to content

Commit 6871fe4

Browse files
cloudlenacloudlena
committed
Improve OpenBao page
1 parent f504a9c commit 6871fe4

49 files changed

Lines changed: 2121 additions & 897 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎flake.lock‎

Lines changed: 3 additions & 3 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package-lock.json‎

Lines changed: 117 additions & 105 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020
"@astrojs/sitemap": "^3.6.0",
2121
"astro": "^7.3.1",
2222
"prettier": "^3.8.1",
23-
"prettier-plugin-astro": "^0.14.1",
23+
"prettier-plugin-astro": "^1.0.0",
2424
"typescript": "^6.0.3"
2525
},
2626
"devDependencies": {

‎src/components/BackLink.astro‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,9 @@ interface Props {
77
const { href, text } = Astro.props;
88
---
99

10-
<a class="back-link" {href}>{text}</a>
10+
<a class="back-link" {href}>
11+
{text}
12+
</a>
1113

1214
<style>
1315
.back-link::before {

‎src/components/BlogCard.astro‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -32,22 +32,22 @@ const formattedDate = formatDate(pubDate, lang);
3232
<time datetime={pubDate.toISOString()}>{formattedDate}</time>
3333
</div>
3434
<div class="tags">
35-
{tags.map((tag) => <span class="tag">{tag}</span>)}
35+
{tags.map((tag) => (
36+
<span class="tag">{tag}</span>
37+
))}
3638
</div>
3739
</div>
3840
<div slot="back" class="back">
39-
{
40-
image ? (
41-
<Image src={image} alt={title} class="image" />
42-
) : (
43-
<div class="placeholder">
44-
<p>
45-
Read about
46-
<br />"{title}"
47-
</p>
48-
</div>
49-
)
50-
}
41+
{image ? (
42+
<Image src={image} alt={title} class="image" />
43+
) : (
44+
<div class="placeholder">
45+
<p>
46+
Read about
47+
<br />"{title}"
48+
</p>
49+
</div>
50+
)}
5151
</div>
5252

5353
<style>
@@ -131,5 +131,5 @@ const formattedDate = formatDate(pubDate, lang);
131131
font-weight: 500;
132132
}
133133
</style>
134-
</FlipCard></a
135-
>
134+
</FlipCard>
135+
</a>

‎src/components/ContactForm.astro‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,8 @@ const { t } = useI18n(Astro.url);
4949
placeholder={t("contact.form.messageplaceholder")}
5050
aria-label={t("contact.form.messageplaceholder")}
5151
rows="8"
52-
required></textarea>
52+
required
53+
></textarea>
5354
</div>
5455
<div class="field">
5556
<button type="submit" class="button">
@@ -95,7 +96,6 @@ const { t } = useI18n(Astro.url);
9596
}
9697
});
9798
</script>
98-
9999
<style>
100100
#contact-section {
101101
padding: 2rem 2rem 4rem;

‎src/components/CustomerCard.astro‎

Lines changed: 9 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -37,17 +37,15 @@ const { translatePath } = useI18n(Astro.url);
3737
<p>"{quote}"</p>
3838
</div>
3939
<div class="author">
40-
{
41-
authorImage && (
42-
<Image
43-
src={authorImage}
44-
alt=""
45-
width={96}
46-
height={96}
47-
class="author-portrait"
48-
/>
49-
)
50-
}
40+
{authorImage && (
41+
<Image
42+
src={authorImage}
43+
alt=""
44+
width={96}
45+
height={96}
46+
class="author-portrait"
47+
/>
48+
)}
5149
<div class="author-info">
5250
<p class="author-name">{authorName}</p>
5351
<p class="author-title">{authorTitle}</p>

‎src/components/Customers.astro‎

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -17,17 +17,15 @@ const featuredCustomers = sortByDateDesc(customers).filter(
1717
<h2>{t("customers.title")}</h2>
1818

1919
<div id="grid">
20-
{
21-
featuredCustomers
22-
.slice(0, 4)
23-
.map(({ id, data }) => <CustomerCard {id} {...data} />)
24-
}
20+
{featuredCustomers.slice(0, 4).map(({ id, data }) => (
21+
<CustomerCard {id} {...data} />
22+
))}
2523
</div>
2624

2725
<div id="all-link">
28-
<Link href={translatePath("/customers")} secondary
29-
>{t("cta.allCustomers")}</Link
30-
>
26+
<Link href={translatePath("/customers")} secondary>
27+
{t("cta.allCustomers")}
28+
</Link>
3129
</div>
3230
</section>
3331

‎src/components/Footer.astro‎

Lines changed: 60 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -34,97 +34,85 @@ const company = [
3434
<footer>
3535
<div class={`container ${minimal ? "minimal" : ""}`}>
3636
<div class="column brand">
37-
{
38-
minimal ? (
37+
{minimal ? (
38+
<img id="logo" src={bespinianWhite.src} alt="bespinian logo" />
39+
) : (
40+
<a href={translatePath("/")}>
3941
<img id="logo" src={bespinianWhite.src} alt="bespinian logo" />
40-
) : (
41-
<a href={translatePath("/")}>
42-
<img id="logo" src={bespinianWhite.src} alt="bespinian logo" />
43-
</a>
44-
)
45-
}
42+
</a>
43+
)}
4644
<p class="tagline">{t("footer.tagline")}</p>
4745
</div>
4846

49-
{
50-
services.length > 0 && (
51-
<nav class="column" aria-label={t("footer.services")}>
52-
<p class="column-title">{t("footer.services")}</p>
53-
{services.map((service) => (
54-
<a href={translatePath(`/services/${service.id}`)}>
55-
{service.title}
56-
</a>
57-
))}
58-
</nav>
59-
)
60-
}
61-
62-
{
63-
!minimal && (
64-
<nav class="column" aria-label={t("footer.company")}>
65-
<p class="column-title">{t("footer.company")}</p>
66-
{company.map((item) => (
67-
<a href={item.href}>{item.label}</a>
68-
))}
69-
</nav>
70-
)
71-
}
47+
{services.length > 0 && (
48+
<nav class="column" aria-label={t("footer.services")}>
49+
<p class="column-title">{t("footer.services")}</p>
50+
{services.map((service) => (
51+
<a href={translatePath(`/services/${service.id}`)}>{service.title}</a>
52+
))}
53+
</nav>
54+
)}
55+
56+
{!minimal && (
57+
<nav class="column" aria-label={t("footer.company")}>
58+
<p class="column-title">{t("footer.company")}</p>
59+
{company.map((item) => (
60+
<a href={item.href}>{item.label}</a>
61+
))}
62+
</nav>
63+
)}
7264

7365
<div class="column">
7466
<p class="column-title">{t("footer.contact")}</p>
75-
{
76-
/* Marked up so the address is machine-readable and matches the
77-
Organization schema and the imprint word for word. */
78-
}
67+
{/* Marked up so the address is machine-readable and matches the
68+
Organization schema and the imprint word for word. */}
7969
<address>
8070
<span class="office">{t("footer.office")}</span>
81-
Kramgasse 68<br />
82-
3011 Bern<br />
71+
Kramgasse 68
72+
<br />
73+
3011 Bern
74+
<br />
8375
Switzerland
8476
</address>
8577
<a href="mailto:info@bespinian.io">info@bespinian.io</a>
8678
{!minimal && <a href={translatePath("/contact")}>{t("nav.contact")}</a>}
8779
</div>
8880

89-
{
90-
!minimal && (
91-
<nav class="column" aria-label={t("footer.follow")}>
92-
<p class="column-title">{t("footer.follow")}</p>
93-
<a
94-
href="https://www.linkedin.com/company/19074419"
95-
target="_blank"
96-
rel="noopener noreferrer"
97-
>
98-
LinkedIn
99-
</a>
100-
<a
101-
href="https://www.youtube.com/@bespinian-io"
102-
target="_blank"
103-
rel="noopener noreferrer"
104-
>
105-
YouTube
106-
</a>
107-
<a
108-
href="https://github.com/bespinian"
109-
target="_blank"
110-
rel="noopener noreferrer"
111-
>
112-
GitHub
113-
</a>
114-
<a href="/rss.xml">RSS</a>
115-
</nav>
116-
)
117-
}
81+
{!minimal && (
82+
<nav class="column" aria-label={t("footer.follow")}>
83+
<p class="column-title">{t("footer.follow")}</p>
84+
<a
85+
href="https://www.linkedin.com/company/19074419"
86+
target="_blank"
87+
rel="noopener noreferrer"
88+
>
89+
LinkedIn
90+
</a>
91+
<a
92+
href="https://www.youtube.com/@bespinian-io"
93+
target="_blank"
94+
rel="noopener noreferrer"
95+
>
96+
YouTube
97+
</a>
98+
<a
99+
href="https://github.com/bespinian"
100+
target="_blank"
101+
rel="noopener noreferrer"
102+
>
103+
GitHub
104+
</a>
105+
<a href="/rss.xml">RSS</a>
106+
</nav>
107+
)}
118108
</div>
119109

120110
<div class="legal">
121111
<p>
122-
{
123-
t("footer.copyright").replace(
124-
"{year}",
125-
new Date().getFullYear().toString(),
126-
)
127-
}
112+
{t("footer.copyright").replace(
113+
"{year}",
114+
new Date().getFullYear().toString(),
115+
)}
128116
</p>
129117
<a href={translatePath("/imprint")}>{t("footer.imprint")}</a>
130118
</div>

‎src/components/Hero.astro‎

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,12 +7,16 @@ const { t, translatePath } = useI18n(Astro.url);
77
---
88

99
<section id="container">
10-
<h1>{t("hero.title1")}<br />{t("hero.title2")}</h1>
10+
<h1>
11+
{t("hero.title1")}
12+
<br />
13+
{t("hero.title2")}
14+
</h1>
1115
<div id="cta">
1216
<p>{t("hero.description")}</p>
13-
<Link href={translatePath("/workshop")} large secondary
14-
>{t("cta.freeWorkshop")}</Link
15-
>
17+
<Link href={translatePath("/workshop")} large secondary>
18+
{t("cta.freeWorkshop")}
19+
</Link>
1620
</div>
1721
<img id="cloud-city" src={cloudCity.src} alt="" />
1822
</section>

0 commit comments

Comments
 (0)