Skip to content

Commit 0d71018

Browse files
AlexITCAlexITC
committed
Format code with prettier
1 parent 305b563 commit 0d71018

File tree

68 files changed

+1596
-1366
lines changed

Some content is hidden

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

68 files changed

+1596
-1366
lines changed

‎.github/workflows/deploy.yml‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ name: Deploy to GitHub Pages
33
on:
44
# Runs on pushes targeting the `main` branch
55
push:
6-
branches: [ "master" ]
6+
branches: ["master"]
77

88
# Allows you to run this workflow manually from the Actions tab
99
workflow_dispatch:
@@ -23,9 +23,9 @@ jobs:
2323
- name: Install, build, and upload your site
2424
uses: withastro/action@v2
2525
# with:
26-
# path: . # The root location of your Astro project inside the repository. (optional)
27-
# node-version: 20 # The specific version of Node.js to use. (optional)
28-
# package-manager: npm # The Node.js package manager to use. (optional)
26+
# path: . # The root location of your Astro project inside the repository. (optional)
27+
# node-version: 20 # The specific version of Node.js to use. (optional)
28+
# package-manager: npm # The Node.js package manager to use. (optional)
2929

3030
deploy:
3131
needs: build

‎astro.config.mjs‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
// @ts-check
22

3-
import mdx from '@astrojs/mdx';
4-
import sitemap from '@astrojs/sitemap';
5-
import { defineConfig } from 'astro/config';
3+
import mdx from "@astrojs/mdx";
4+
import sitemap from "@astrojs/sitemap";
5+
import { defineConfig } from "astro/config";
66

7-
import tailwindcss from '@tailwindcss/vite';
7+
import tailwindcss from "@tailwindcss/vite";
88

99
// https://astro.build/config
1010
export default defineConfig({
11-
site: 'https://alexitc.com',
11+
site: "https://alexitc.com",
1212
integrations: [mdx(), sitemap()],
1313

1414
vite: {
1515
plugins: [tailwindcss()],
1616
},
17-
});
17+
});

‎src/components/BaseHead.astro‎

Lines changed: 15 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
---
22
// Import the global.css file here so that it is included on
33
// all pages through the use of the <BaseHead /> component.
4-
import '../styles/global.css';
5-
import type { ImageMetadata } from 'astro';
6-
import FallbackImage from '../assets/branding/wiringbits-logo-full-color-rgb.svg';
7-
import { SITE_TITLE } from '../consts';
4+
import "../styles/global.css";
5+
import type { ImageMetadata } from "astro";
6+
import FallbackImage from "../assets/branding/wiringbits-logo-full-color-rgb.svg";
7+
import { SITE_TITLE } from "../consts";
88
99
interface Props {
10-
title: string;
11-
description: string;
12-
image?: ImageMetadata;
10+
title: string;
11+
description: string;
12+
image?: ImageMetadata;
1313
}
1414
1515
const canonicalURL = new URL(Astro.url.pathname, Astro.site);
@@ -27,14 +27,13 @@ const { title, description, image = FallbackImage } = Astro.props;
2727

2828
<link rel="sitemap" href="/sitemap-index.xml" />
2929
<link
30-
rel="alternate"
31-
type="application/rss+xml"
32-
title={SITE_TITLE}
33-
href={new URL('rss.xml', Astro.site)}
30+
rel="alternate"
31+
type="application/rss+xml"
32+
title={SITE_TITLE}
33+
href={new URL("rss.xml", Astro.site)}
3434
/>
3535
<meta name="generator" content={Astro.generator} />
3636

37-
3837
<!-- Canonical URL -->
3938
<link rel="canonical" href={canonicalURL} />
4039

@@ -58,4 +57,7 @@ const { title, description, image = FallbackImage } = Astro.props;
5857
<meta property="twitter:image" content={new URL(image.src, Astro.url)} />
5958

6059
<!-- Swiper CSS -->
61-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
60+
<link
61+
rel="stylesheet"
62+
href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
63+
/>

