Working on improving icons page

This commit is contained in:
NinjaCheetah 2022-05-24 22:14:21 -04:00
parent aeba52bad4
commit 7b4935fbcd
No known key found for this signature in database
GPG Key ID: 6EC6DD38B449B426
7 changed files with 94 additions and 153 deletions

View File

@ -13,13 +13,8 @@
<li class="nav-item">
<a class="nav-link" href="/">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">Projects</a>
<ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDarkDropdownMenuLink">
<li><a class="dropdown-item" href="/projects/maintained/">Maintained</a></li>
<li><a class="dropdown-item" href="/projects/archived/">Archived</a></li>
<li><a class="dropdown-item" href="/projects/contributions">Contributions</a></li>
</ul>
<li class="nav-item">
<a class="nav-link" href="/projects">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/aboutme">About Me</a>

BIN
assets/icons/cashcalc.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 924 KiB

View File

@ -16,7 +16,41 @@ layout: default
<h2>Custom icons made just for your macOS or iOS app.</h2>
<p>Standardized pricing available soon. Contact me (info below) to get an estimate.</p>
<p>Most icons made are stylized for macOS/iOS. Ask about other design styles designed for other platforms.</p>
<img class="banner-image" src="https://cdn.ncxprogramming.com/file/image/banner/iconstore1.svg" alt="an awesome banner. too bad it isn't loading for you :(">
<p>
<button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#iconsCollapse" aria-expanded="false" aria-controls="collapseExample">
Show Examples
</button>
</p>
<div class="collapse" id="iconsCollapse">
<div class="card card-body">
<div class="container">
<div class="row">
<div class="col-sm-3">
<div class="card">
<img src="https://cdn.ncxprogramming.com/file/icon/rngtoolraw.png" class="card-img-top" alt="The app's icon.">
<div class="card-body">
<h5 class="card-title">RNGTool</h5>
<h6 class="card-subtitle mb-2 text-muted">App by NinjaCheetah</h6>
<p class="card-text">Icon made for and used in my own program, RNGTool.</p>
<a href="https://github.com/NCX-Programming/RNGTool" class="btn btn-primary">GitHub</a>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="card">
<img src="/assets/icons/cashcalc.png" class="card-img-top" alt="The app's icon.">
<div class="card-body">
<h5 class="card-title">Calculate Cash</h5>
<h6 class="card-subtitle mb-2 text-muted">App by Nice Apps</h6>
<p class="card-text">Icon made for and used in the app "Calculate Cash".</p>
<a href="https://apps.apple.com/us/app/calculate-cash/id1600571579" class="btn btn-primary">App Store</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<h1>Payment</h1>
<p>I operate on a "don't pay if you don't want it" system. I'll keep working until I've made an icon you'd actually like to use for your program.<p>
<p>While payment details aren't available right now, you're still able to purchase an icon from me by using the contact info below.</p>

View File

@ -1,34 +0,0 @@
---
title: Archived
layout: default
---
<script src="/projects/index.js"></script>
<div id="projectList">
<div class="banner">
<img class="banner-image" src="/assets/banner/projects.svg" alt="an awesome banner. too bad it isn't loading for you :(">
</div>
<noscript><h2>this page needs JavaScript to work</h2></noscript>
<h1 class="text-center">things i previously made.</h1>
<div class="container">
<div class="row">
{% for item in site.data.projects-archived %}
<div class="col-sm-3">
<div class="card">
<img src="{{ item.icon }}" class="card-img-top" alt="The app's icon.">
<div class="card-body">
<h5 class="card-title">{{ item.truename }}</h5>
<p class="card-text">{{ item.desc }}</p>
<a href="/projects/archived/{{ item.name }}" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="container text-center">
<h5>Also see</h5>
<h5><a href="/projects/maintained/">Maintained Projects</a> | <a href="/projects/contributions">Contributions</a></h5>
</div>
</div>

View File

@ -1,34 +0,0 @@
---
title: Contributions
layout: default
---
<script src="/projects/index.js"></script>
<div id="projectList">
<div class="banner">
<img class="banner-image" src="/assets/banner/projects.svg" alt="an awesome banner. too bad it isn't loading for you :(">
</div>
<noscript><h2>this page needs JavaScript to work</h2></noscript>
<h1 class="text-center">things i've contributed to.</h1>
<div class="container" style="padding-bottom: 2rem">
<div class="row">
{% for item in site.data.projects-contributed %}
<div class="col-sm-3">
<div class="card">
<div class="card-body">
<h5 class="card-title">{{ item.truename }}</h5>
<h6 class="card-subtitle mb-2 text-muted">{{ item.author }}</h6>
<p class="card-text">{{ item.desc }}</p>
<a href="https://github.com/{{ item.author }}/{{ item.name }}" class="btn btn-primary">Source</a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="container text-center">
<h5>Also see</h5>
<h5><a href="/projects/maintained/">Maintained Projects</a> | <a href="/projects/archived/">Archived Projects</a></h5>
</div>
</div>

View File

