Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / static / intro.html @ 336ddd59

History | View | Annotate | Download (2.9 kB)

1 1c1e2ff6 Kostas Papadimitriou 
<!doctype html>
2 1c1e2ff6 Kostas Papadimitriou 
<html>
3 1c1e2ff6 Kostas Papadimitriou 
<head>
4 1c1e2ff6 Kostas Papadimitriou 
    <title>Okeanos Project</title>
5 1c1e2ff6 Kostas Papadimitriou 
    <script src="./jquery.tools.min.js" type="text/javascript"></script>
6 1c1e2ff6 Kostas Papadimitriou 
    <style>
7 b2e062ee Kostas Papadimitriou 
        body, html {
8 b2e062ee Kostas Papadimitriou 
            overflow: hidden;
9 b2e062ee Kostas Papadimitriou 
        }
10 1c1e2ff6 Kostas Papadimitriou 
        .content {
11 1c1e2ff6 Kostas Papadimitriou 
            margin: 0 auto;
12 b2e062ee Kostas Papadimitriou 
            height: 100%;
13 1c1e2ff6 Kostas Papadimitriou 
        }
14 1c1e2ff6 Kostas Papadimitriou 
        .intro-img {
15 1c1e2ff6 Kostas Papadimitriou 
            cursor: pointer;
16 1c1e2ff6 Kostas Papadimitriou 
            border: none;
17 b2e062ee Kostas Papadimitriou 
            position: absolute;
18 b2e062ee Kostas Papadimitriou 
            left:0;
19 b2e062ee Kostas Papadimitriou 
            right:0;
20 1c1e2ff6 Kostas Papadimitriou 
        }
21 1c1e2ff6 Kostas Papadimitriou 
        a {
22 1c1e2ff6 Kostas Papadimitriou 
            border: none;
23 b2e062ee Kostas Papadimitriou 
            outline: none;
24 b2e062ee Kostas Papadimitriou 
        }
25 b2e062ee Kostas Papadimitriou 
        .fadeimg {
26 b2e062ee Kostas Papadimitriou 
            position: absolute;
27 b2e062ee Kostas Papadimitriou 
            display: none;
28 b2e062ee Kostas Papadimitriou 
            border: none;
29 b2e062ee Kostas Papadimitriou 
        }
30 b2e062ee Kostas Papadimitriou 
        .images {
31 b2e062ee Kostas Papadimitriou 
            width: 657px;
32 b2e062ee Kostas Papadimitriou 
            height: 590px;
33 b2e062ee Kostas Papadimitriou 
            position: absolute;
34 1c1e2ff6 Kostas Papadimitriou 
        }
35 1c1e2ff6 Kostas Papadimitriou 
    </style>
36 1c1e2ff6 Kostas Papadimitriou 
    <script type="text/javascript">
