noby/workadventure
2
2
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #167 from thecodingmachine/landing-nip

Browse Source 
Landing nip
This commit is contained in:
David Négrier 2020-06-09 13:51:20 +02:00 committed by GitHub
commit c46b70236b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 23 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
website/dist/index.html vendored
View File

@ -53,8 +53,17 @@
<script> <script>
function startGame() { function startGame() {
let playUrl = window.location.protocol + "//play."+window.location.host+"/_/global/npeguin.github.io/office-map/map.json"; let playUrl = window.location.protocol + "//play."+window.location.host+"/_/global/npeguin.github.io/office-map/map.json";
window.location.assign(playUrl); window.open(playUrl, '_blank');
} }
function shareFB() {
window.open('https://www.facebook.com/sharer/sharer.php?u=https://workadventu.re/', '_blank', 'width=500,height=500');
}
function shareLI() {
window.open('https://www.linkedin.com/shareArticle?mini=true&url=https://workadventu.re/&title=&summary=Your workplace but better!&source=TheCodingMachine', '_blank', 'width=500,height=500');
}
function shareTW() {
window.open('https://twitter.com/share?text=Your workplace but better!&url=https://workadventu.re/&hashtags=thecodingmachine', '_blank', 'width=500,height=500');
}
</script> </script>
</head> </head>
@ -71,13 +80,13 @@
<div class="col-2 col-md-6"> <div class="col-2 col-md-6">
<div class="social-links"> <div class="social-links">
<span class="share-title">Share your experience</span> <span class="share-title">Share your experience</span>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://workadventu.re/" target="_BLANK"> <a onclick="shareFB()">
<img class="social-image" src="static/images/facebook.png" /> <img class="social-image" src="static/images/facebook.png" />
</a> </a>
<a href="https://www.linkedin.com/shareArticle?mini=true&url=https://workadventu.re/&title=&summary=Discover a pixelated new world and start a casual conversation !&source=TheCodingMachine" target="_BLANK"> <a onclick="shareLI()">
<img class="social-image" src="static/images/linkedin.png" /> <img class="social-image" src="static/images/linkedin.png" />
</a> </a>
<a href="https://twitter.com/home?status=https://workadventu.re/ Discover a pixelated new world and start a casual conversation !" target="_BLANK"> <a onclick="shareTW()">
<img class="social-image" src="static/images/twitter.png" /> <img class="social-image" src="static/images/twitter.png" />
</a> </a>
</div> </div>
@ -89,7 +98,7 @@
</div> </div>
<div class="row justify-content-md-center pt-5"> <div class="row justify-content-md-center pt-5">
<div class="col col-lg-3"> <div class="col col-lg-3">
<a class="custom-link play" target="_BLANK" onclick="startGame()" title="PLAY ONLINE"> <a class="custom-link play" onclick="startGame()" title="PLAY ONLINE">
PLAY ONLINE PLAY ONLINE
</a> </a>
</div> </div>
@ -111,7 +120,7 @@
<div class="section bg-white how-to"> <div class="section bg-white how-to">
<div class="desktop-only text-center d-block d-md-none d-lg-none d-xl-none"> <div class="desktop-only text-center d-block d-md-none d-lg-none d-xl-none">
<img src="static/images/desktop.png" width="64" /><br /> <img src="static/images/desktop.png" width="64" /><br />
Well, it's not mobile friendly yet. Try with your desktop computer. Unfortunately, it's not mobile friendly yet. But we are happy to invite you to try it on your desktop. Enjoy!
</div> </div>
<div class="container-fluid container-lg"> <div class="container-fluid container-lg">

8
website/src/sass/styles.scss
View File

@ -155,9 +155,13 @@ header {
} }
&.contribute { &.contribute {
background-image: url('../images/btn-bg-2.png'); background-image: url('../images/btn-bg-2.png');
@include media-breakpoint-down(sm) {
display: block;
}
} }
&.play { &.play {
background-image: url('../images/btn-bg-3.png'); background-image: url('../images/btn-bg-3.png');
cursor: pointer;
} }
&.start { &.start {
/*padding-left: 55px;*/ /*padding-left: 55px;*/
@ -184,6 +188,10 @@ header {
}*/ }*/
} }
.social-links a {
cursor: pointer;
}
img{ img{
max-width: 100%; max-width: 100%;
} }