Skip to content

Commit

Permalink
Include CAP
Browse files Browse the repository at this point in the history
  • Loading branch information
DotWith committed Jul 9, 2024
1 parent 5e7f468 commit fefb5f5
Show file tree
Hide file tree
Showing 203 changed files with 19,803 additions and 133 deletions.
9 changes: 5 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
## What is AFJROTC Ribbon Rack Builder?
A rack builder for ribbons, badges, ranks, etc.
## What is AFJROTC/CAP Ribbon Rack Builder?
An **AFJROTC & CAP** rack builder for ribbons, badges, ranks, arcs, tapes, etc.
Vist the website [here](https://dotwith.github.io/afjrotc-ribbon-rack-builder/).

## Credit!
Some ribbons are taken from here the [Wikipedia](https://en.m.wikipedia.org/wiki/Junior_Reserve_Officers%27_Training_Corps).
## Cite
- [Wikipedia, AFJROTC](https://en.m.wikipedia.org/wiki/Junior_Reserve_Officers%27_Training_Corps).
- [Wikipedia, CAP](https://en.wikipedia.org/wiki/Awards_and_decorations_of_the_Civil_Air_Patrol).
65 changes: 1 addition & 64 deletions styles.css → afjrotc/app.css
Original file line number Diff line number Diff line change
@@ -1,49 +1,3 @@
@font-face {
font-family: FFDINWeb;
src: url('fonts/FFDINWeb.ttf');
}

@font-face {
font-family: Stratum;
src: url('fonts/Stratum.ttf');
}

@font-face {
font-family: StratumBold;
src: url('fonts/StratumBold.ttf');
}

body {
font-family: FFDINWeb, Arial, sans-serif;
font-weight: 400;
letter-spacing: normal;
color: #0e172d;
}

h1 {
font-weight: 700;
font-family: Stratum, Arial, sans-serif;
text-transform: uppercase;
font-style: normal;
text-align: center;
}

h2 {
font-weight: 500;
font-family: Stratum, Arial, sans-serif;
text-transform: uppercase;
font-style: normal;
text-align: center;
}

h3 {
font-weight: 200;
font-family: Stratum, Arial, sans-serif;
text-transform: uppercase;
font-style: normal;
text-align: center;
}

.container {
max-width: 1000px;
margin: 0 auto;
Expand Down Expand Up @@ -133,6 +87,7 @@ input[type="range"]::-ms-thumb {
width: 60px;
height: 60px;
margin-right: 24px;
object-fit: contain;
}

.badge-checkbox {
Expand Down Expand Up @@ -219,24 +174,6 @@ input[type="range"]::-ms-thumb {
gap: 10px;
}

button {
font-family: StratumBold;
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 20px;
letter-spacing: 2px;
text-align: center;
height: 40px;
text-transform: uppercase;
border: 0px solid #ffffff;
border-top-color: rgb(255, 255, 255);
border-right-color: rgb(255, 255, 255);
border-bottom-color: rgb(255, 255, 255);
border-left-color: rgb(255, 255, 255);
border-radius: 0px;
}

.tabs {
border: 1px solid #ccc;
}
Expand Down
81 changes: 81 additions & 0 deletions afjrotc/app.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Air Force JROTC</title>
<link href="../index.css" rel="stylesheet" />
<link href="app.css" rel="stylesheet" />
</head>

<body>

<div class="container">
<div>
<form action="../index.html">
<button>Back</button>
</form>

<h1>Air Force JROTC</h1>
<div style="text-align: center; margin-bottom: 30px;">Check the box next to each ribbon you would like to have
sorted.</div>
</div>
<!-- Tabs -->
<div class="tabs">
<ul>
<li class="bg-active" id="tab" onclick="openTab(event, 'Ribbons')">Ribbons</li>
<li class="bg-inactive" id="tab" onclick="openTab(event, 'Ranks')">Ranks</li>
<li class="bg-inactive" id="tab" onclick="openTab(event, 'Arcs')">Arcs</li>
<li class="bg-inactive" id="tab" onclick="openTab(event, 'Badges')">Badges</li>
</ul>

<!-- Tab content -->
<div id="Ribbons" class="tab-content">
<slot>
<div class="box-selection" id="ribbonSelection">
<!-- Ribbons will be populated here -->
</div>
</slot>
</div>

<div id="Ranks" class="tab-content" style="display: none;">
<slot>
<div class="box-selection" id="rankSelection">
<!-- Ranks will be populated here -->
</div>
</slot>
</div>

<div id="Arcs" class="tab-content" style="display: none;">
<slot>
<div class="box-selection" id="arcSelection">
<!-- Arcs will be populated here -->
</div>
</slot>
</div>

<div id="Badges" class="tab-content" style="display: none;">
<slot>
<div class="box-selection" id="badgeSelection">
<!-- Badges will be populated here -->
</div>
</slot>
</div>
</div>
<h2>Your Ribbon Rack</h2>
<div class="rack-container">
<div class="rack" id="rack">
<!-- Ribbons will appear here -->
</div>
</div>
<div class="button-group">
<button class="save-button" onclick="saveRackPng()">Save Rack as .png</button>
</div>
</div>

<script src="https://github.com/yorickshan/html2canvas-pro/releases/download/v1.5.0/html2canvas-pro.min.js"></script>
<script src="app.js"></script>
</body>

</html>
File renamed without changes.
File renamed without changes.
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes.
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes.
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes.
File renamed without changes
File renamed without changes
File renamed without changes
Loading

0 comments on commit fefb5f5

Please sign in to comment.