Tucker McKnight <tucker@pangolin.lan> | Tue Oct 14 2025
tweak the color palette in index2 and add more of a fake readme
35 36 37 38 39 40
<div class="col-12 language-percentages">
<div style="background: #DBE0AA; width: 25%;" class="language-percent"></div>
<div style="background: #91B7F5; width: 15%;" class="language-percent"></div>
<div style="background: #E0473B; width: 10%;" class="language-percent"></div>
<div style="background: #DBE0AA; width: 33%;" class="language-percent"></div>
<div style="background: #91B7F5; width: 17%;" class="language-percent"></div>
</div>35 36 37 38 39 40
<div class="col-12 language-percentages">
<div style="background: #DBE0AA; width: 25%;" class="language-percent"></div>
<div style="background: #91B7F5; width: 15%;" class="language-percent"></div>
<div style="background: #288DF9; width: 10%;" class="language-percent"></div>
<div style="background: #DBE0AA; width: 33%;" class="language-percent"></div>
<div style="background: #91B7F5; width: 17%;" class="language-percent"></div>
</div>43 44 45 46 47 48
</div>
</div>
<div class="row flex-grow-1 align-items-end align-content-center">
<div class="col-12 my-1">
<button class="btn btn-primary btn-lg shadow-sm w-100">Clone ▼</button>
</div>
</div>43 44 45 46 47 48 49 50 51
</div>
</div>
<div class="row flex-grow-1 align-items-end align-content-center">
<div class="col-auto my-1">
<button class="btn btn-outline-secondary btn-lg">Branch (main) ▼</button>
</div>
<div class="col my-1">
<button class="btn btn-primary btn-lg shadow-sm w-100">Clone ▼</button>
</div>
</div>78 79 80 81 82 83
<a class="nav-link" href="#">Tags</a>
</li>
</ul>
<button class="btn btn-outline-secondary">Branches (current: main) ▼</button>
</div>
</div>
</nav>78 79 80 81 82
<a class="nav-link" href="#">Tags</a>
</li>
</ul>
</div>
</div>
</nav>1 2 3 4 5 6
--bs-body-font-family: serif;
--bs-body-bg: #DBE0AA;
--bs-light-rgb: 233,234,222;
--bs-secondary-bg-rgb: 227,129,79;
/* --bs-secondary-bg-rgb: 103,121,245; blue */
}
1 2 3 4 5 6
--bs-body-font-family: serif;
--bs-body-bg: #DBE0AA;
--bs-light-rgb: 233,234,222;
--bs-secondary-bg-rgb: 230, 87, 80;
/* --bs-secondary-bg-rgb: 103,121,245; blue */
}
12 13 14 15 16 17 18 19 20 21 22 23 24
--bs-border-radius-lg: 1rem;
}
.btn-secondary {
--bs-btn-bg: #91B7F5;
--bs-btn-border-color: #91B7F5;
}
.btn-outline-secondary {
--bs-btn-bg: none;
--bs-btn-border-color: #333;
--bs-btn-color: #333;
}
.language-percentages {
font-size: 0;12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
--bs-border-radius-lg: 1rem;
}
.text-light {
color: rgb(244, 247, 213) !important
}
.btn-secondary {
--bs-btn-bg: #666;
--bs-btn-border-color: #666;
--bs-btn-color: #DBE0AA;
}
.btn-outline-secondary {
--bs-btn-bg: none;
--bs-btn-border-color: rgb(244, 247, 213);
--bs-btn-color: rgb(244, 247, 213) !important;
}
.language-percentages {
font-size: 0;