diff options
Diffstat (limited to 'public')
| -rw-r--r-- | public/assets/css/css.css | 91 | ||||
| -rw-r--r-- | public/index.html | 55 |
2 files changed, 146 insertions, 0 deletions
diff --git a/public/assets/css/css.css b/public/assets/css/css.css new file mode 100644 index 0000000..7c86c8d --- /dev/null +++ b/public/assets/css/css.css @@ -0,0 +1,91 @@ +html,body{width:100%;height:100%;margin:0;padding:0;} +#luckyimage img { + width:100%; + height:100%; + position:fixed; + top:0; + left:0; + z-index:1; +} +#topnav { + height:23px; + min-width:500px; + overflow:hidden; + text-decoration:none; + font-weight:100; + position:fixed; + top:0; + left:0; + z-index:7; + background-color:rgba(255,200,250,0.4); + width:100%; + font-size:22px; + border-bottom:1px solid #eee; +} +a:hover { + color:#f0e; +} +a:visited { + color:blue; +} + +.luckyback a { + text-decoration:none; + font-family: Comic Sans MS,Verdana,Helvetica,sans-serif; +} +.luckyback { + text-shadow: yellow 0.1em 1px 1px; + text-transform:uppercase; + font-weight:bold; + color:yellow; +} +.luckyback a { + color:blue; +} + +#luckyimage { + background-image: url('https://s3.amazonaws.com/luckyplop/c2c40f3006df36c5f6790f9b03f0329205e1ed33.gif'); + position:fixed; + height:100%; + width:100%; + top:0; + left:0; + background-position:center; +} +#luckypad { + z-index:3; + position:fixed; + right:30px; + bottom:15px; +} +#bottombar { + overflow-style:marquee-block; + z-index:2; + position:fixed; + bottom:0; + left:0; + font-family: Comic Sans MS,Verdana,Helvetica,sans-serif; + text-shadow: blue 0.1em 1px 1px; + color:yellow; + font-size:30px; + text-align:left; + background-color:rgba(255,0,250,0.1); + height:30px; + width:100%; + font-weight:bold; + font-style:italic; + text-transform:uppercase; +} +#windowinwindow { + position:absolute; + z-index:8; + top:80px; + width:15%; + left:50px; + box-shadow: 5px 5px 4px #888; + border:2px inset black; +} +#windowinwindow:hover { + border:2px solid blue; + cursor:pointer; +} diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..f805d61 --- /dev/null +++ b/public/index.html @@ -0,0 +1,55 @@ +<!DOCTYPE html> +<html> +<head> +<title>LuCkYPLoP™</title> +<meta property="og:title" content="LuCkYPLoP™"> +<meta property="og:type" content="website"> +<meta property="og:image" content=""> +<meta property="og:url" content=""> +<meta property="og:site_name" content="LuckyPlop - The Best Image Uploader Thing"> +<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> +<meta name="description" content="LuckyPlop - Check this out.."> +<link rel="stylesheet" href="/assets/css/css.css"> +</head> +<body> + +<div id="luckyimage"></div> + +<div id="topnav"> + <span class="luckyback"> + <a id="prev">[<< previous 画像]</a> + <a id="next">[前のnewer >>]</a> + <a id="refresh">Rfsh</a> + <a id="random">RNDM</a> + </span> +</div> + +<a id="pip"><img></a> + +<div id="morelucky" class="popup_block"> + <div id="luckyinfo"> + <img src="lucky1.png"class="luckylogo"> + <ul> + <li>LuCkYPLoP™ is the world's best PIC UPLOADINGッTOOL!プド!</li> + <li>LuCkYPLoP™ lets you DRAG an image from your computer to anywhere in the page + to uploadド!. The picture is displayed until a NEW image is uploaded from anywhere in the + in the WORLD!!</li> + <li>LuCkYPLoP™ letsことができます you DISCOVER image過s from oth去er userの画s, you can像を view past imagesる!</li> + <li>On LuCkYPLoP™ you have a 1 in 100 chance ラッキー . to win amazing prizes!</li> + <li>Just upload things and LuCkYPLoP™ will do the lottery宝くじ! AND MAKE YOU WINメーカーに勝つ!!</li> + </ul> + <hr> + </div> +</div> + +<div id="bottombar"> + <marquee scrollamount="10" width="100%"> + Step 1.drag an image into luckyplop! - + Step 2.see if you won! - + 3.Share the image on friendster, grindr, twitter, myspace or facebook! + </marquee> +</div> + +<img src="luckypad.png" id="luckypad"> +</body> +</html> |