diff options
Diffstat (limited to 'share/frontend/imgrid/index.html')
| -rwxr-xr-x | share/frontend/imgrid/index.html | 62 |
1 files changed, 49 insertions, 13 deletions
diff --git a/share/frontend/imgrid/index.html b/share/frontend/imgrid/index.html index 96813c2..81c1d40 100755 --- a/share/frontend/imgrid/index.html +++ b/share/frontend/imgrid/index.html @@ -31,17 +31,17 @@ <meta name="description" content="IMGRID - stretch images from the web in 3 dimensions, draw lines and make drop shadows" > <meta name="keywords" content="photoblaster, 3D" > <meta name=Author content="Pepper - 2011 www.facebook.com/AAAFFF"> - <link rel="shortcut icon" href="http://asdf.us/imgrid/greatgrids/grids.ico"> + <link rel="shortcut icon" href="http://asdf.us/imgrid/img/favicon.ico"> <link rel="image_src" href="http://asdf.us/imgrid/greatgrids/images/gg7.png" > <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml"> <meta property="og:title" content="imgrid" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="IMGRID - stretch images from the web in 3 dimensions, draw lines and make drop shadows" /> - <meta property="og:image" content="http://asdf.us/imgrid/facebookimage.png"/> + <meta property="og:image" content="http://asdf.us/imgrid/img/facebookimage.png"/> <meta property="fb:admins" content="100001923956223,1709246"/> <title>IMGRID - stretch images from the web in 3 dimensions, draw lines and make drop shadows</title> - <link rel="stylesheet" href="general.css" type="text/css" media="screen" /> + <link rel="stylesheet" href="css/general.css" type="text/css" media="screen" /> <link href='jquery-ui-1.8.16.custom.css' rel='stylesheet' type='text/css' /> <link href='cssreset.css' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'> @@ -193,15 +193,51 @@ table -webkit-box-shadow: 0px 0px 9px 3px pink; box-shadow: 0px 0px 9px 3px pink; } +#intro + { + position:absolute; + top:0px; + left:0px; + width:100%; + height:100%; + background-image:url(img/background.gif); + } +#intro-inner + { + background-image:url(img/background.gif); + z-index:1000; + height:inherit; + width:inherit; + position:fixed; + left:50%; + top:20px; + } +#bros-pic-wrapper + { + cursor: pointer; + } +#bros-pic + { + position:fixed; + top:-200px; + z-index:-100; + } </style> </head> <body> - <div id='intro' style='position:absolute;top:0px;left:0px;width:100%;height:100%;background-image:url(background.gif);'><div style="background-image:url(background.gif); z-index:1000; height:inherit; width:inherit; position:fixed; left:50%; top:20px"> - <img src="athena.gif"></img> - </div></div> + <div id='intro'> + <div id='intro-inner'> + <img src="img/athena.gif" /> + </div> + </div> + +<a id="bros-pic-wrapper" href="http://asdf.us/imgrid/index.html" style:'cursor:pointer'> + <img id="bros-pic" src='img/bros.png' style='' /> + <div style='font-size:30px;'> + <img style="width:500px" src="img/imgrid.png" /> + </div> +</a> -<a href="http://asdf.us/imgrid/index.html" style:'cursor:pointer'><img src='bros.png' style='position:fixed; top:-200px; z-index:-100;'></img> -<div style='font-size:30px;'><img style="width:500px" src="imgrid.png"></img></div></a> <div style="font-size:12px;margin-left:20px;margin-bottom:20px;">IMGRID - stretch images from the web in 3 dimensions, draw lines and make drop shadows <br> hit enter or click GENERATE to get your perspective-plane @@ -367,9 +403,9 @@ hit enter or click GENERATE to get your perspective-plane -<span class='copyright' style="position:fixed; bottom:10px; left:10px;">COPYRIGHT 2011 PEPPER</span><a href='http://asdf.us/imgrid/greatgrids/index.html'><img class='copyright' style='display:inline; position:fixed; bottom:10px; left:290px; width:100px' src="blackplant.png"></img></a> -<script type="text/javascript" src="jquery-1.6.4.min.js"></script> -<script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script> +<span class='copyright' style="position:fixed; bottom:10px; left:10px;">COPYRIGHT 2011 PEPPER</span><a href='http://asdf.us/imgrid/greatgrids/index.html'><img class='copyright' style='display:inline; position:fixed; bottom:10px; left:290px; width:100px' src="img/blackplant.png"></img></a> +<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script> +<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script> <script type="text/javascript" src="/im/colors/js/jquery.remember-state.js"></script> <script type="text/javascript" src="/im/colors/js/jquery.fancybox.js?v=2.1.5"></script> <link rel="stylesheet" type="text/css" href="/im/colors/css/jquery.fancybox.css?v=2.1.5" media="screen" /> @@ -383,8 +419,8 @@ $(document).ready(function() }) }); </script> -<script type="text/javascript" src="sliders.js"></script> -<script type="text/javascript" src="main.js"></script> +<script type="text/javascript" src="js/sliders.js"></script> +<script type="text/javascript" src="js/main.js"></script> <script type='text/javascript'> linksclicked = 'false'; $('#linksplug').click(function(){ |