Statistics
| Branch: | Tag: | Revision:

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

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>