improved sidemenu

improved homepage
uxkolip · Jan 11, 2024 · a5fc064 · a5fc064
1 parent d181f81
commit a5fc064
Show file tree

Hide file tree

Showing 27 changed files with 312 additions and 4,640 deletions.
diff --git a/dist/accusonus.html b/dist/accusonus.html
diff --git a/dist/css/bootstrap/bootstrap-grid.css b/dist/css/bootstrap/bootstrap-grid.css
diff --git a/dist/css/bootstrap/bootstrap-grid.css.map b/dist/css/bootstrap/bootstrap-grid.css.map
diff --git a/dist/css/bootstrap/bootstrap-reboot.css b/dist/css/bootstrap/bootstrap-reboot.css
diff --git a/dist/css/bootstrap/bootstrap-reboot.css.map b/dist/css/bootstrap/bootstrap-reboot.css.map
diff --git a/dist/css/styles.css b/dist/css/styles.css
diff --git a/dist/css/styles.css.map b/dist/css/styles.css.map
diff --git a/dist/img/misc/logos/geekbot-logo.png b/dist/img/misc/logos/geekbot-logo.png
diff --git a/dist/img/misc/testimonials/george-psistakis-thumb.png b/dist/img/misc/testimonials/george-psistakis-thumb.png
diff --git a/dist/index.html b/dist/index.html
diff --git a/dist/js/homepage.js b/dist/js/homepage.js
diff --git a/dist/meta.html b/dist/meta.html
diff --git a/dist/microsoft.html b/dist/microsoft.html
diff --git a/dist/profile.html b/dist/profile.html
diff --git a/dist/voicemod.html b/dist/voicemod.html
diff --git a/src/accusonus.html b/src/accusonus.html
@@ -164,7 +164,7 @@ <h5 class="offcanvas-title bigger-2" id="offcanvasNavbarLabel">Μenu</h5>
 
    <div class="row">
   <div class="col-2 position-relative overflow-y-auto sideMenu px-0 d-none d-xl-block">
-      <div class="col-2 px-0 mx-auto overflow-y-auto overflow-x-hidden position-fixed border the-border border-start-0 border-bottom-0 border-top-0" style="height: 100vh;">
+      <div class="col-2 px-0 mx-auto overflow-y-auto overflow-x-hidden position-fixed border the-border border-start-0 border-bottom-0 border-top-0 border-radius" style="height: 100vh;">
 
           <div class="d-flex my-4 position-relative ps-4">
             <div style="max-width: 40px;" class="col-12 px-0 mb-2 rounded-circle d-none d-md-block">
@@ -284,7 +284,7 @@ <h1 class="lh-base mt-4 anim04" style="opacity: 1;">Make <mark>online calls</mar
 
             <div class="col-12 col-md-6 col-lg-4 mb-4">
               <p class="mb-2 font-weight-bold text-uppercase">Employer</p>
-              <p class="smaller-2"><a href="https://en.wikipedia.org/wiki/Accusonus" target="_blank" class="text-info" title="Opens in a new tab" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="101x32" data-bs-custom-class="custom-tooltip">accusonus</a>, acquired by <a href="https://about.meta.com/realitylabs/" target="_blank" class="text-info" title="Opens Meta Reality Labs' website on a new tab" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="162x32" data-bs-custom-class="custom-tooltip">Meta Reality Labs</a>, Athens (remote)</p>
+              <p class="smaller-2"><a href="https://en.wikipedia.org/wiki/Accusonus" target="_blank" class="text-info" title="Opens in a new tab">accusonus</a>, acquired by <a href="https://about.meta.com/realitylabs/" target="_blank" class="text-info" title="Opens Meta Reality Labs' website on a new tab">Meta Reality Labs</a>, Athens (remote)</p>
             </div>
 
             <div class="col-12 col-md-6 col-lg-4 mb-4">
@@ -1049,7 +1049,7 @@ <h2 class="section-title">Initial mockups (Mid-Fi)</h2>
                 <div class="col-12 mt-5 position-relative">
                   <img src="img/misc/elements/era-bundle-charisto.png" alt="The ERA Bundle" class="img-fluid w-100" />
                   <p class="smaller-3 text-center mt-4">The ERA Bundle</p>
-                  <p class="smaller-3 text-end position-absolute top-0 end-0 pt-4 pe-3">Dribbble shot by <a href="https://dribbble.com/haraluna" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="206x25" data-bs-custom-class="custom-tooltip">Charisto Konstantakopoulou</a></p>
+                  <p class="smaller-3 text-end position-absolute top-0 end-0 pt-4 pe-3">Dribbble shot by <a href="https://dribbble.com/haraluna" target="_blank" class="text-info">Charisto Konstantakopoulou</a></p>
                 </div>
 
 
@@ -1397,7 +1397,7 @@ <h2 class="section-title">Next project</h2>
 
             <div class="row d-flex">
               <div class="col-7 px-0">
