move target position outside of name

Author: tschortsch

assets/js/scripts.js

@@ -69,7 +69,7 @@ $(document).ready(function() {
     }
 
     function calculateDistanceX(elementA, elementB) {
-        var targetPositionOffsetX = 3;
+        var targetPositionOffsetX = 10;
         return elementB.offset().left - elementA.offset().left - targetPositionOffsetX;
     }
 

assets/js/scripts.min.js

@@ -46,7 +46,7 @@
                 </div>
             </div>
             <div class="col-md-8 col-lg-7 col-xl-5">
-                <h1 class="name text-center text-md-left">Jürg Hunzike<span id="target-position">r</span></h1>
+                <h1 class="name text-center text-md-left">Jürg Hunziker<span id="target-position"></span></h1>
 
                 <!-- social buttons -->
                 <ul class="social-buttons text-center text-md-left list-inline">
@@ -142,7 +142,7 @@ <h1 class="name text-center text-md-left">Jürg Hunzike<span id="target-position
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
 
 <!-- Page Scripts -->
-<script src="./assets/js/scripts.min.js"></script>
+<script src="./assets/js/scripts.js"></script>
 
 <script>
     if ('serviceWorker' in navigator) {