Added page to browser 2020 NinjaCheetah PFP variants

This commit is contained in:
NinjaCheetah 2022-10-19 22:04:43 -04:00
parent 5e4b490715
commit ad5c6c9ddb
No known key found for this signature in database
GPG Key ID: 6EC6DD38B449B426
6 changed files with 58 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

View File

@ -1,5 +1,5 @@
---
title: Logos
title: Graphic Design
layout: default
---
@ -106,6 +106,7 @@ layout: default
<h6 class="card-subtitle mb-2 text-muted">Personal Profile Picture</h6>
<p class="card-text">First non-Minecraft profile picture. Colors are the bisexual flag. This PFP had many variations.</p>
<a href="/assets/graphics/ninjacheetah-2020-09-20.png" class="btn btn-primary">Open Original</a>
<a href="/graphics/general/ninjacheetah-2020-variations.html" class="btn btn-outline-primary">Browse Variations</a>
</div>
</div>
</div>

View File

@ -0,0 +1,56 @@
---
title: 2020 NinjaCheetah PFP Variations
layout: default
---
<style>
.carousel-inner{
width:100%;
}
.carousel-inner img{
display:inline-block !important;
}
</style>
<div id="carouselExampleCaptions" class="carousel slide text-center" data-bs-ride="false">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3" aria-label="Slide 4"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="/assets/graphics/ninjacheetah-2020-09-20-halloween.png" class="d-block h-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Halloween Variant</h5>
</div>
</div>
<div class="carousel-item">
<img src="/assets/graphics/ninjacheetah-2020-09-20-christmas.png" class="d-block h-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Christmas Variant</h5>
</div>
</div>
<div class="carousel-item">
<img src="/assets/graphics/ninjacheetah-2020-09-20-pride.png" class="d-block h-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Pride Month Variant</h5>
</div>
</div>
<div class="carousel-item">
<img src="/assets/graphics/ninjacheetah-2020-09-20-lite.png" class="d-block h-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5 style="color: black">"NinjaCheetah Lite" Variant</h5>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>