Skip to content

Commit f7f10f4

Browse files
committed
misc: some changes to visuals
1 parent 0cee534 commit f7f10f4

15 files changed

Lines changed: 84 additions & 126 deletions

public/fonts/Mightyline.ttf

126 KB
Binary file not shown.

src/components/Footer.astro

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,18 +2,21 @@
22
const today = new Date();
33
---
44

5-
<footer class="bg-gray-900 border-t border-green-500/20 py-8">
5+
<footer class="bg-black border-t border-fuchsia-500/20 py-8">
66
<div class="container mx-auto px-4">
7-
<p class="text-center text-gray-400 font-atkinson">
8-
&copy; {today.getFullYear()} Vitor Coutinho Fernandes. All rights reserved.
7+
<p class="text-sm text-center text-white font-atkinson">
8+
&copy; {today.getFullYear()} Vitor Coutinho Fernandes.
9+
</p>
10+
<p class="text-sm text-center text-white font-atkinson">
11+
All rights reserved.
912
</p>
1013
<div class="flex justify-center gap-6 mt-4">
11-
<a href="https://github.com/CoutoDev" target="_blank" class="text-gray-400 hover:text-green-400 transition-colors" aria-label="Go to CoutoDev GitHub profile">
14+
<a href="https://github.com/CoutoDev" target="_blank" class="text-white hover:text-fuchsia-700 transition-colors" aria-label="Go to CoutoDev GitHub profile">
1215
<svg viewBox="0 0 16 16" width="32" height="32" class="fill-current">
1316
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
1417
</svg>
1518
</a>
16-
<a href="https://www.linkedin.com/in/vitor-coutinho-fernandes" target="_blank" class="text-gray-400 hover:text-green-400 transition-colors" aria-label="Visit Vitor Coutinho Fernandes LinkedIn Profile">
19+
<a href="https://www.linkedin.com/in/vitor-coutinho-fernandes" target="_blank" class="text-white hover:text-fuchsia-700 transition-colors" aria-label="Visit Vitor Coutinho Fernandes LinkedIn Profile">
1720
<svg viewBox="0 0 16 16" width="32" height="32" class="fill-current">
1821
<path d="M1.5 0a1.5 1.5 0 0 0-1.5 1.5v13a1.5 1.5 0 0 0 1.5 1.5h13a1.5 1.5 0 0 0 1.5-1.5v-13A1.5 1.5 0 0 0 14.5 0h-13zm4.75 12.5H3.75v-7h2.5v7zm-1.25-8.25a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5zm9 8.25h-2.5v-3.25c0-.69-.56-1.25-1.25-1.25s-1.25.56-1.25 1.25v3.25h-2.5v-7h2.5v1.031c.45-.623 1.17-1.031 2-1.031 1.38 0 2.5 1.12 2.5 2.5v4.5z"/>
1922
</svg>

src/components/Header.astro

Lines changed: 5 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -2,24 +2,10 @@
22
import { SITE_TITLE } from '../consts';
33
---
44

5-
<header class="bg-gray-900 border-b border-green-500/20">
6-
<nav class="container mx-auto px-4 py-4 flex justify-between items-center">
7-
<h2>
8-
<a class="text-2xl font-atkinson font-bold text-green-400 hover:text-green-300 transition-colors" href="/">
9-
{SITE_TITLE}
10-
</a>
11-
</h2>
12-
<div class="flex gap-6">
13-
<a href="https://github.com/CoutoDev" target="_blank" class="text-green-400 hover:text-green-300 transition-colors" aria-label="Go to CoutoDev GitHub profile">
14-
<svg viewBox="0 0 16 16" width="32" height="32" class="fill-current">
15-
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
16-
</svg>
17-
</a>
18-
<a href="https://www.linkedin.com/in/vitor-coutinho-fernandes" target="_blank" class="text-green-400 hover:text-green-300 transition-colors" aria-label="Visit Vitor Coutinho Fernandes LinkedIn Profile">
19-
<svg viewBox="0 0 16 16" width="32" height="32" class="fill-current">
20-
<path d="M1.5 0a1.5 1.5 0 0 0-1.5 1.5v13a1.5 1.5 0 0 0 1.5 1.5h13a1.5 1.5 0 0 0 1.5-1.5v-13A1.5 1.5 0 0 0 14.5 0h-13zm4.75 12.5H3.75v-7h2.5v7zm-1.25-8.25a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5zm9 8.25h-2.5v-3.25c0-.69-.56-1.25-1.25-1.25s-1.25.56-1.25 1.25v3.25h-2.5v-7h2.5v1.031c.45-.623 1.17-1.031 2-1.031 1.38 0 2.5 1.12 2.5 2.5v4.5z"/>
21-
</svg>
22-
</a>
23-
</div>
5+
<header class="bg-black border-b border-fuchsia-500/20">
6+
<nav class="container mx-auto px-4 py-4 flex justify-center items-center">
7+
<a class="text-2xl font-atkinson font-bold text-cyan-400 hover:text-cyan-300 transition-colors" href="/">
8+
<pre>{SITE_TITLE}</pre>
9+
</a>
2410
</nav>
2511
</header>

