PR#32: Dev => Master

.github/workflows/main.yml

@@ -36,4 +36,4 @@ jobs:
       - name: Create Release
         uses: ncipollo/[email protected]
         with:
-          tag: v1.5.6
+          tag: v1.5.6.1

Node.gitignore → .gitignore

@@ -16,6 +16,10 @@ pids
 *.seed
 *.pid.lock
 
+# macOS hidden files
+.DS_Store
+*._.
+
 # Directory for instrumented libs generated by jscoverage/JSCover
 lib-cov
 
@@ -127,4 +131,4 @@ dist
 .yarn/unplugged
 .yarn/build-state.yml
 .yarn/install-state.gz
-.pnp.*
+.pnp.*

Home.html

@@ -119,7 +119,7 @@ <h1 class="intro">
               <br>
               <br>
               <!-- Return to Top -->
-            <a href="javascript:" id="return-to-top"><i class="fa fa-arrow-up"></i></a>
+            <a href="javascript:" class="return-to-top"><i class="fa fa-arrow-up"></i></a>
               </div>
             </div>
           </div>
@@ -149,10 +149,10 @@ <h2 style="color: white;">My GitHub contributions</h2>
       </div>
     </section>
     <!--Project section-->
-    <div class="box">
+    <div class="box" style="margin-top: 150px;">
       <p id="service"></p>
       <div class="containerPrj">
-        <h1 style="text-align:center; background-color: rgb(227, 227, 227); padding-top: 70px; margin-top: 0px;"><strong class="wow fadeInDownBig" data-wow-delay="0.5s">Projects</strong></h1>
+        <h1 style="text-align:center; background-color: rgb(227, 227, 227);"><strong class="wow fadeInDownBig" data-wow-delay="0.5s">Projects</strong></h1>
         <main class="gridPrj">
 
           <article class="wow fadeInUp social-icon" data-wow-delay="0.5s">         
@@ -169,7 +169,7 @@ <h1 style="text-align:center; background-color: rgb(227, 227, 227); padding-top:
               <li>Figma</li>
               <li>GitHub</li>
               <li>Xcode Simulators</li>
-              <li>Android Studio emulators</li>
+              <li>Android Studio</li>
               <li> MVVM architecture </li>
             </ul>
           </article>
@@ -890,9 +890,6 @@ <h2>Fullstack Software Engineer</h2>
 
     </div>
       <div class="col-md-12 col-sm-12">
-        <h2><strong><br>
-          +61 478 753 033<br>
-          [email protected]</strong></h2>
         <ul class="wow fadeInDown social-icon" data-wow-delay="0.5s">
           <li><a href="https://www.linkedin.com/in/oudom-munint/" target="_blank" class="fa fa-linkedin-square"></a></li>
           <li><a href="https://github.com/OudomMunint" target="_blank" class="fa fa-github"></a></li>

css/all.min.css

@@ -33,7 +33,7 @@ p {
 .mask span {
   -webkit-text-fill-color: transparent;
 }
-#return-to-top,
+.return-to-top,
 .body,
 .gridPrj .btn,
 .social-icon li a {
@@ -421,7 +421,7 @@ p {
   line-height: 25px;
   letter-spacing: 0.2px;
 }
-#return-to-top {
+.return-to-top {
   position: fixed;
   bottom: 20px;
   right: 20px;
@@ -439,7 +439,7 @@ p {
   transition: 0.3s;
   z-index: 2;
 }
-#return-to-top i {
+.return-to-top i {
   color: #fff;
   margin: 0;
   position: relative;
@@ -457,10 +457,10 @@ p {
   transition: 0.3s;
   top: 0;
 }
-#return-to-top:hover {
+.return-to-top:hover {
   background: rgba(0, 0, 0, 0.9);
 }
-#return-to-top:hover i {
+.return-to-top:hover i {
   color: #fff;
   top: 5px;
 }

js/all.min.js

@@ -183,7 +183,7 @@ window.addEventListener("scroll", showIt);
 
 
 //Return to top
-const scrollToTopBtn = document.getElementById("return-to-top");
+const scrollToTopBtn = document.getElementsByClassName("return-to-top")[0];
 
 scrollToTopBtn.addEventListener("click", () => {
   window.scrollTo({
@@ -194,8 +194,8 @@ scrollToTopBtn.addEventListener("click", () => {
 
 $(window).scroll(function () {
   $(this).scrollTop() >= 50
-    ? $("#return-to-top").fadeIn(200)
-    : $("#return-to-top").fadeOut(200);
+    ? $(".return-to-top").fadeIn(200)
+    : $(".return-to-top").fadeOut(200);
 });
 
 // const DOT_RADIUS = 24,