Skip to content

Update title #7

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
adelino-masioli wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Update title #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
d73baf7
Feat: update data
Sep 18, 2023
1d33662
Feat: update title
Sep 18, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
80 changes: 40 additions & 40 deletions assets/css/global.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;
}
}
.main::before,
.main::after {
width: 70vw;
}
}
118 changes: 59 additions & 59 deletions assets/css/header.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;
}
}
.header .information {
grid-area: information;
}
}
3 changes: 2 additions & 1 deletion assets/js/api.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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
Expand Down
65 changes: 31 additions & 34 deletions data/profile.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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"
Expand All @@ -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."
}
]
}
}
Loading