src/consts.ts

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,2 @@
1-
// Place any global data in this file.
2-
// You can import this data from anywhere in your site by using the `import` keyword.
3-
4-
export const SITE_TITLE = 'CoutoDev Blog';
1+
export const SITE_TITLE = 'Code & Chess';
52
export const SITE_DESCRIPTION = 'Welcome to my website!';

src/content.config.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@ const blog = defineCollection({
1212
pubDate: z.coerce.date(),
1313
updatedDate: z.coerce.date().optional(),
1414
carouselImages: z.array(z.string()).optional(),
15+
tags: z.array(z.string()).optional(),
1516
}),
1617
});
1718

src/content/blog/using-mdx copy 2.mdx

Lines changed: 0 additions & 9 deletions
This file was deleted.

src/content/blog/using-mdx copy 3.mdx

Lines changed: 0 additions & 9 deletions
This file was deleted.

src/content/blog/using-mdx copy 4.mdx

Lines changed: 0 additions & 9 deletions
This file was deleted.

src/content/blog/using-mdx copy.mdx

Lines changed: 0 additions & 9 deletions
This file was deleted.

src/content/blog/using-mdx.mdx

Lines changed: 13 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,28 @@
11
---
2-
title: 'Using MDX'
2+
title: 'The naming gambit'
33
description: 'Lorem ipsum dolor sit amet'
44
pubDate: 'Jun 01 2024'
55
carouselImages: ['/blog/posts/gambito/10.png', '/blog/posts/gambito/11.png', '/blog/posts/gambito/17.png', '/blog/posts/gambito/18.png']
6+
tags: ['clean code', 'naming']
67
---
8+
One thing is certain:
79

8-
# Teste
10+
We may never be able to unlock all the secrets and possibilities that emerge from these two crossroads: Programming and chess.
911

10-
alo alo.
12+
Both arts involve strategy, dexterity, sacrifice and resilience. There are many similarities, but there are also differences.
1113

12-
__testando__
13-
*testando*
14+
The decision to choose a move on the board is irreversible. It's made. But unlike chess, in programming you can undo, redo and, most importantly of all, adhere to clean code.
1415

15-
```
16-
console.log('alo')
17-
```
16+
But after all, what can be considered clean code? Uncle Bob has written an entire book on the subject, which I highly recommend you read!
1817

19-
## Teste
18+
In this series of posts I intend to cover some of the aspects of the famous Clean Code, bringing practical examples with a focus on the front end, but which can be applied to software development in general.
2019

21-
Aoba
20+
There's nothing better to start this topic than talking about one of the most difficult things in this area: giving things (good) names.
2221

23-
> Quote
24-
>
25-
>> Test
22+
Knowing that this is a pain point for many of us (devs), we can see it as a small sacrifice that will pay off in the long run. And both you in the future and your fellow developers will be very grateful for your initial sacrifice.
2623

27-
- Test
24+
Whether you're creating a CSS variable, a React component, a Redux state, a custom Hook or a simple utility function, giving it a meaningful name that is easily understood within its context is an arduous but fundamental task.
2825

29-
[Link](https://google.com)
26+
To finish with another chess analogy, remember: just as a Grandmaster can look at a board and instantly understand what is happening, a developer should be able to look at their code and immediately understand what it does.
3027

31-
- First item
32-
- Second item
33-
- Third item
34-
- Indented item
35-
- Indented item
36-
- Fourth item
28+
White pieces move first in chess, and clear names move your code in the right direction from the start.

0 commit comments

Comments
 (0)