‎src/components/Footer.astro‎

Lines changed: 165 additions & 81 deletions
Original file line numberDiff line numberDiff line change
@@ -1,91 +1,175 @@
11
---
2-
import { SITE_AUTHOR, COMPANY_EMAIL, COMPANY_NAME, COMPANY_ADDRESS_LINE1, COMPANY_ADDRESS_LINE2, COMPANY_ADDRESS_COUNTRY } from '../consts';
2+
import {
3+
SITE_AUTHOR,
4+
COMPANY_EMAIL,
5+
COMPANY_NAME,
6+
COMPANY_ADDRESS_LINE1,
7+
COMPANY_ADDRESS_LINE2,
8+
COMPANY_ADDRESS_COUNTRY,
9+
} from "../consts";
310
const today = new Date();
411
---
512

6-
<footer id="contact" class="bg-gray-900 text-white border-t border-gray-800">
7-
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
8-
<div class="grid grid-cols-1 md:grid-cols-4 gap-10">
9-
<div>
10-
<h3 class="text-lg font-semibold text-blue-400">{COMPANY_NAME}</h3>
11-
<p class="mt-3 text-gray-400">We design, build, and scale software with quality and care.</p>
13+
<footer id="contact" class="border-t border-gray-800 bg-gray-900 text-white">
14+
<div class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
15+
<div class="grid grid-cols-1 gap-10 md:grid-cols-4">
16+
<div>
17+
<h3 class="text-lg font-semibold text-blue-400">{COMPANY_NAME}</h3>
18+
<p class="mt-3 text-gray-400">
19+
We design, build, and scale software with quality and care.
20+
</p>
1221

13-
<div class="flex space-x-4 mt-6" aria-label="Social links">
14-
<a href="https://github.com/wiringbits" class="text-gray-400 hover:text-white transition-colors" aria-label="GitHub">
15-
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
16-
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
17-
</svg>
18-
</a>
19-
<a href="https://www.linkedin.com/company/wiringbits" class="text-gray-400 hover:text-white transition-colors" aria-label="LinkedIn">
20-
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
21-
<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
22-
</svg>
23-
</a>
24-
<a href="https://x.com/wiringbits" class="text-gray-400 hover:text-white transition-colors" aria-label="X/Twitter">
25-
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
26-
<path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/>
27-
</svg>
28-
</a>
29-
</div>
30-
</div>
31-
32-
<div>
33-
<h4 class="text-sm font-semibold text-gray-300 uppercase tracking-wider">Company</h4>
34-
<ul class="mt-4 space-y-3 text-gray-400">
35-
<li><a href="/" class="hover:text-blue-400 transition-colors">Home</a></li>
36-
<li><a href="/blog/" class="hover:text-blue-400 transition-colors">Blog</a></li>
37-
<li><a href="/testimonials" class="hover:text-blue-400 transition-colors">Testimonials</a></li>
38-
</ul>
39-
</div>
22+
<div class="mt-6 flex space-x-4" aria-label="Social links">
23+
<a
24+
href="https://github.com/wiringbits"
25+
class="text-gray-400 transition-colors hover:text-white"
26+
aria-label="GitHub"
27+
>
28+
<svg
29+
class="h-6 w-6"
30+
fill="currentColor"
31+
viewBox="0 0 24 24"
32+
aria-hidden="true"
33+
>
34+
<path
35+
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
36+
></path>
37+
</svg>
38+
</a>
39+
<a
40+
href="https://www.linkedin.com/company/wiringbits"
41+
class="text-gray-400 transition-colors hover:text-white"
42+
aria-label="LinkedIn"
43+
>
44+
<svg
45+
class="h-6 w-6"
46+
fill="currentColor"
47+
viewBox="0 0 24 24"
48+
aria-hidden="true"
49+
>
50+
<path
51+
d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"
52+
></path>
53+
</svg>
54+
</a>
55+
<a
56+
href="https://x.com/wiringbits"
57+
class="text-gray-400 transition-colors hover:text-white"
58+
aria-label="X/Twitter"
59+
>
60+
<svg
61+
class="h-6 w-6"
62+
fill="currentColor"
63+
viewBox="0 0 24 24"
64+
aria-hidden="true"
65+
>
66+
<path
67+
d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"
68+
></path>
69+
</svg>
70+
</a>
71+
</div>
72+
</div>
4073

