Skip to content

Commit

Permalink
Merge pull request #51 from alvaroaxsmith/development
Browse files Browse the repository at this point in the history 
Development
  • Loading branch information
@alvaroaxsmith
alvaroaxsmith authored Jun 3, 2024
2 parents f916e5f + 7f6cf84 commit 312cf5d
Show file tree
Hide file tree
Showing 21 changed files with 355 additions and 324 deletions.
5 changes: 3 additions & 2 deletions src/app/components/footer/footer.component.html
View file
Original file line number Diff line number Diff line change
@@ -1,11 +1,12 @@
<div class="container">
<div class="first">
<a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank">CC BY-NC 4.0</a> <br>
© {{anoAtual}}
{{anoAtual}}
</div>

<div class="first">
{{'Made by' | translate }} <br><a class="name" href="https://github.com/alvaroaxsmith" target="_blank">Álvaro
{{'Made by' | translate }} <br><a style="font-weight: 500" matTooltip="Github" class="name"
href="https://github.com/alvaroaxsmith" target="_blank">Alvaro
Ferreira</a>
</div>
<div>
Expand Down
13 changes: 6 additions & 7 deletions src/app/components/footer/footer.component.scss
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,8 @@
.container {
display: flex;
justify-content: space-evenly;
align-items: baseline;
display: grid;
grid-template-columns: repeat(3, 1fr);
justify-items: center;
align-items: center;
font-size: 14px;
font-weight: 300;
position: fixed;
Expand All @@ -14,14 +15,13 @@
a {
text-decoration: none;
color: hsl(0, 0%, 37%);

}

.flex-icons,
.name {
display: flex;
justify-content: space-evenly;
align-items: baseline;
align-items: center;
}

.first {
Expand All @@ -39,6 +39,5 @@ a {
.container {
font-size: 12px;
padding: 0;

}
}
}
231 changes: 71 additions & 160 deletions src/app/pages/about-me/about-me.component.html
View file
Original file line number Diff line number Diff line change
@@ -1,163 +1,74 @@
<h1>{{'About me' | translate}}</h1>
<div class="main">
<mat-accordion class="headers-align">
<mat-expansion-panel hideToggle>
<mat-expansion-panel-header>
<mat-panel-title>
{{'Who am I?' | translate}}
</mat-panel-title>
</mat-expansion-panel-header>

<mat-action-row class="bio">
<div class="bio-margin">
{{"I have a degree in Production Engineering from UNIVESP and currently work as a front-end/full-stack
developer. I consistently adhere to implementing solid programming practices, including the SOLID principles,
and integrate automated testing into all the projects I engage in. This approach not only enhances the quality
of the code but also contributes to the reliability and robustness of the systems I develop. I am continually
seeking ways to refine my skills and deliver efficient, innovative solutions." |
translate}}
</div>
</mat-action-row>
</mat-expansion-panel>

<mat-expansion-panel hideToggle>
<mat-expansion-panel-header>
<mat-panel-title>
{{'Skills' | translate}}
</mat-panel-title>
</mat-expansion-panel-header>
<mat-action-row>
<p>
HTML |
CSS |
Javascript |
Java |
Typescript |
Nodejs |
Express |
SQL |
noSQL |
Angular |
React |
Next |
Vue |
Tailwind |
Docker
</p>
</mat-action-row>
</mat-expansion-panel>

<!-- <mat-expansion-panel hideToggle>
<mat-expansion-panel-header>
<mat-panel-title>
{{'Highlights' | translate}}
</mat-panel-title>
</mat-expansion-panel-header>
<mat-action-row>
<div class="timeline">
<h2 class="timeline__item timeline__item--year"><span>{{'August 2018' | translate }}</span></h2>
<div class="timeline__item">
<h3 class="timeline__title">{{'Admission to UNIVESP' | translate }}</h3>
</div>
<h2 class="timeline__item timeline__item--year"><span>{{'April 2019 to' | translate }}</span><br>
<span>{{'April 2021' | translate }}</span>
</h2>
<div class="timeline__item" style="padding-right: 0;">
<h3 class="timeline__title">{{'Internship at Metro de São Paulo' | translate }}</h3>
</div>
<h2 class="timeline__item timeline__item--year"><span>{{'July 2021 to' | translate}}</span><br>
<span>{{'October 2021' | translate}}</span>
</h2>
<div class="timeline__item">
<h3 class="timeline__title">{{'Bootcamp at Gama Academy' | translate}}</h3>
</div>
<h2 class="timeline__item timeline__item--year"><span>{{'January 2022 to' | translate }}</span><br>
<span>{{'June 2022' | translate }}</span>
</h2>
<div class="timeline__item" style="padding-right: 0;">
<h3 class="timeline__title">{{'Bootcamp at SoulCode Academy' | translate }}</h3>
<div class="container">
<header>
<h1>{{ 'About me' | translate }}</h1>
</header>

<section class="content">
<mat-accordion class="headers-align">

<mat-expansion-panel hideToggle>
<mat-expansion-panel-header>
<mat-panel-title>
{{ 'Bio' | translate }}
</mat-panel-title>
</mat-expansion-panel-header>
<mat-action-row class="bio">
<div class="bio-margin">
<div class="bio-margin" [innerHTML]="'bio.description' | translate"></div>
</div>
<h2 class="timeline__item timeline__item--year"><span>{{'August 2022 to' | translate }}</span><br>
<span>{{'September 2022' | translate }}</span>
</h2>
<div class="timeline__item">
<h3 class="timeline__title">{{'1st place in the Gama-lab Tech Experience' | translate }}</h3>
</mat-action-row>
</mat-expansion-panel>

<mat-expansion-panel hideToggle>
<mat-expansion-panel-header>
<mat-panel-title>
{{ 'Skills' | translate }}
</mat-panel-title>
</mat-expansion-panel-header>
<mat-action-row class="skills">
<div>
<app-skill-chip *ngFor="let skill of skills" [skill]="skill"></app-skill-chip>
</div>
<h2 class="timeline__item timeline__item--year"><span>{{'October 2022' | translate }}</span></h2>
<div class="timeline__item">
<h3 class="timeline__title">{{'Software Developer at V.tal' | translate }}</h3>
</mat-action-row>
</mat-expansion-panel>

<mat-expansion-panel hideToggle>
<mat-expansion-panel-header>
<mat-panel-title>
{{ 'Hobbies' | translate }}
</mat-panel-title>
</mat-expansion-panel-header>
<mat-action-row class="hobbies">
<div class="hobbies">
<p>{{ 'I have a certain facility for developing hobbies, I will only mention the main ones because I have many. 😅' | translate }}</p>
<h4>{{ 'Amateur Chess ♟️' | translate }}</h4>
<p>{{ 'I learned to play chess at the age of 7, but I started to practice constantly in the pandemic and today I have more than a thousand games on ' | translate }} <a href="https://www.chess.com/member/ferreiraalvaro" target="_blank">chess.com</a>.</p>

<h4>{{ 'Guitar Player 🎶' | translate }}</h4>
<p>{{ 'I play guitar since I was 12 years old, I like to listen to all kinds of music and I like to create musical arrangements, soon I will post it on soundcloud.' | translate }}</p>

<h4>{{ 'Podcast Listener 🎙️' | translate }}</h4>
<p>{{ "I can't deny that I spend hours listening to podcasts, my favorite podcasts are:" | translate }}</p>
<ul>
<li><a href="https://open.spotify.com/show/5qFSRB3x4SP9xZgr4my7fO" target="_blank"><strong>Like A Boss (Alura)</strong></a></li>
<li><a href="https://open.spotify.com/show/07Ze7DxJjgyS5fsV8lNPSw" target="_blank"><strong>Ciencia Sem Fim</strong></a></li>
<li><a href="https://open.spotify.com/show/5BqnrP8ztYwYnHNtWRXrUs" target="_blank"><strong>Amplifica</strong></a></li>
</ul>
</div>
</div>
</mat-action-row>
</mat-expansion-panel> -->

<mat-expansion-panel hideToggle>
<mat-expansion-panel-header>
<mat-panel-title>
Hobbies
</mat-panel-title>
</mat-expansion-panel-header>
<mat-action-row>

<div class="hobbies">
<p>
{{'I have a certain facility for developing hobbies,
I will only mention the main ones because I have many. 😅' | translate }}</p>
<h4>{{'Amateur Chess ♟️' | translate }}</h4>
<p>
{{'I learned to play chess at the age of 7,
but I started to practice constantly in the pandemic and today
I have more than a thousand games on ' | translate }} <a href="https://www.chess.com/member/ferreiraalvaro"
target="_blank">chess.com.</a>
</p>

<h4>{{'Guitar Player 🎶' | translate }}</h4>
<p>
{{'I play guitar since I was 12 years old, I like to listen to all
kinds of music and I like to create musical arrangements, soon
I will post it on soundcloud.' | translate }}
</p>
<h4>{{'Podcast Listener 🎙️' | translate }}</h4>
<p>{{"I can't deny that I spend hours listening to podcasts, my favorite podcasts are:" | translate }}</p>

<ul>
<li><a href="https://open.spotify.com/show/5qFSRB3x4SP9xZgr4my7fO" target="_blank">Like A Boss(Alura)</a>
</li>
<li><a href="https://open.spotify.com/show/07Ze7DxJjgyS5fsV8lNPSw" target="_blank">Ciencia Sem Fim</a></li>
<li><a href="https://open.spotify.com/show/5BqnrP8ztYwYnHNtWRXrUs" target="_blank">Amplifica</a></li>
</ul>

</div>

</mat-action-row>
</mat-expansion-panel>

<mat-expansion-panel hideToggle>
<mat-expansion-panel-header>
<mat-panel-title>

<a style="text-decoration: none; color: #444;"
href="https://drive.google.com/file/d/1HmIfm-YP1SLxTN72bgNrKiYFrs7oO9ij/view?usp=sharing" target="_blank">
CV (PDF) 📄
</a>
</mat-panel-title>
</mat-expansion-panel-header>
</mat-expansion-panel>

</mat-accordion>
</div>
</mat-action-row>
</mat-expansion-panel>

<mat-expansion-panel hideToggle>
<mat-expansion-panel-header>
<mat-panel-title>
<a class="resume-link" href="https://drive.google.com/file/d/1HmIfm-YP1SLxTN72bgNrKiYFrs7oO9ij/view?usp=sharing" target="_blank">
CV (PDF) 📄
</a>
</mat-panel-title>
</mat-expansion-panel-header>
</mat-expansion-panel>

</mat-accordion>
</section>

</div>
Loading

0 comments on commit 312cf5d

Please sign in to comment.