37 1c1e2ff6 Kostas Papadimitriou 
        $(document).ready(function() {
38 b2e062ee Kostas Papadimitriou 
            $(".content").css("width", "100%");
39 b2e062ee Kostas Papadimitriou 
            var img = $(".images");
40 b2e062ee Kostas Papadimitriou 
            var img_width = 657;
41 b2e062ee Kostas Papadimitriou 
            var img_height = 590;
42 b2e062ee Kostas Papadimitriou
43 b2e062ee Kostas Papadimitriou 
            function recenter_img() {
44 b2e062ee Kostas Papadimitriou 
                img.css("left", ($(window).width()/2 - img_width/2) + "px");
45 b2e062ee Kostas Papadimitriou 
                img.css("top", ($(window).height()/2 - img_height/2) + "px");
46 b2e062ee Kostas Papadimitriou 
            }
47 b2e062ee Kostas Papadimitriou 
            recenter_img();
48 b2e062ee Kostas Papadimitriou 
            $(window).resize(function(){
49 b2e062ee Kostas Papadimitriou 
                recenter_img();
50 b2e062ee Kostas Papadimitriou 
            });
51 b2e062ee Kostas Papadimitriou
52 b2e062ee Kostas Papadimitriou 
            function start_animation()
53 b2e062ee Kostas Papadimitriou 
            {
54 b2e062ee Kostas Papadimitriou 
                $(".fadeimg").fadeIn();
55 b2e062ee Kostas Papadimitriou 
                $(".fadeimg").show();
56 b2e062ee Kostas Papadimitriou 
            }
57 b2e062ee Kostas Papadimitriou
58 b2e062ee Kostas Papadimitriou 
            function stop_animation()
59 b2e062ee Kostas Papadimitriou 
            {
60 b2e062ee Kostas Papadimitriou 
                $(".fadeimg").fadeOut();
61 b2e062ee Kostas Papadimitriou 
            }
62 b2e062ee Kostas Papadimitriou
63 b2e062ee Kostas Papadimitriou 
            var capture = ".images";
64 b2e062ee Kostas Papadimitriou 
            $(capture).mouseenter(function(){
65 b2e062ee Kostas Papadimitriou 
                    start_animation();
66 b2e062ee Kostas Papadimitriou 
            })
67 b2e062ee Kostas Papadimitriou 
            $(capture).mouseleave(function() {
68 b2e062ee Kostas Papadimitriou 
                        stop_animation();
69 b2e062ee Kostas Papadimitriou 
            });
70 b2e062ee Kostas Papadimitriou 
            $(capture).mouseup(function() {
71 b2e062ee Kostas Papadimitriou 
                    $(".intro-img").hide();
72 b2e062ee Kostas Papadimitriou 
                    window.location = $("a.intro-link").attr("href");
73 b2e062ee Kostas Papadimitriou 
            });
74 b2e062ee Kostas Papadimitriou
75 b2e062ee Kostas Papadimitriou 
            $(".images").mousedown(function(){
76 b2e062ee Kostas Papadimitriou 
                    $(".intro-img").attr("src", "./okeanos-intro-logo3.png");
77 b2e062ee Kostas Papadimitriou 
                    $(".fadeimg").hide();
78 b2e062ee Kostas Papadimitriou 
            });
79 b2e062ee Kostas Papadimitriou
80 b2e062ee Kostas Papadimitriou 
            $(".images").click(function(evn){
81 b2e062ee Kostas Papadimitriou 
                    // evn.preventDefault();
82 b2e062ee Kostas Papadimitriou 
                    // var to = $(window).width() + img_width + 100 + "px";
83 b2e062ee Kostas Papadimitriou 
                    // $(".images").animate({"left": to}, 1000, function(){window.location = $("a.intro-link").attr("href")});
84 b2e062ee Kostas Papadimitriou 
            });
85 1c1e2ff6 Kostas Papadimitriou 
        });
86 1c1e2ff6 Kostas Papadimitriou 
    </script>
87 1c1e2ff6 Kostas Papadimitriou 

      

      
    
      
      

        88
        
        1c1e2ff6
        Kostas Papadimitriou
        
</head>


      

      
    
      
      

        89
        
        1c1e2ff6
        Kostas Papadimitriou
        
    <body>


      

      
    
      
      

        90
        
        b2e062ee
        Kostas Papadimitriou
        
        <div class="content">


      

      
    
      
      

        91
        
        b2e062ee
        Kostas Papadimitriou
        
            <div class="images">


      

      
    
      
      

        92
        
        b2e062ee
        Kostas Papadimitriou
        
                <a class="intro-link" href="http://www.okeanos.grnet.gr" title="">


      

      
    
      
      

        93
        
        b2e062ee
        Kostas Papadimitriou
        
                    <img class="intro-img" src="./okeanos-intro-logo1.png" alt="Sign in Okeanos project" />


      

      
    
      
      

        94
        
        b2e062ee
        Kostas Papadimitriou
        
                    <img class="fadeimg" src="./okeanos-intro-logo2.png" />


      

      
    
      
      

        95
        
        b2e062ee
        Kostas Papadimitriou
        
            </a></div>


      

      
    
      
      

        96
        
        1c1e2ff6
        Kostas Papadimitriou
        
    </div>


      

      
    
      
      

        97
        
        1c1e2ff6
        Kostas Papadimitriou
        
</body>


      

      
    
      
      

        98
        
        1c1e2ff6
        Kostas Papadimitriou
        
</html>