Skip to content

Commit

Permalink
sync replit version with github
Browse files Browse the repository at this point in the history
  • Loading branch information
@dadedeandrade
dadedeandrade committed Jun 2, 2023
1 parent f37009b commit fdcde22
Show file tree
Hide file tree
Showing 6 changed files with 419 additions and 300 deletions.
263 changes: 172 additions & 91 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,106 +1,187 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vinicius de Andrade</title>
<link rel="stylesheet" href="styles/style.css" />
<link rel="stylesheet" href="styles/styleWhiteTheme.css" />
<link rel="stylesheet" href="styles/toggleStyle.css" />
<script
src="https://kit.fontawesome.com/4cd12089dc.js"
crossorigin="anonymous"
></script>
<script src="scripts/main.js" defer></script>
<script src="scripts/matrixEffect.js" defer></script>
</head>

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vinicius de Andrade</title>
<link rel="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="styles/styleWhiteTheme.css">
<link rel="stylesheet" href="styles/toggleStyle.css">
<script src="https://kit.fontawesome.com/4cd12089dc.js" crossorigin="anonymous"></script>
<script src="scripts/main.js" defer></script>
<script src="scripts/matrixEffect.js" defer></script>
</head>

<body>

<section class="booting" id="bootSection">
<body>
<!-- <section class="booting" id="bootSection">
<h1 id="bootText">Developed by <<b>Vinicius de Andrade</b>></h1>
</section>
</section> -->

<div id="blackGround" class="blackGround"></div>
<canvas id="Matrix"></canvas>
<section class="mainContent">
<header>

<button style="display:none;" id="burgerBtn">Menu</button>
<section class="toggleSection">


<div class="languageDiv">
<div id="toggleLanguage">
<i class="indicatorLanguage"></i>
</div>
<header>
<button style="display: none" id="burgerBtn">Menu</button>
<section class="toggleSection">
<div class="languageDiv">
<div id="toggleLanguage">
<i class="indicatorLanguage"></i>
</div>

<div class="themeDiv">
<div id="toggleTheme">
<i class="indicatorTheme">
<i id="toggleIcon" class="gg-sun"></i>
</i>
</div>
</div>

</section>


<div class="headerTextDiv">
<h1>Hi, Welcome to my portifolio!</h1>
<h2>Here you can find all my on-going projects with the stacks im currently working, hope you enjoy :)</h2>
</div>

<div class="themeDiv">
<div id="toggleTheme">
<i class="indicatorTheme">
<i id="toggleIcon" class="gg-sun"></i>
</i>
</div>

</header>

<main>
<!-- Adicionado ID em alguns elementos para traducao no JS -->
<ul>
<li>
<a href="https://aluracord-dade.vercel.app/" target="_blank">
<div id="liveChatDiv" onmouseover="addActiveClassOnHover('itemDetails')" onmouseout="removeActiveClassOnHover('itemDetails')" class="item">
<!-- 292.17 -->
<h2 id="liveChat">Coffebreak RealTime Chat</h2>
<div id="itemDetails" class="itemDetails">
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 :)
</div>
<div class='itemStack'>
<p>NextJS</p>
<p>React</p>
<p>Skynexui</p>
<p>CSS</p>
<p>Supabase</p>
</div>

</div>
</section>

<div class="headerTextDiv">
<h1>Hi, Welcome to my portifolio!</h1>
<h2>
Here you can find all my on-going projects with the stacks im
currently working, hope you enjoy :)
</h2>
</div>
</header>

<main>
<!-- Adicionado ID em alguns elementos para traducao no JS -->
<ul>
<li>
<a href="https://aluracord-dade.vercel.app/" target="_blank">
<div
onmouseover="addActiveClassOnHover('livechatItemDetails')"
onmouseout="removeActiveClassOnHover('livechatItemDetails')"
class="item"
>
<!-- 292.17 -->
<h2 id="liveChat">Coffebreak RealTime Chat</h2>
<div id="livechatItemDetails" class="livechatItemDetails">
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 :)
</div>
<div class="itemStack">
<p>NextJS</p>
<p>React</p>
<p>Skynexui</p>
<p>CSS</p>
<p>Supabase</p>
</div>
</div>
</a>
</li>
<li>
<a href="https://pokedex-five-lime.vercel.app/" target="_blank">
<div
onmouseover="addActiveClassOnHover('pokedexItemDetails')"
onmouseout="removeActiveClassOnHover('pokedexItemDetails')"
class="item"
>
<h2 id="pokedex">PokedexApp</h2>
<div id="pokedexItemDetails" class="pokedexItemDetails">
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="https://v-food.vercel.app" target="_blank">
<div
onmouseover="addActiveClassOnHover('foodwebItemDetails')"
onmouseout="removeActiveClassOnHover('foodwebItemDetails')"
class="item"
>
<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>
<p>Redux</p>
<p>Sass</p>
<p>PokemonAPI</p>
<p>NewsAPI</p>
</div>
</div>
</a>
</li>

<li>
<a
href="https://web-operational-system-in-javascript.vercel.app/"
target="_blank"
>
<div
onmouseover="addActiveClassOnHover('webOperationalSystemJSItemDetails')"
onmouseout="removeActiveClassOnHover('webOperationalSystemJSItemDetails')"
class="item"
>
<h2 id="webOperationalSystemJS">webOperationalSystemJS</h2>
<div
id="webOperationalSystemJSItemDetails"
class="webOperationalSystemJSItemDetails"
>
A replication of a operational system (Linux) using HTML, CSS
and JS
</div>
<div class="itemStack">
<p>Javascript</p>
<p>CSS</p>
<p>HTML</p>
</div>
</div>
</a>
</li>
</ul>
</main>

<footer>
<div class="userMedia">
<p>Social media:</p>
<ul id="socialLinks">
<li>
<a href="https://github.com/andradeviniicius" target="_blank">
<i class="fa-brands fa-github"></i>
</a>
</li>
<li>
<a
href="https://www.linkedin.com/in/vinicius-andrade-sc/"
target="_blank"
>
<i class="fa-brands fa-linkedin"></i>
</a>
</li>
</ul>
</main>

<footer>
<div class="userMedia">
<p>
Social media:
</p>
<ul id="socialLinks">
<li>
<a href="https://github.com/andradeviniicius" target="_blank">
<i class="fa-brands fa-github"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/vinicius-andrade-sc/" target="_blank">
<i class="fa-brands fa-linkedin"></i>
</a>
</li>

</ul>
</div>

</footer>

</div>
</footer>
</section>
</body>

</html>
</body>
</html>
Loading

0 comments on commit fdcde22

Please sign in to comment.