41-
<div>
42-
<h4 class="text-sm font-semibold text-gray-300 uppercase tracking-wider">Contact</h4>
43-
<ul class="mt-4 space-y-3 text-gray-400">
44-
<li>
45-
<a class="hover:text-blue-400 transition-colors" href={`mailto:${COMPANY_EMAIL}`}>{COMPANY_EMAIL}</a>
46-
</li>
47-
<li class="text-gray-400">
48-
<address class="not-italic">
49-
<div>{COMPANY_ADDRESS_LINE1}</div>
50-
<div>{COMPANY_ADDRESS_LINE2}</div>
51-
<div>{COMPANY_ADDRESS_COUNTRY}</div>
52-
</address>
53-
</li>
54-
</ul>
55-
</div>
74+
<div>
75+
<h4
76+
class="text-sm font-semibold tracking-wider text-gray-300 uppercase"
77+
>
78+
Company
79+
</h4>
80+
<ul class="mt-4 space-y-3 text-gray-400">
81+
<li>
82+
<a href="/" class="transition-colors hover:text-blue-400">Home</a>
83+
</li>
84+
<li>
85+
<a href="/blog/" class="transition-colors hover:text-blue-400"
86+
>Blog</a
87+
>
88+
</li>
89+
<li>
90+
<a
91+
href="/testimonials"
92+
class="transition-colors hover:text-blue-400">Testimonials</a
93+
>
94+
</li>
95+
</ul>
96+
</div>
5697

57-
<div>
58-
<h4 class="text-sm font-semibold text-gray-300 uppercase tracking-wider">Newsletter</h4>
59-
<p class="mt-4 text-gray-400">Get occasional updates about new posts and projects.</p>
60-
<form
61-
class="mt-4 flex w-full max-w-sm"
62-
action="https://wiringbits.us19.list-manage.com/subscribe/post?u=7ed4d4d25be6d189d1795765d&id=67cb3fe8dc"
63-
method="post"
64-
target="_blank"
65-
novalidate
66-
>
67-
<input
68-
type="email"
69-
id="mce-EMAIL"
70-
name="EMAIL"
71-
required
72-
placeholder="you@example.com"
73-
class="flex-1 px-3 py-2 rounded-l-md bg-gray-800 border border-gray-700 text-gray-100 placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500"
74-
/>
75-
<div aria-hidden="true" style="position: absolute; left: -5000px;" class="hidden">
76-
<input type="text" name="b_7ed4d4d25be6d189d1795765d_67cb3fe8dc" tabindex="-1" value="" />
77-
</div>
78-
<button type="submit" class="px-4 py-2 rounded-r-md bg-blue-600 hover:bg-blue-500 text-white border border-blue-600">Subscribe</button>
79-
</form>
80-
</div>
98+
<div>
99+
<h4
100+
class="text-sm font-semibold tracking-wider text-gray-300 uppercase"
101+
>
102+
Contact
103+
</h4>
104+
<ul class="mt-4 space-y-3 text-gray-400">
105+
<li>
106+
<a
107+
class="transition-colors hover:text-blue-400"
108+
href={`mailto:${COMPANY_EMAIL}`}>{COMPANY_EMAIL}</a
109+
>
110+
</li>
111+
<li class="text-gray-400">
112+
<address class="not-italic">
113+
<div>{COMPANY_ADDRESS_LINE1}</div>
114+
<div>{COMPANY_ADDRESS_LINE2}</div>
115+
<div>{COMPANY_ADDRESS_COUNTRY}</div>
116+
</address>
117+
</li>
118+
</ul>
119+
</div>
81120

