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

Merge pull request #167 from thecodingmachine/landing-nip 

Landing nip
This commit is contained in:
David Négrier 2020-06-09 13:51:20 +02:00 committed by GitHub
parent c70da31e23 6adce0808f
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>
function startGame() {
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>
</head>
@ -71,13 +80,13 @@
<div class="col-2 col-md-6">
<div class="social-links">
<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" />
</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" />
</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" />
</a>
</div>
@ -89,7 +98,7 @@
</div>
<div class="row justify-content-md-center pt-5">
<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
</a>
</div>
@ -111,7 +120,7 @@
<div class="section bg-white how-to">
<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 />
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 class="container-fluid container-lg">

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

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