diff --git a/assets/css/global.css b/assets/css/global.css
index 1f2c0d6ad..1abc2747e 100644
--- a/assets/css/global.css
+++ b/assets/css/global.css
@@ -1,67 +1,67 @@
* {
- box-sizing: border-box;
- font-family: 'Open Sans', sans-serif;
+ box-sizing: border-box;
+ font-family: "Open Sans", sans-serif;
}
@font-face {
- font-family: 'Neue Machina';
- src: url('../fonts/neue-machina-regular.otf');
+ font-family: "Neue Machina";
+ src: url("../fonts/neue-machina-regular.otf");
}
body {
- background-color: #000;
- color: #fff;
+ background-color: #000;
+ color: #fff;
}
a {
- color: #fff;
- text-decoration: none;
+ color: #fff;
+ text-decoration: none;
}
a:hover {
- text-decoration: underline;
+ text-decoration: underline;
}
.main {
- margin: 1rem;
- padding: 1rem;
- border: 1px solid #fff;
- border-radius: 1rem;
+ margin: 1rem;
+ padding: 1rem;
+ border: 1px solid #fff;
+ border-radius: 1rem;
+ max-width: 500px;
}
.main::before,
.main::after {
- content: '';
- background-image: url('../img/background.svg');
- background-repeat: no-repeat;
- background-size: contain;
- display: inline-block;
- position: fixed;
- top: 0;
- left: 0;
- width: 140vw;
- height: 100vh;
- z-index: -1;
+ content: "";
+ background-image: url("../img/background.svg");
+ background-repeat: no-repeat;
+ background-size: contain;
+ display: inline-block;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 140vw;
+ height: 100vh;
+ z-index: -1;
}
.main::after {
- content: '';
- top: auto;
- left: auto;
- bottom: 0;
- right: 0;
- transform: rotate(180deg);
+ content: "";
+ top: auto;
+ left: auto;
+ bottom: 0;
+ right: 0;
+ transform: rotate(180deg);
}
-
@media only screen and (min-width: 768px) {
- .main {
- max-width: 1024px;
- margin: 1rem auto;
- }
+ .main {
+ max-width: 500px;
+ margin: 1rem auto;
+ }
- .main::before,
- .main::after {
- width: 70vw;
- }
-}
\ No newline at end of file
+ .main::before,
+ .main::after {
+ width: 70vw;
+ }
+}
diff --git a/assets/css/header.css b/assets/css/header.css
index 572ab9438..1c456890f 100644
--- a/assets/css/header.css
+++ b/assets/css/header.css
@@ -1,96 +1,96 @@
.header {
- display: flex;
- flex-direction: column;
- align-items: center;
- position: relative;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ position: relative;
}
.header::after {
- content: '';
- display: inline-block;
- position: absolute;
- top: 1rem;
- right: 1rem;
- width: 2rem;
- height: 2rem;
- background-repeat: no-repeat;
- background-size: contain;
- background-image: url('../img/icons/header.svg');
+ content: "";
+ display: inline-block;
+ position: absolute;
+ top: 1rem;
+ right: 1rem;
+ width: 2rem;
+ height: 2rem;
+ background-repeat: no-repeat;
+ background-size: contain;
+ background-image: url("../img/icons/header.svg");
}
.header .photo {
- width: 200px;
- height: 200px;
- border-radius: 50%;
+ width: 200px;
+ height: 200px;
+ border-radius: 50%;
}
.header .title {
- font-family: 'Neue Machina';
- text-align: center;
+ font-family: "Neue Machina";
+ text-align: center;
}
.information {
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- width: 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ width: 100%;
}
.information p {
- display: flex;
- flex-direction: row;
- align-items: center;
- margin: .5rem;
- font-size: 1.125rem;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ margin: 0.5rem;
+ font-size: 1.125rem;
}
.information p::before {
- content: '';
- display: inline-block;
- width: 1rem;
- height: 1rem;
- background-repeat: no-repeat;
- background-size: contain;
- margin-right: .5rem;
+ content: "";
+ display: inline-block;
+ width: 1rem;
+ height: 1rem;
+ background-repeat: no-repeat;
+ background-size: contain;
+ margin-right: 0.5rem;
}
.information .job::before {
- background-image: url('../img/icons/job.svg');
+ background-image: url("../img/icons/job.svg");
}
.information .location::before {
- background-image: url('../img/icons/location.svg');
+ background-image: url("../img/icons/location.svg");
}
.information .email::before {
- background-image: url('../img/icons/email.svg');
+ background-image: url("../img/icons/email.svg");
}
.information .phone::before {
- background-image: url('../img/icons/phone.svg');
+ background-image: url("../img/icons/phone.svg");
}
@media only screen and (min-width: 768px) {
- .header {
- display: grid;
- grid-template-areas:
- "photo title"
- "photo information"
- ;
- }
+ .header {
+ display: grid;
+ grid-template-areas:
+ "photo"
+ "title"
+ "information";
+ }
- .header .photo {
- grid-area: photo;
- margin: 0 auto;
- }
+ .header .photo {
+ grid-area: photo;
+ margin: 0 auto;
+ }
- .header .title {
- grid-area: title;
- text-align: start;
- max-width: 210px;
- }
+ .header .title {
+ grid-area: title;
+ text-align: center;
+ max-width: 100%;
+ }
- .header .information {
- grid-area: information;
- }
-}
\ No newline at end of file
+ .header .information {
+ grid-area: information;
+ }
+}
diff --git a/assets/js/api.js b/assets/js/api.js
index 29f0a21e9..7bc7de1bc 100644
--- a/assets/js/api.js
+++ b/assets/js/api.js
@@ -1,6 +1,7 @@
async function fetchProfileData() {
- const url = 'https://raw.githubusercontent.com/digitalinnovationone/js-developer-portfolio/main/data/profile.json';
+ //const url = 'https://raw.githubusercontent.com/digitalinnovationone/js-developer-portfolio/main/data/profile.json';
+ const url = './data/profile.json';
const response = await fetch(url)
const profileData = await response.json()
return profileData
diff --git a/data/profile.json b/data/profile.json
index 50da6a25a..65f29ca21 100644
--- a/data/profile.json
+++ b/data/profile.json
@@ -1,24 +1,16 @@
{
- "name": "Renan J Paula",
- "photo": "https://avatars.githubusercontent.com/u/3266640?v=4",
- "job": "Tech Lead no S3 Bank",
- "location": "São Paulo - SP",
- "phone": "(16) 98159-7656",
- "email": "renanjohannsen@gmail.com",
+ "name": "Adelino Masioli",
+ "photo": "https://avatars.githubusercontent.com/u/2363796?v=4",
+ "job": "Software Engineer",
+ "location": "Vila Nova de Gaia - PT",
+ "phone": "+351 932 992 170",
+ "email": "adelinomasioli@gmail.com",
"skills": {
"hardSkills": [
{
"name": "Nodejs",
"logo": "https://raw.githubusercontent.com/digitalinnovationone/js-developer-portfolio/main/data/imgs/nodejs.png"
},
- {
- "name": "Java",
- "logo": "https://raw.githubusercontent.com/digitalinnovationone/js-developer-portfolio/main/data/imgs/java.png"
- },
- {
- "name": "Angular",
- "logo": "https://raw.githubusercontent.com/digitalinnovationone/js-developer-portfolio/main/data/imgs/angular.png"
- },
{
"name": "React",
"logo": "https://raw.githubusercontent.com/digitalinnovationone/js-developer-portfolio/main/data/imgs/react.png"
@@ -40,39 +32,44 @@
"Organização"
]
},
- "languages": [
- "Português BR",
- "Inglês (intermediário)",
- "Espanhol (intermediário)",
- "Italiano (iniciante)"
- ],
+ "languages": ["Português BR", "Inglês - B2"],
"portfolio": [
{
- "name": "Curso Ministrado na DIO para a criação de uma Pokedex",
- "url": "https://github.com/RenanJPaula/js-developer-pokedex",
+ "name": "Curso Ministrado pela DIO para a criação de uma Pokedex",
+ "url": "https://github.com/adelino-masioli/js-developer-pokedex",
"github": true
},
{
- "name": "Curso Ministrado na DIO para a criação de uma página de portfolio",
- "url": "https://github.com/RenanJPaula/js-developer-portfolio",
+ "name": "Curso Ministrado pela DIO para a criação de uma página de portfolio",
+ "url": "https://github.com/adelino-masioli/js-developer-portfolio",
"github": true
}
],
"professionalExperience": [
{
- "name": "Arquiteto de software / S3 BANK",
- "period": "2022 - até o momento",
- "description": "É um prazer trabalhar ao lado de tantos profissionais excepcionais e construir tantas inovações de mercado."
+ "name": "Software Engineer/ Solution17",
+ "period": "2020 - 2023",
+ "description": "My time at Solution17 was and will always be the best experience of my career. I learned a lot from the entire team and had the opportunity to share my knowledge."
+ },
+ {
+ "name": "Mobile Engineer/ PrimeIT",
+ "period": "2020 - 2020",
+ "description": "I was hired on a temporary basis to develop a mobile application focused on the medical and dental sector. In collaboration with the engineering team, we decided to create a hybrid application for Android and iOS using the React Native framework."
+ },
+ {
+ "name": "Senior Ruby on Rails Developer / DSOP",
+ "period": "2019 - 2020",
+ "description": "Working at this company was a fantastic experience. The team was mature and provided great support during the pandemic, which made me feel welcomed even though I was in Ireland. There were moments when I felt like I was in the office, alongside everyone else."
},
{
- "name": "Software Engineering Lead / DIO",
- "period": "2021 - 2022",
- "description": "Foi um grande prazer fazer parte deste time fantástico e poder contribuir com a transformação de tantas vidas."
+ "name": "Software Engineer / Scoolook",
+ "period": "2018 - 2019",
+ "description": "My responsibilities included system maintenance, development of new features, and migration to a more modern and reactive stack. During the pandemic, many changes occurred, and the project came to an end, but the experience of being part of an amazing team remained."
},
{
- "name": "CEO / Brain Machine",
- "period": "2016 - 2021",
- "description": "Anos incríveis ao lado de pessoas maravilhosas ajudando muitas empresas por todo o mundo."
+ "name": "Software Engineer / Loggia",
+ "period": "2012 - 2018",
+ "description": "During my time at Loggia, I had the opportunity to work with various technologies, primarily because our main client was the Banco Sicoob cooperative. Therefore, the developed applications encompassed a variety of scenarios, ranging from simple websites to Facebook applications, online stores, JavaScript animations, portals, and websites."
}
]
-}
\ No newline at end of file
+}
diff --git a/index.html b/index.html
index 00a0165c3..9d9498c2d 100644
--- a/index.html
+++ b/index.html
@@ -1,120 +1,129 @@
-
-
-
-
-
- Portifólio Renan J Paula
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+ Portifólio Adelino Masioli
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
- Pessoal:
-
- - Carregando...
- - Carregando...
- - Carregando...
-
-
-
-
+
+
+
+
+ Pessoal:
+
+ - Carregando...
+ - Carregando...
+ - Carregando...
+
+
+
+
-
-