Skip to content

Commit

Permalink
feature/ pokedexAPP finished styling
Browse files Browse the repository at this point in the history
  • Loading branch information
@dadedeandrade
dadedeandrade committed Jul 16, 2022
1 parent 062ab42 commit 3729c49
Show file tree
Hide file tree
Showing 3 changed files with 47 additions and 12 deletions.
22 changes: 21 additions & 1 deletion simplePort/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -83,7 +83,27 @@ <h2 id="liveChat">Coffebreak RealTime Chat</h2>
<!-- 292.17 -->
<h2 id="pokedex">PokedexApp</h2>
<div id="pokedexItemDetails" class="pokedexItemDetails">
Lorem ipsum dolor sit amet.
A pokedex App created in collaboration with @KenjiWorkES using ReduxToolkit for frontend and consuming data from PokemonAPI and NewsAPI
</div>
<div class='itemStack'>
<p>ReactJS</p>
<p>Redux</p>
<p>Sass</p>
<p>PokemonAPI</p>
<p>NewsAPI</p>
</div>

</div>
</a>
</li>

<li>
<a href="" target="_blank">
<div onmouseover="addActiveClassOnHover('foodwebItemDetails')" onmouseout="removeActiveClassOnHover('foodwebItemDetails')" class="item">
<!-- 292.17 -->
<h2 id="foodweb">FoodWeb</h2>
<div id="foodwebItemDetails" class="foodwebItemDetails">
A blog website that contains article and recipes of delicious food from all over the world
</div>
<div class='itemStack'>
<p>ReactJS</p>
Expand Down
17 changes: 10 additions & 7 deletions simplePort/scripts/main.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,26 +18,29 @@ toggleLanguage.addEventListener('click', () => {
pokedexItemDetails.classList.add('heightFix')
foodwebItemDetails.classList.add('heightFix')
livechatItemDetails.innerText = 'Esse projeto foi criado com o intuito de disponibilizar um ambiente agradável para desenvolvedores terem a possibilidade de um coffeBreak em home-office. Acredito na importancia de um momento de distração durante a jornada de trabalho e no home-office o momento do cafézinho se perdeu, por isso a ideia do projeto, O MVP que seria o chat já está disponibilizado e futuramente outras funções serão implementadas como uma radio colaborativa, mensagens privadas, cadastro de usurio e por aí vai :)';
pokedexItemDetails.innerText = 'Esse projeto foi criado com o intuito de disponibilizar um ambiente agradável para desenvolvedores terem a possibilidade de um coffeBreak em home-office. Acredito na importancia de um momento de distração durante a jornada de trabalho e no home-office o momento do cafézinho se perdeu, por isso a ideia do projeto, O MVP que seria o chat já está disponibilizado e futuramente outras funções serão implementadas como uma radio colaborativa, mensagens privadas, cadastro de usurio e por aí vai :)';
foodwebItemDetails.innerText = 'Esse projeto foi criado com o intuito de disponibilizar um ambiente agradável para desenvolvedores terem a possibilidade de um coffeBreak em home-office. Acredito na importancia de um momento de distração durante a jornada de trabalho e no home-office o momento do cafézinho se perdeu, por isso a ideia do projeto, O MVP que seria o chat já está disponibilizado e futuramente outras funções serão implementadas como uma radio colaborativa, mensagens privadas, cadastro de usurio e por aí vai :)';
pokedexItemDetails.innerText = "Um app de pokedex criado em colaboração com o @KenjiWorkES utilizando o ReduxToolkit para o frontend e consumindo os dados das api's PokemonAPI e NewsAPI";
foodwebItemDetails.innerText = "Um blog que contém artigos e receitas de comidas deliciosas de todo o mundo";

} else {
const h1 = document.querySelector('header h1')
const h2 = document.querySelector('header h2')
const liveChat = document.querySelector('#liveChat')
const pokedex = document.querySelector('#pokedex')
const livechatItemDetails = document.querySelector('.livechatItemDetails')
const pokedexItemDetails = document.querySelector('.pokedexItemDetails')
const foodwebItemDetails = document.querySelector('.foodwebItemDetails')
const socialMedia = document.querySelector('.userMedia p')
livechatItemDetails.classList.remove('heightFix')
pokedexItemDetails.classList.remove('heightFix')
foodwebItemDetails.classList.remove('heightFix')
h1.innerHTML = 'Hi, Welcome to my portifolio!'
h2.innerHTML = 'Here you can find all my projects with the stacks im currently working, hope you enjoy :)'
liveChat.innerHTML = 'CoffeBreak RealTime Chat'
pokedex.innerHTML = 'PokedexAPP'
socialMedia.innerHTML = 'Social Media:'
livechatItemDetails.classList.remove('heightFix')
pokedexItemDetails.classList.remove('heightFix')
foodwebItemDetails.classList.remove('heightFix')
livechatItemDetails.innerText = "The idea behind this project was to create a pleasant environment for developers so they can take a small break from home-office in a chat with their colleagues. I believe in the idea that moments of distraction are one of the most important things during the working day so we can keep productivity going and keep burnout away, and with the current ascension of homeoffice we are kinda losing that little break we had in the office, thats why i developed the app. The MVP is ready, and for the future i'll implement more features like a collaborative radio, private messages, user registration and more :)";
pokedexItemDetails.innerText = "The idea behind this project was to create a pleasant environment for developers so they can take a small break from home-office in a chat with their colleagues. I believe in the idea that moments of distraction are one of the most important things during the working day so we can keep productivity going and keep burnout away, and with the current ascension of homeoffice we are kinda losing that little break we had in the office, thats why i developed the app. The MVP is ready, and for the future i'll implement more features like a collaborative radio, private messages, user registration and more :)";
foodwebItemDetails.innerText = "The idea behind this project was to create a pleasant environment for developers so they can take a small break from home-office in a chat with their colleagues. I believe in the idea that moments of distraction are one of the most important things during the working day so we can keep productivity going and keep burnout away, and with the current ascension of homeoffice we are kinda losing that little break we had in the office, thats why i developed the app. The MVP is ready, and for the future i'll implement more features like a collaborative radio, private messages, user registration and more :)";
pokedexItemDetails.innerText = "A pokedex App created in collaboration with @KenjiWorkES using ReduxToolkit for frontend and consuming data from PokemonAPI and NewsAPI";
foodwebItemDetails.innerText = "A blog website that contains article and recipes of delicious food from all over the world";
}
}
)
Expand Down
20 changes: 16 additions & 4 deletions simplePort/styles/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -142,7 +142,6 @@ body {
width: 100%;
min-height: 100%;


display: flex;
justify-content: center;
align-items: center;
Expand Down Expand Up @@ -333,7 +332,7 @@ footer .userMedia ul li a i {
}


.livechatItemDetails, .pokedexItemDetails{
.livechatItemDetails, .pokedexItemDetails, .foodwebItemDetails{
position: relative;
background: linear-gradient(to bottom, #222,rgb(29, 29, 29));
font-size: 10px;
Expand All @@ -346,7 +345,7 @@ footer .userMedia ul li a i {


@media (max-width: 768px) {
.livechatItemDetails, .pokedexItemDetails{
.livechatItemDetails, .pokedexItemDetails, .foodwebItemDetails{
display: none;
}
#Matrix {
Expand All @@ -362,11 +361,24 @@ footer .userMedia ul li a i {
.pokedexItemDetails.active {
height: 55px;
padding: 5px;

}
.foodwebItemDetails.active{
height: 55px;
padding: 5px;

}


.livechatItemDetails.active.heightFix, .pokedexItemDetails.active.heightFix{
.livechatItemDetails.active.heightFix {
height: 170px;
padding: 5px;
}

.foodwebItemDetails.active.heightFix {

}

.pokedexItemDetails.active.heightFix {

}

0 comments on commit 3729c49

Please sign in to comment.