anatolykopyl/games.kopyl.dev
1
0
Fork 0
Code Issues Pull Requests Actions Activity

Compare commits

base: anatolykopyl:e91c91f7593322941ea4326cb1d2d404da079db8
Branches Tags
anatolykopyl:master
...
compare: anatolykopyl:21a4b3975ab97b307153b567b9472e4dd4637bcc
Branches Tags
anatolykopyl:master

2 Commits
e91c91f759 ... 21a4b3975a

Author SHA1 Message Date
anatolykopyl
21a4b3975a Removed title bar
Some checks are pending
continuous-integration/drone Build is pending
Details
2022-09-21 02:16:29 +03:00
anatolykopyl
f466e116f1 Updated Lebtr link 2022-09-21 02:14:12 +03:00
2 changed files with 11 additions and 9 deletions
Expand all files Collapse all files

6
index.html
View File

@@ -8,7 +8,7 @@
</head>
<body>
<div id="app">
<h1 class="title">My games</h1>
<!-- <h1 class="title">My games</h1> -->
<div class="games">
<div class="games__section stroll">
<div class="games__section__game">
@@ -38,7 +38,7 @@
<div class="links">
<a href="https://games.anatolykopyl.ru/mwg" target="_blank">Play now</a>
<a href="https://gamejolt.com/games/monkeys-with-grenades/83237" target="_blank">Check out on GameJolt</a><br>
<a href="https://music.amazon.com.au/artists/B08FHBMW58/lebtr" target="_blank">Music by Lebtr</a>
<a href="https://linktr.ee/lebtr" target="_blank">Music by Lebtr</a>
</div>
</div>
</div>
@@ -99,7 +99,7 @@
</div>
<div class="links">
<a href="https://gamejolt.com/games/murk/92990" target="_blank">Check out on GameJolt</a><br>
<a href="https://music.amazon.com.au/artists/B08FHBMW58/lebtr" target="_blank">Music by Lebtr</a>
<a href="https://linktr.ee/lebtr" target="_blank">Music by Lebtr</a>
</div>
</div>
</div>

14
style.scss
View File

@@ -30,7 +30,7 @@ $clr-text: #171c20;
.title {
position: relative;
padding: 64px 0;
padding: 32px 20px;
background-color: #F3B61F;
//box-shadow: 0px 10px 20px rgba(19, 19, 19, 0.897);
box-shadow: 0 5px 0 $clr-text;
@@ -69,7 +69,8 @@ $clr-text: #171c20;
// background-color: rgb(211, 211, 211);
// }
&::before, &::after {
&::before,
&::after {
position: absolute;
content: "";
z-index: -10;
@@ -119,7 +120,7 @@ $clr-text: #171c20;
}
.links {
> * {
>* {
margin: 0 8px;
}
}
@@ -131,7 +132,8 @@ $clr-text: #171c20;
z-index: -20;
padding: 48px 0;
&::before, &::after {
&::before,
&::after {
display: none;
}
@@ -160,9 +162,9 @@ $clr-text: #171c20;
&__info {
padding: 0 8px;
> * {
>* {
margin-top: 16px;
}
}
}
}
}