mirror of
https://github.com/codeninjasuk/showcase.git
synced 2025-02-17 16:50:27 -05:00
Fixed link alignment
This commit is contained in:
parent
e1340b4266
commit
abd2f5a191
9 changed files with 21 additions and 18 deletions
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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);
|
||||
|
||||
}
|
Loading…
Reference in a new issue