_Bastler/partey_workadventure
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update css and cursor website

Browse Source
This commit is contained in:
Gregoire Parant 2020-12-15 09:17:09 +01:00
parent 794c13c8d5
commit 22eb941084
4 changed files with 25 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
website/dist/index.html vendored
View File

@ -122,9 +122,11 @@
</h3> </h3>
</div> </div>
<div class="row buttons-row justify-content-md-center pt-5"> <div class="row buttons-row justify-content-md-center pt-5">
<div class="col col-lg-3"> <div class="col col-lg-3">
<a class="custom-link start" target="_BLANK" onclick="startConsole()" title="YOUR ADVENTURE!"> <a class="custom-link start"
YOUR ADVENTURE! style="padding-top: 4px;font-size: 18px;"
target="_BLANK" onclick="startConsole()" title="YOUR ADVENTURE!">
YOUR WORKADVENTURE!
</a> </a>
</div> </div>
<div class="col col-lg-3"> <div class="col col-lg-3">
@ -132,16 +134,13 @@
TRY DEMO! TRY DEMO!
</a> </a>
</div> </div>
</div>
<div style="min-height: 100px" class="row buttons-row justify-content-md-center pt-5">
<div class="col col-lg-3"> <div class="col col-lg-3">
<a class="custom-link contribute" target="_BLANK" onclick="startGame()" title="FEEDBACK"> <a class="custom-link anonymous contribute" target="_BLANK" onclick="startGame()" title="FEEDBACK">
BE ANONYMOUS BE ANONYMOUS
</a> </a>
</div> </div>
<div class="col-lg-12">
<a onclick="startGame()">
Continue on anonymous
</a>
</div>
</div> </div>
</div> </div>
</div> </div>

BIN
website/src/images/cursor_normal.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 979 B

BIN
website/src/images/cursor_pointer.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 937 B

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

@ -27,7 +27,12 @@
@return $randomNum; @return $randomNum;
} }
html{
cursor: url('../images/cursor_normal.png'), auto;
a{
cursor: url('../images/cursor_pointer.png'), auto;
}
}
header { header {
background: #28A7FC url("../images/sky.jpg") no-repeat bottom; background: #28A7FC url("../images/sky.jpg") no-repeat bottom;
background-size: 100%; background-size: 100%;
@ -75,7 +80,7 @@ header {
.title { .title {
z-index: 3; z-index: 3;
position: relative; position: relative;
padding: 5rem 0; padding: 2rem 0 4rem 0;
color: black; color: black;
h1 { h1 {
font-family: 'Karmatic Arcade'; font-family: 'Karmatic Arcade';
@ -138,7 +143,7 @@ header {
} }
.custom-link{ .custom-link{
cursor: pointer; cursor: url('../images/cursor_pointer.png'), pointer;
font-family: "VCR OSD Mono"; font-family: "VCR OSD Mono";
font-size: 1.125rem; font-size: 1.125rem;
letter-spacing: 5px; letter-spacing: 5px;
@ -172,9 +177,15 @@ header {
display: block; display: block;
} }
} }
&.anonymous{
background-image: none;
color: black;
text-decoration: underline;
font-style: italic;
}
&.play { &.play {
background-image: url('../images/btn-bg-3.png'); background-image: url('../images/btn-bg-3.png');
cursor: pointer; cursor: url('../images/cursor_pointer.png'), pointer;
} }
&.light{ &.light{
background-image: url('../images/btn-bg-light.png'); background-image: url('../images/btn-bg-light.png');
@ -188,7 +199,7 @@ header {
} }
.social-links a { .social-links a {
cursor: pointer; cursor: url('../images/cursor_pointer.png'), pointer;
&:hover{ &:hover{
text-decoration: none; text-decoration: none;
@ -341,7 +352,7 @@ img{
margin: 0; margin: 0;
} }
&.bubble-action { &.bubble-action {
cursor: pointer; cursor: url('../images/cursor_pointer.png'), pointer;
text-decoration: underline text-decoration: underline
} }