lbehm/workadventure
1
0
Fork 0
Code Issues Pull requests Releases Activity

Fix on social and CSS

Browse source
This commit is contained in:
Hugo Averty 2020-06-02 08:54:25 +02:00
parent 19f0b42548
commit 83eef9d8a9
2 changed files with 26 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
landing_page/dist/index.html vendored
View file

@ -28,13 +28,13 @@
<div class="col-6 col-md-6 my-3 my-md-0">
<div class="social-links">
Share your experience
<a href="" target="_BLANK">
<a href="https://www.facebook.com/sharer/sharer.php?u=http://workadventu.re/" target="_BLANK">
<img class="social-image" src="static/images/facebook.png" />
</a>
<a href="" target="_BLANK">
<a href="https://www.linkedin.com/shareArticle?mini=true&url=http://workadventu.re/&title=&summary=Discover a pixelated new world and start a casual conversation !&source=TheCodingMachine" target="_BLANK">
<img class="social-image" src="static/images/linkedin.png" />
</a>
<a href="" target="_BLANK">
<a href="https://twitter.com/home?status=http://workadventu.re/ Discover a pixelated new world and start a casual conversation !" target="_BLANK">
<img class="social-image" src="static/images/twitter.png" />
</a>
</div>
@ -149,7 +149,12 @@
</div>
<div class="col-6 col-md-6 my-3 my-md-0 floppy">
<img src="static/images/floppy.png" />
<div>Soon available on floppy !<br/><span>otherwise it's on <a href="https://github.com/thecodingmachine/workadventure" target="_BLANK">GitHub</a></span></div>
<div>Soon available on floppy !<br/><span>otherwise it's open source and on <a href="https://github.com/thecodingmachine/workadventure" target="_BLANK">GitHub</a></span></div>
</div>
</div>
<div class="container-fluid container-lg">
<div class="row text-center">
<div style="width: 100%;color:#afafaf;margin-top: 25px;">TheCodingMachine - All Rights Reserved</div>
</div>
</div>
</div>

29
landing_page/src/sass/styles.scss
View file

@ -89,7 +89,7 @@ header {
.custom-link{
font-family: "VCR OSD Mono";
font-size: 18px;
letter-spacing: 3,75;
letter-spacing: 5px;
color: white;
display: block;
margin: 0 auto;
@ -108,15 +108,25 @@ header {
transition: all .1s cubic-bezier(0.000, -0.600, 1.000, 1.650); /* custom */
//transition-timing-function: cubic-bezier(0.000, -0.600, 1.000, 1.650); /* custom */
&:hover {
transform: scale(1.1);
color: white;
font-size: 24px;
padding: 12px;
transform: translateY(-6px);
text-decoration: none;
}
&.contribute {
background-image: url('../images/btn-bg-2.png');
}
&.start {
padding-left: 55px;
&:before {
content: "";
position: absolute;
background: url('../images/playicon.png') no-repeat;
height: 20px;
width: 21px;
left: 36px;
top: 23px;
}
}
&.light{
background-image: url('../images/btn-bg-light.png');
}
@ -128,14 +138,6 @@ header {
width: 100%;
height: 100%;
}*/
&.start::after{
background: url("../images/start.png") no-repeat center center;
}
&.demo::after{
background: url("../images/demo.png") no-repeat center center;
}
}
img{
@ -251,6 +253,7 @@ img{
.footer {
padding: 2rem;
.floppy {
text-align: right;
img {
float: right;
margin-left: 20px;
@ -258,8 +261,10 @@ img{
div {
float: right;
margin-left: 15px;
font-size: 16px;
span {
color: grey;
font-size: 13px;
}
}
}