Difference between revisions of "Team:Greece/human practices"

Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
−
     <!--<link type='text/css' rel='stylesheet' href='parallels.css' />
+
     <!--
 +
    <link type='text/css' rel='stylesheet' href='parallels.css' />
 
     <link type='text/css' rel='stylesheet' href='navigation_bar.css' />
 
     <link type='text/css' rel='stylesheet' href='navigation_bar.css' />
−
     <script type='text/javascript' src='https://cldup.com/HJtlSwy2qT.js'></script>-->
+
     <script type='text/javascript' src='https://cldup.com/HJtlSwy2qT.js'></script>
−
<script>
+
    <script>
−
var win_width = window.innerWidth;
+
          var win_width = window.innerWidth;
−
var win_height = window.innerHeight;
+
          var win_height = window.innerHeight;
−
alert(win_width+'px - '+win_height+'px');
+
          alert(win_width+'px - '+win_height+'px');
−
</script>
+
    </script>
 +
    -->
  
 
     <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>  
 
     <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>  
Line 18: Line 20:
 
     <!--WorldMap-->
 
     <!--WorldMap-->
 
     <script type='text/javascript' src='https://cldup.com/xqxZ7YKC3A.js'></script>
 
     <script type='text/javascript' src='https://cldup.com/xqxZ7YKC3A.js'></script>
 +
 +
  <script> window.onload = function (){
 +
 +
                        //HIDE
 +
                        void(document.getElementById('loading-background').style.display = 'none');
 +
                        void(document.getElementById('loading-gif').style.display = 'none');
 +
 +
                        //SHOW
 +
                        void(document.getElementById('main-wraper').style.display = 'block');
 +
 +
                        // Change color of current link
 +
                        $('a[href*="' +window.location.href+'"]').each(function() { $(this).css('color', '#000000'); });
 +
 +
    }
 +
  </script>
  
 
</head>
 
</head>
 
<body>
 
<body>
−
<script>
+
<div id='loading-background'></div>
−
window.onload = function(){
+
<img id='loading-gif' src='https://cldup.com/pIBaUjU48W.gif'/>
−
            // Change color of current link
+
 
−
            $('a[href*="' +window.location.href+'"]').each(function() { $(this).css('color', '#000000'); });
+
−
}
+
−
</script>
+
 
<!-- Navigation Bar -->
 
<!-- Navigation Bar -->
 
             <div id='main-wraper'>
 
             <div id='main-wraper'>
Line 228: Line 242:
 
                 margin-left: 4%;
 
                 margin-left: 4%;
 
         }
 
         }
 +
     
 +
        #loading-background{ height:620%; }
  
 
@media screen and (min-width: 1367px) and (max-width: 1770px){
 
@media screen and (min-width: 1367px) and (max-width: 1770px){
Line 237: Line 253:
  
 
}
 
}
 +
</style>
 +
<style>
 +
        #loading-gif{
 +
                position: fixed;
 +
                z-index: 10000;
 +
                height: 200px;
 +
        -webkit-transform: translate(170%, 110%);
 +
        -moz-transform: translate(170%, 110%);
 +
        -ms-transform: translate(170%, 110%);
 +
        -o-transform: translate(170%, 110%);
 +
        transform: translate(170%, 110%);
 +
        }
 
</style>
 
</style>
 
<div id='map'></div>
 
<div id='map'></div>

Revision as of 14:21, 14 August 2017