rogbeer
/
phtan.github.io
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add 'Coming Soon' page.

master
Pheng Heong Tan 2014-06-10 07:39:22 +08:00 committed by Pheng Heong TAN
parent 35a7f362f2
commit 0ffcf35662
5 changed files with 72 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored 100644
View File

@ -0,0 +1 @@
*.psd

BIN
images/coming-soon.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
images/splash.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

25
index.html 100644
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>I am pheng.</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="container">
<div id="splash">
<img id="before" src="images/splash.png"></img>
<img id="after" src="images/coming-soon.png"></img>
</div>
</div>
</body>
<footer>
</footer>
</html>

46
style.css 100644
View File

@ -0,0 +1,46 @@
body {
position: relative;
margin: 0;
padding: 0;
background: #f55;
}
#container {
height: 320px;
/*background: #555;*/
}
#splash img {
width: 100%;
}
#splash {
position: absolute;
width: 40%;
margin: 0 0 0 30%;
top: 50%;
}
#before {
z-index: 2;
}
#after {
position: absolute;
z-index: -1;
top: 0px;
visibility: hidden;
}
#splash:hover #before {
z-index: -1;
}
#splash:hover #after {
z-index: 1;
visibility: visible;
}