Skip to content

Commit

Permalink
remove Nebula Sky commercial message
Browse files Browse the repository at this point in the history
  • Loading branch information
skanaar committed Aug 28, 2020
1 parent febeefb commit b203a23
Showing 1 changed file with 0 additions and 103 deletions.
103 changes: 0 additions & 103 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -373,109 +373,6 @@ <h2>Local files</h2>
</div>
</div>
</div>
<style>
.commercial-dismiss {
text-align: right;
cursor: pointer;
font-size: 22px;
color: #807C72;
}
.commercial-title {
z-index: 2;
box-sizing: border-box;
position: absolute;
right: 20px;
bottom: 145px;
width: 250px;
padding: 5px;
font-family: sans-serif;
font-size: 12px;
color: #807C72;
transition: bottom 1s;
}
.commercial-title a, .commercial-title a:hover, .commercial-title a:active, .commercial-title a:visited {
text-decoration: none;
color: #586e75;
}
.commercial-title img {
width: 80px;
float: right;
}
.commercial {
z-index: 2;
position: absolute;
right: 20px;
bottom: 20px;
width: 250px;
height: 125px;
cursor: pointer;
transition: bottom 1s;
}
.commercial-frame {
position: absolute;
left: 0;
top: 0;
width: 250px;
height: 125px;
}
.commercial-screen {
position: absolute;
left: 32px;
top: 10px;
width: 185px;
height: 105px;
opacity: 0;
transition: opacity 0.8s;
}
.show0 .screen0, .show1 .screen1, .show2 .screen2, .show3 .screen3 {
opacity: 1;
}
.commercial-shadowcaster {
position: absolute;
left: 3px;
top: 4px;
width: 244px;
height: 117px;
background: black;
border-radius: 15px;
box-shadow: 0 5px 20px rgba(0,0,0,.2);
}
@media (max-width: 600px) {
.commercial-title, .commercial { display: none; }
}
</style>
<div class="commercial-title" id="commercial-title">
<div class="commercial-dismiss" onclick="closeCommercial()">&times;</div>
<a href="https://apps.apple.com/se/app/nebula-sky/id1268430694">
<img src="commercial/appstore.svg">
I have made a game,<br/>try Nebula Sky now!
</a>
</div>
<a class="commercial show1" id="commercial" href="https://apps.apple.com/se/app/nebula-sky/id1268430694">
<div class="commercial-shadowcaster"></div>
<img class="commercial-frame" src="commercial/iphone-frame.png">
<img class="commercial-screen screen0" src="commercial/menu.png">
<img class="commercial-screen screen1" src="commercial/radar.png">
<img class="commercial-screen screen2" src="commercial/shipyard.png">
<img class="commercial-screen screen3" src="commercial/surface.png">
</a>
<script>
var commercialPage = 0
function closeCommercial() {
document.getElementById('commercial').style.bottom = '-230px';
document.getElementById('commercial-title').style.bottom = '-100px';
}
function cycleCommercial() {
commercialPage += 1
var elem = document.getElementById('commercial')
elem.classList.remove('show0')
elem.classList.remove('show1')
elem.classList.remove('show2')
elem.classList.remove('show3')
elem.classList.add('show' + (commercialPage % 4))
}
setInterval(cycleCommercial, 10000)
</script>

<style>
.alert-list {
Expand Down

0 comments on commit b203a23

Please sign in to comment.