82-
</div>
121+
<div>
122+
<h4
123+
class="text-sm font-semibold tracking-wider text-gray-300 uppercase"
124+
>
125+
Newsletter
126+
</h4>
127+
<p class="mt-4 text-gray-400">
128+
Get occasional updates about new posts and projects.
129+
</p>
130+
<form
131+
class="mt-4 flex w-full max-w-sm"
132+
action="https://wiringbits.us19.list-manage.com/subscribe/post?u=7ed4d4d25be6d189d1795765d&id=67cb3fe8dc"
133+
method="post"
134+
target="_blank"
135+
novalidate
136+
>
137+
<input
138+
type="email"
139+
id="mce-EMAIL"
140+
name="EMAIL"
141+
required
142+
placeholder="you@example.com"
143+
class="flex-1 rounded-l-md border border-gray-700 bg-gray-800 px-3 py-2 text-gray-100 placeholder-gray-500 focus:ring-2 focus:ring-blue-500 focus:outline-none"
144+
/>
145+
<div
146+
aria-hidden="true"
147+
style="position: absolute; left: -5000px;"
148+
class="hidden"
149+
>
150+
<input
151+
type="text"
152+
name="b_7ed4d4d25be6d189d1795765d_67cb3fe8dc"
153+
tabindex="-1"
154+
value=""
155+
/>
156+
</div>
157+
<button
158+
type="submit"
159+
class="rounded-r-md border border-blue-600 bg-blue-600 px-4 py-2 text-white hover:bg-blue-500"
160+
>Subscribe</button
161+
>
162+
</form>
163+
</div>
164+
</div>
83165

84-
<div class="mt-10 pt-6 border-t border-gray-800 flex flex-col md:flex-row items-center justify-between text-gray-400 text-sm">
85-
<p> {today.getFullYear()} {SITE_AUTHOR}. All rights reserved.</p>
86-
<div class="mt-3 md:mt-0 space-x-4">
87-
<a href="/rss.xml" class="hover:text-blue-400">RSS</a>
88-
</div>
89-
</div>
166+
<div
167+
class="mt-10 flex flex-col items-center justify-between border-t border-gray-800 pt-6 text-sm text-gray-400 md:flex-row"
168+
>
169+
<p>{today.getFullYear()} {SITE_AUTHOR}. All rights reserved.</p>
170+
<div class="mt-3 space-x-4 md:mt-0">
171+
<a href="/rss.xml" class="hover:text-blue-400">RSS</a>
172+
</div>
90173
</div>
91-
</footer>
174+
</div>
175+
</footer>

‎src/components/FormattedDate.astro‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
---
22
interface Props {
3-
date: Date;
3+
date: Date;
44
}
55
66
const { date } = Astro.props;
77
---
88

99
<time datetime={date.toISOString()}>
10-
{
11-
date.toLocaleDateString('en-us', {
12-
year: 'numeric',
13-
month: 'short',
14-
day: 'numeric',
15-
})
16-
}
10+
{
11+
date.toLocaleDateString("en-us", {
12+
year: "numeric",
13+
month: "short",
14+
day: "numeric",
15+
})
16+
}
1717
</time>

‎src/components/GoogleAnalytics.astro‎

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,13 @@ const { id } = Astro.props;
77
---
88

99
<!-- Google tag (gtag.js) -->
10-
<script async src={`https://www.googletagmanager.com/gtag/js?id=${id}`}></script>
10+
<script async src={`https://www.googletagmanager.com/gtag/js?id=${id}`}
11+
></script>
1112
<script define:vars={{ id }}>
1213
window.dataLayer = window.dataLayer || [];
13-
function gtag(){dataLayer.push(arguments);}
14-
gtag('js', new Date());
15-
gtag('config', id);
14+
function gtag() {
15+
dataLayer.push(arguments);
16+
}
17+
gtag("js", new Date());
18+
gtag("config", id);
1619
</script>

0 commit comments

Comments
 (0)