Fixed link alignment

This commit is contained in:
elvistony 2023-10-28 19:26:06 +01:00
parent e1340b4266
commit abd2f5a191
9 changed files with 21 additions and 18 deletions

View file

@ -26,10 +26,10 @@ The Hack-a-thon took place on October 28th and saw young participants engaged in
<div class="card">
<img class="card-img-top makecode-preview" src= "{{page.image}}">
<div class="card-img-overlay card-inverse text-center mx-auto" text-center>
<h4 class="text-stroke text-white pt-5">
<h4 class="text-stroke text-white">
{{page.creator}}'s Game
</h4>
<div class="card-body text-center mx-auto pt-5">
<div class="card-body text-center mx-auto">
<button onclick="window.open('{{page.gamelink}}')" class="makecode-btn">
<i class="fa fa-play mr-2 text-large"></i>
Play the Game

View file

@ -26,10 +26,10 @@ The Hack-a-thon took place on October 28th and saw young participants engaged in
<div class="card">
<img class="card-img-top makecode-preview" src= "{{page.image}}">
<div class="card-img-overlay card-inverse text-center mx-auto" text-center>
<h4 class="text-stroke text-white pt-5">
<h4 class="text-stroke text-white">
{{page.creator}}'s Game
</h4>
<div class="card-body text-center mx-auto pt-5">
<div class="card-body text-center mx-auto">
<button onclick="window.open('{{page.gamelink}}')" class="makecode-btn">
<i class="fa fa-play mr-2"></i>
Play the Game

View file

@ -26,10 +26,10 @@ The Hack-a-thon took place on October 28th and saw young participants engaged in
<div class="card">
<img class="card-img-top makecode-preview" src= "{{page.image}}">
<div class="card-img-overlay card-inverse text-center mx-auto" text-center>
<h4 class="text-stroke text-white pt-5">
<h4 class="text-stroke text-white">
{{page.creator}}'s Game
</h4>
<div class="card-body text-center mx-auto pt-5">
<div class="card-body text-center mx-auto">
<button onclick="window.open('{{page.gamelink}}')" class="makecode-btn">
<i class="fa fa-play mr-2"></i>
Play the Game

View file

@ -26,10 +26,10 @@ The Hack-a-thon took place on October 28th and saw young participants engaged in
<div class="card">
<img class="card-img-top makecode-preview" src= "{{page.image}}">
<div class="card-img-overlay card-inverse text-center mx-auto" text-center>
<h4 class="text-stroke text-white pt-5">
<h4 class="text-stroke text-white">
{{page.creator}}'s Game
</h4>
<div class="card-body text-center mx-auto pt-5">
<div class="card-body text-center mx-auto">
<button onclick="window.open('{{page.gamelink}}')" class="makecode-btn">
<i class="fa fa-play mr-2"></i>
Play the Game

View file

@ -26,10 +26,10 @@ The Hack-a-thon took place on October 28th and saw young participants engaged in
<div class="card">
<img class="card-img-top makecode-preview" src= "{{page.image}}">
<div class="card-img-overlay card-inverse text-center mx-auto" text-center>
<h4 class="text-stroke text-white pt-5">
<h4 class="text-stroke text-white">
{{page.creator}}'s Game
</h4>
<div class="card-body text-center mx-auto pt-5">
<div class="card-body text-center mx-auto">
<button onclick="window.open('{{page.gamelink}}')" class="makecode-btn">
<i class="fa fa-play mr-2"></i>
Play the Game

View file

@ -26,10 +26,10 @@ The Hack-a-thon took place on October 28th and saw young participants engaged in
<div class="card">
<img class="card-img-top makecode-preview" src= "{{page.image}}">
<div class="card-img-overlay card-inverse text-center mx-auto" text-center>
<h4 class="text-stroke text-white pt-5">
<h4 class="text-stroke text-white">
{{page.creator}}'s Game
</h4>
<div class="card-body text-center mx-auto pt-5">
<div class="card-body text-center mx-auto">
<button onclick="window.open('{{page.gamelink}}')" class="makecode-btn">
<i class="fa fa-play mr-2"></i>
Play the Game

View file

@ -26,10 +26,10 @@ The Hack-a-thon took place on October 28th and saw young participants engaged in
<div class="card">
<img class="card-img-top makecode-preview" src= "{{page.image}}">
<div class="card-img-overlay card-inverse text-center mx-auto" text-center>
<h4 class="text-stroke text-white pt-5">
<h4 class="text-stroke text-white">
{{page.creator}}'s Game
</h4>
<div class="card-body text-center mx-auto pt-5">
<div class="card-body text-center mx-auto">
<button onclick="window.open('{{page.gamelink}}')" class="makecode-btn">
<i class="fa fa-play mr-2"></i>
Play the Game

View file

@ -26,10 +26,10 @@ The Hack-a-thon took place on October 28th and saw young participants engaged in
<div class="card">
<img class="card-img-top makecode-preview" src= "{{page.image}}">
<div class="card-img-overlay card-inverse text-center mx-auto" text-center>
<h4 class="text-stroke text-white pt-5">
<h4 class="text-stroke text-white">
{{page.creator}}'s Game
</h4>
<div class="card-body text-center mx-auto pt-5">
<div class="card-body text-center mx-auto">
<button onclick="window.open('{{page.gamelink}}')" class="makecode-btn">
<i class="fa fa-play mr-2"></i>
Play the Game

View file

@ -22,13 +22,16 @@ Just customize your theme here.
.makecode-btn > i{
font-size: 80px;
width: 100%;
cursor: pointer;
}
.makecode-btn:hover{
background: #5cafb8;
color: #01606b;
/* color: #01606b; */
}
.makecode-preview{
filter: opacity(0.5);
filter: blur(3px) opacity(0.3);
}