-                <p class="smaller-3 mb-0">Page distributed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="205x25" data-bs-custom-class="custom-tooltip">Creative Commons</a>.</p>
+                <p class="smaller-3 mb-0">Page distributed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" class="text-info">Creative Commons</a>.</p>
               </div>
               <div class="col ms-auto text-end px-0">
                 <a href="https://www.figma.com/file/KvZro6YLHayaTX4nbXqdSc/Portfolio?type=design&amp;node-id=0%3A1&amp;mode=design&amp;t=vbcbdwRVd69vZjJI-1" target="_blank" title="Opens portfolio's Figma file in a new tab" class="noUnderline">
@@ -1438,25 +1438,25 @@ <h5 class="offcanvas-title section-title" id="offcanvasBottomLabel">Credits</h5>
                   </div>
                   <div class="col-4">
                     <p class="smaller-2">
-                      <a href="https://www.figma.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="60x32" data-bs-custom-class="custom-tooltip">Figma</a>, 
-                      <a href="https://getbootstrap.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="93x32" data-bs-custom-class="custom-tooltip">Bootstrap</a>, 
-                      <a href="https://github.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="69x32" data-bs-custom-class="custom-tooltip">GitHub</a>, 
-                      <a href="https://greensock.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="102x32" data-bs-custom-class="custom-tooltip">GreenSock</a>, 
-                      <a href="https://www.aninix.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="66x32" data-bs-custom-class="custom-tooltip">Animix</a>, 
-                      <a href="https://dotlottie.io/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="88x32" data-bs-custom-class="custom-tooltip">DotLottie</a>, 
-                      <a href="https://analytics.google.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="152x32" data-bs-custom-class="custom-tooltip">Google Analytics</a>, 
-                      <a href="https://www.hotjar.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="63x32" data-bs-custom-class="custom-tooltip">HotJar</a>, 
-                      <a href="https://lenis.studiofreight.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="54x32" data-bs-custom-class="custom-tooltip">Lenis</a>, 
-                      <a href="https://particles.js.org/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="110x32" data-bs-custom-class="custom-tooltip">TS Particles</a>, <a href="https://wistia.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="61x32" data-bs-custom-class="custom-tooltip">Wistia</a> and finally 
-                      <a href="https://jquery.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="63x32" data-bs-custom-class="custom-tooltip">jQuery</a>.
+                      <a href="https://www.figma.com/?ref=kolip.design" target="_blank" class="text-info">Figma</a>, 
+                      <a href="https://getbootstrap.com/?ref=kolip.design" target="_blank" class="text-info">Bootstrap</a>, 
+                      <a href="https://github.com/?ref=kolip.design" target="_blank" class="text-info">GitHub</a>, 
+                      <a href="https://greensock.com/?ref=kolip.design" target="_blank" class="text-info">GreenSock</a>, 
+                      <a href="https://www.aninix.com/?ref=kolip.design" target="_blank" class="text-info">Animix</a>, 
+                      <a href="https://dotlottie.io/?ref=kolip.design" target="_blank" class="text-info">DotLottie</a>, 
+                      <a href="https://analytics.google.com/?ref=kolip.design" target="_blank" class="text-info">Google Analytics</a>, 
+                      <a href="https://www.hotjar.com/?ref=kolip.design" target="_blank" class="text-info">HotJar</a>, 
+                      <a href="https://lenis.studiofreight.com/?ref=kolip.design" target="_blank" class="text-info">Lenis</a>, 
+                      <a href="https://particles.js.org/?ref=kolip.design" target="_blank" class="text-info">TS Particles</a>, <a href="https://wistia.com/?ref=kolip.design" target="_blank" class="text-info">Wistia</a> and finally 
+                      <a href="https://jquery.com/?ref=kolip.design" target="_blank" class="text-info">jQuery</a>.
                     </p>
                   </div>
                   <div class="col-4">
                     <p class="smaller-2">Local dev environment set on 
-                      <a href="https://nodejs.org/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="72x32" data-bs-custom-class="custom-tooltip">Node.js</a> & 
-                    <a href="https://gulpjs.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="48x32" data-bs-custom-class="custom-tooltip">Gulp</a>. The font I use is GT America and the icons are from 
-                    <a href="https://icons8.com/icons/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="76x32" data-bs-custom-class="custom-tooltip">ICONS8</a> collection named Dusk. Finally, the Notion-style illustrations are from 
-                    <a href="https://notioly.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="68x32" data-bs-custom-class="custom-tooltip">Notioly</a>.</p>
+                      <a href="https://nodejs.org/?ref=kolip.design" target="_blank" class="text-info">Node.js</a> & 
+                    <a href="https://gulpjs.com/?ref=kolip.design" target="_blank" class="text-info">Gulp</a>. The font I use is GT America and the icons are from 
+                    <a href="https://icons8.com/icons/?ref=kolip.design" target="_blank" class="text-info">ICONS8</a> collection named Dusk. Finally, the Notion-style illustrations are from 
+                    <a href="https://notioly.com/?ref=kolip.design" target="_blank" class="text-info">Notioly</a>.</p>
                   </div>
                 </div>
               </div>