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="col-6 col-md-6 my-3 my-md-0">
<div class="social-links"> <div class="social-links">
Share your experience 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" /> <img class="social-image" src="static/images/facebook.png" />
</a> </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" /> <img class="social-image" src="static/images/linkedin.png" />
</a> </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" /> <img class="social-image" src="static/images/twitter.png" />
</a> </a>
</div> </div>
@ -149,7 +149,12 @@
</div> </div>
<div class="col-6 col-md-6 my-3 my-md-0 floppy"> <div class="col-6 col-md-6 my-3 my-md-0 floppy">
<img src="static/images/floppy.png" /> <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> </div>
</div> </div>

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

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