haskal
/
asciiflow2
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fixed interstitial stealing pointer events

This commit is contained in:
Lewis Hemens 2014-03-22 21:06:31 +00:00
parent 809632a0bb
commit d93b3b4905
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
index.html
View File

@ -137,8 +137,8 @@ textarea {
} }
#logo-interstitial { #logo-interstitial {
background-repeat: no-repeat; text-align: center;
background-position: center; vertical-align: middle;
background-color: #FFF; background-color: #FFF;
z-index: 200; z-index: 200;
position: fixed; position: fixed;
@ -146,6 +146,13 @@ textarea {
height: 100%; height: 100%;
transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out;
background-size: 100%; background-size: 100%;
pointer-events: none;
}
#logo-interstitial > img {
display: inline;
max-width: 100%;
max-height: 100%;
} }
.fade-out { .fade-out {
@ -159,13 +166,14 @@ textarea {
.move-image { background-image: url('images/move-icon.png'); } .move-image { background-image: url('images/move-icon.png'); }
.text-image { background-image: url('images/text-icon.png'); } .text-image { background-image: url('images/text-icon.png'); }
.info-image { background-image: url('images/info-icon.png'); } .info-image { background-image: url('images/info-icon.png'); }
.logo-image { background-image: url('images/logo-full.png'); }
</style> </style>
</head> </head>
<body> <body>
<div id="logo-interstitial" class="logo-image"></div> <div id="logo-interstitial">
<img src="images/logo-full.png"></img>
</div>
<div id="draw-tools"> <div id="draw-tools">
<button id="box-button" class="tool active box-image"></button> <button id="box-button" class="tool active box-image"></button>
@ -219,6 +227,7 @@ textarea {
<script> <script>
window.setTimeout(function() { $('#logo-interstitial').addClass('fade-out'); }, 1000); window.setTimeout(function() { $('#logo-interstitial').addClass('fade-out'); }, 1000);
window.setTimeout(function() { $('#logo-interstitial').visible(false); }, 3000);
</script> </script>
</body> </body>