Initial commit

dadedeandrade · Jul 16, 2022 · 3152951 · 3152951
1 parent 92d26bb
commit 3152951
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 9 deletions.
diff --git a/simplePort/index.html b/simplePort/index.html
@@ -16,9 +16,9 @@
 
 <body>
 
-    <section class="booting" id="bootSection">
+    <!-- <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>
@@ -56,12 +56,13 @@ <h2>Here you can find all my on-going projects with the stacks im currently work
         <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">
+                <div id="liveChatDiv" onmouseover="addActiveClassOnHover('livechatItemDetails')" onmouseout="removeActiveClassOnHover('livechatItemDetails')" class="item">
                   <!-- 292.17 -->
                   <h2  id="liveChat">Coffebreak RealTime Chat</h2>
-                  <div id="itemDetails" class="itemDetails">
+                  <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'>
@@ -75,6 +76,7 @@ <h2  id="liveChat">Coffebreak RealTime Chat</h2>
                 </div>
               </a>
             </li>
+
           </ul>
         </main>
 

diff --git a/simplePort/scripts/main.js b/simplePort/scripts/main.js
@@ -77,7 +77,7 @@ function removeActiveClassOnHover(elem) {
 
 
 
-const itemDetails = document.querySelector('.itemDetails')
+const itemDetails = document.querySelector('.livechatItemDetails')
 liveChat.addEventListener('mouseover', () => {
 
 })

diff --git a/simplePort/styles/style.css b/simplePort/styles/style.css
@@ -335,7 +335,7 @@ h1,h2,p {
 }
 
 
-.itemDetails{
+.livechatItemDetails{
   position: relative;
   background: linear-gradient(to bottom, #222,rgb(29, 29, 29));
   font-size: 10px;
@@ -346,7 +346,7 @@ h1,h2,p {
 
 
 @media (max-width: 768px) {
-  .itemDetails{
+  .livechatItemDetails{
     display: none;
   }
   #Matrix {
@@ -355,13 +355,13 @@ h1,h2,p {
 }
 
 
-.itemDetails.active{
+.livechatItemDetails.active{
   height: 185px;
   padding: 5px;
 }
 
 
-.itemDetails.active.heightFix{
+.livechatItemDetails.active.heightFix{
   height: 170px;
   padding: 5px;
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -77,7 +77,7 @@ function removeActiveClassOnHover(elem) { @@
-    const itemDetails = document.querySelector('.itemDetails')
+    const itemDetails = document.querySelector('.livechatItemDetails')
     liveChat.addEventListener('mouseover', () => {
     })
@@ Expand Down @@