@ -9,56 +9,71 @@ layout: default
<img class="banner-image" src="/assets/banner/projects.svg" alt="an awesome banner. too bad it isn't loading for you :(">
</div>
<noscript><h2>this page needs JavaScript to work</h2></noscript>
<h1 class="text-center">things i've made.</h1>
<h5 class="text-center">Maintained</h5>
<div class="container">
<div class="row">
{% for item in site.data.projects-maintained %}
<div class="col-sm-3">
<div class="card">
<img src="{{ item.icon }}" class="card-img-top" alt="The app's icon.">
<div class="card-body">
<h5 class="card-title">{{ item.truename }}</h5>
<p class="card-text">{{ item.desc }}</p>
<a href="/projects/{{ item.name }}" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
{% endfor %}
<h1 class="text-center">things i've worked on.</h1>
<nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<button class="nav-link active" id="nav-home-tab" data-bs-toggle="tab" data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Maintained</button>
<button class="nav-link" id="nav-profile-tab" data-bs-toggle="tab" data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile" aria-selected="false">Archived</button>
<button class="nav-link" id="nav-contact-tab" data-bs-toggle="tab" data-bs-target="#nav-contact" type="button" role="tab" aria-controls="nav-contact" aria-selected="false">Contributions</button>
</div>
</div>
<h5 class="text-center">Archived</h5>
<div class="container">
<div class="row">
{% for item in site.data.projects-archived %}
<div class="col-sm-3">
<div class="card">
<img src="{{ item.icon }}" class="card-img-top" alt="The app's icon.">
<div class="card-body">
<h5 class="card-title">{{ item.truename }}</h5>
<p class="card-text">{{ item.desc }}</p>
<a href="/projects/{{ item.name }}" class="btn btn-primary">Read More</a>
</nav>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
<h3 class="text-center">Maintained</h3>
<div class="container">
<div class="row">
{% for item in site.data.projects-maintained %}
<div class="col-sm-3">
<div class="card">
<img src="{{ item.icon }}" class="card-img-top" alt="The app's icon.">
<div class="card-body">
<h5 class="card-title">{{ item.truename }}</h5>
<p class="card-text">{{ item.desc }}</p>
<a href="/projects/maintained/{{ item.name }}" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
{% endfor %}
</div>
</div>
<h1 class="text-center">things i've contributed to.</h1>
<div class="container" style="padding-bottom: 2rem">
<div class="row">
{% for item in site.data.projects-contributed %}
<div class="col-sm-3">
<div class="card">
<div class="card-body">
<h5 class="card-title">{{ item.truename }}</h5>
<h6 class="card-subtitle mb-2 text-muted">{{ item.author }}</h6>
<p class="card-text">{{ item.desc }}</p>
<a href="https://github.com/{{ item.author }}/{{ item.name }}" class="btn btn-primary">Source</a>
<div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
<h3 class="text-center">Archived</h3>
<div class="container">
<div class="row">
{% for item in site.data.projects-archived %}
<div class="col-sm-3">
<div class="card">
<img src="{{ item.icon }}" class="card-img-top" alt="The app's icon.">
<div class="card-body">
<h5 class="card-title">{{ item.truename }}</h5>
<p class="card-text">{{ item.desc }}</p>
<a href="/projects/archived/{{ item.name }}" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
<h3 class="text-center">Contributions</h3>
<div class="container" style="padding-bottom: 2rem">
<div class="row">
{% for item in site.data.projects-contributed %}
<div class="col-sm-3">
<div class="card">
<div class="card-body">
<h5 class="card-title">{{ item.truename }}</h5>
<h6 class="card-subtitle mb-2 text-muted">{{ item.author }}</h6>
<p class="card-text">{{ item.desc }}</p>
<a href="https://github.com/{{ item.author }}/{{ item.name }}" class="btn btn-primary">Source</a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
{% endfor %}
</div>
</div>
</div>

View File

@ -1,35 +0,0 @@
---
title: maintained
layout: default
---
<script src="/projects/index.js"></script>
<div id="projectList">
<div class="banner">
<img class="banner-image" src="/assets/banner/projects.svg" alt="an awesome banner. too bad it isn't loading for you :(">
</div>
<noscript><h2>this page needs JavaScript to work</h2></noscript>
<h1 class="text-center">things i've made.</h1>
<div class="container">
<div class="row">
{% for item in site.data.projects-maintained %}
<div class="col-sm-3">
<div class="card">
<img src="{{ item.icon }}" class="card-img-top" alt="The app's icon.">
<div class="card-body">
<h5 class="card-title">{{ item.truename }}</h5>
<p class="card-text">{{ item.desc }}</p>
<a href="/projects/maintained/{{ item.name }}" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="container text-center">
<h4>Looking for my other work? Visit <a href="https://ncxprogramming.com/programs/" target="_blank">ncxprogramming.com</a></h4>
<h5>Also see</h5>
<h5><a href="/projects/archived/">Archived Projects</a> | <a href="/projects/contributions">Contributions</a></h5>
</div>
</div>