Compare commits

...

2 commits

Author SHA1 Message Date
71faaa021a Merge branch 'main' of https://git.myco.systems/mycosystems/myco.systems
All checks were successful
Static / build (push) Successful in 21s
2024-03-23 16:31:27 -04:00
6c1fb2fbf2 uptime external link 2024-03-23 16:29:45 -04:00
2 changed files with 13 additions and 2 deletions

View file

@ -61,8 +61,8 @@
<label for="tab-about" class="tab">About</label>
<label for="tab-contact" class="tab">Contact</label>
<label for="tab-dash" class="tab">Dashboard</label>
<a href="https://uptime.myco.systems/" class="tab-right">Uptime <svg class="tab-icon" viewBox="0 0 512 512"><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg></a>
</div>
<div id="linksTab" class="tab-content">
<p>Hi! It's good to see you \( o )/</p>
<div class="bullet-text">

View file

@ -85,7 +85,7 @@ body,
display: flex;
}
.tab {
.tab, .tab-right {
cursor: pointer;
padding: 4px 15px;
border-width: 0 4px 4px 0;
@ -94,6 +94,17 @@ body,
font-size: 12px;
}
.tab-right {
border-right: 0;
color: #f3bbae;
text-decoration: none;
}
.tab-right svg {
fill: #f3bbae;
width: 12px;
}
.tab-content {
word-wrap: break-word;
display: none;