mirror of
https://github.com/cowmonk/cowmonk.github.io.git
synced 2025-10-27 14:43:26 +00:00
better contacts and links
This commit is contained in:
parent
eadf032cdf
commit
3115375eec
5 changed files with 79 additions and 36 deletions
|
|
@ -29,7 +29,8 @@
|
||||||
<h3>cowmonk</h3>
|
<h3>cowmonk</h3>
|
||||||
<p><em>Linux enthusiast, C enjoyer, and lifelong suckless shill.</em></p>
|
<p><em>Linux enthusiast, C enjoyer, and lifelong suckless shill.</em></p>
|
||||||
|
|
||||||
<h4>Contact & Links:</h4>
|
<details class="contacts">
|
||||||
|
<summary>Contact & Links</summary>
|
||||||
<dl class="contact-details">
|
<dl class="contact-details">
|
||||||
<dt>Discord</dt>
|
<dt>Discord</dt>
|
||||||
<dd>@cowmonk</dd>
|
<dd>@cowmonk</dd>
|
||||||
|
|
@ -40,6 +41,7 @@
|
||||||
<dt>GitHub</dt>
|
<dt>GitHub</dt>
|
||||||
<dd><a href="https://github.com/cowmonk" target="_blank" rel="noopener noreferrer">github.com/cowmonk</a></dd>
|
<dd><a href="https://github.com/cowmonk" target="_blank" rel="noopener noreferrer">github.com/cowmonk</a></dd>
|
||||||
</dl>
|
</dl>
|
||||||
|
</details>
|
||||||
</aside>
|
</aside>
|
||||||
|
|
||||||
<main class="main-content">
|
<main class="main-content">
|
||||||
|
|
|
||||||
|
|
@ -29,7 +29,8 @@
|
||||||
<h3>cowmonk</h3>
|
<h3>cowmonk</h3>
|
||||||
<p><em>Linux enthusiast, C enjoyer, and lifelong suckless shill.</em></p>
|
<p><em>Linux enthusiast, C enjoyer, and lifelong suckless shill.</em></p>
|
||||||
|
|
||||||
<h4>Contact & Links:</h4>
|
<details class="contacts">
|
||||||
|
<summary>Contact & Links</summary>
|
||||||
<dl class="contact-details">
|
<dl class="contact-details">
|
||||||
<dt>Discord</dt>
|
<dt>Discord</dt>
|
||||||
<dd>@cowmonk</dd>
|
<dd>@cowmonk</dd>
|
||||||
|
|
@ -40,6 +41,7 @@
|
||||||
<dt>GitHub</dt>
|
<dt>GitHub</dt>
|
||||||
<dd><a href="https://github.com/cowmonk" target="_blank" rel="noopener noreferrer">github.com/cowmonk</a></dd>
|
<dd><a href="https://github.com/cowmonk" target="_blank" rel="noopener noreferrer">github.com/cowmonk</a></dd>
|
||||||
</dl>
|
</dl>
|
||||||
|
</details>
|
||||||
</aside>
|
</aside>
|
||||||
|
|
||||||
<main class="main-content">
|
<main class="main-content">
|
||||||
|
|
|
||||||
|
|
@ -29,7 +29,8 @@
|
||||||
<h3>cowmonk</h3>
|
<h3>cowmonk</h3>
|
||||||
<p><em>Linux enthusiast, C enjoyer, and lifelong suckless shill.</em></p>
|
<p><em>Linux enthusiast, C enjoyer, and lifelong suckless shill.</em></p>
|
||||||
|
|
||||||
<h4>Contact & Links:</h4>
|
<details class="contacts">
|
||||||
|
<summary>Contact & Links</summary>
|
||||||
<dl class="contact-details">
|
<dl class="contact-details">
|
||||||
<dt>Discord</dt>
|
<dt>Discord</dt>
|
||||||
<dd>@cowmonk</dd>
|
<dd>@cowmonk</dd>
|
||||||
|
|
@ -40,6 +41,7 @@
|
||||||
<dt>GitHub</dt>
|
<dt>GitHub</dt>
|
||||||
<dd><a href="https://github.com/cowmonk" target="_blank" rel="noopener noreferrer">github.com/cowmonk</a></dd>
|
<dd><a href="https://github.com/cowmonk" target="_blank" rel="noopener noreferrer">github.com/cowmonk</a></dd>
|
||||||
</dl>
|
</dl>
|
||||||
|
</details>
|
||||||
</aside>
|
</aside>
|
||||||
|
|
||||||
<main class="main-content">
|
<main class="main-content">
|
||||||
|
|
|
||||||
35
main.css
35
main.css
|
|
@ -90,6 +90,41 @@ body > header p { opacity: 0.8;
|
||||||
line-height: 1.3; }
|
line-height: 1.3; }
|
||||||
.profile-info p em { color: #ccc; }
|
.profile-info p em { color: #ccc; }
|
||||||
.profile-info a { }
|
.profile-info a { }
|
||||||
|
.profile-info details.contacts summary { font-size: 1em;
|
||||||
|
color: #bbb;
|
||||||
|
font-weight: bold;
|
||||||
|
padding: 0.6em 0.2em 0.6em 0;
|
||||||
|
cursor: pointer;
|
||||||
|
list-style: none;
|
||||||
|
transition: color 0.2s ease, border-color 0.2s ease;
|
||||||
|
border-bottom: 1px solid #333;
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
.profile-info details.contacts summary::-webkit-details-marker,
|
||||||
|
.profile-info details.contacts summary::marker { display: none }
|
||||||
|
.profile-info details.contacts summary:focus { outline: none; }
|
||||||
|
.profile-info details.contacts summary:focus-visible { box-shadow: 0 0 0 2px #111, 0 0 0 4px yellow;
|
||||||
|
border-bottom-color: transparent; }
|
||||||
|
|
||||||
|
.profile-info details.contacts summary::before { content: "[+] ";
|
||||||
|
color: #888;
|
||||||
|
font-weight: normal;
|
||||||
|
display: inline;
|
||||||
|
margin-left: 0.2em;
|
||||||
|
transition: color 0.2s ease; }
|
||||||
|
.profile-info details.contacts summary:hover,
|
||||||
|
.profile-info details.contacts summary:hover::before { color: #fff; }
|
||||||
|
.profile-info details.contacts[open] > summary { color: yellow;
|
||||||
|
border-bottom-color: yellow; }
|
||||||
|
.profile-info details.contacts[open] > summary:focus-visible { border-bottom-color: transparent; }
|
||||||
|
.profile-info details.contacts[open] > summary::before { content: "[-] ";
|
||||||
|
color: yellow; }
|
||||||
|
.profile-info details.contacts[open] .contact-details { margin: 0;
|
||||||
|
padding: 0.75em 0.5em 0.5em calc(0.2em + 3ch + 0.2em);
|
||||||
|
font-size: 0.9em;
|
||||||
|
background-color: #161616;
|
||||||
|
border-bottom-left-radius: 3px;
|
||||||
|
border-bottom-right-radius: 3px; }
|
||||||
|
|
||||||
.contact-details { margin: 0;
|
.contact-details { margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
|
||||||
|
|
@ -29,7 +29,8 @@
|
||||||
<h3>cowmonk</h3>
|
<h3>cowmonk</h3>
|
||||||
<p><em>Linux enthusiast, C enjoyer, and lifelong suckless shill.</em></p>
|
<p><em>Linux enthusiast, C enjoyer, and lifelong suckless shill.</em></p>
|
||||||
|
|
||||||
<h4>Contact & Links:</h4>
|
<details class="contacts">
|
||||||
|
<summary>Contact & Links</summary>
|
||||||
<dl class="contact-details">
|
<dl class="contact-details">
|
||||||
<dt>Discord</dt>
|
<dt>Discord</dt>
|
||||||
<dd>@cowmonk</dd>
|
<dd>@cowmonk</dd>
|
||||||
|
|
@ -40,6 +41,7 @@
|
||||||
<dt>GitHub</dt>
|
<dt>GitHub</dt>
|
||||||
<dd><a href="https://github.com/cowmonk" target="_blank" rel="noopener noreferrer">github.com/cowmonk</a></dd>
|
<dd><a href="https://github.com/cowmonk" target="_blank" rel="noopener noreferrer">github.com/cowmonk</a></dd>
|
||||||
</dl>
|
</dl>
|
||||||
|
</details>
|
||||||
</aside>
|
</aside>
|
||||||
|
|
||||||
<main class="main-content">
|
<main class="main-content">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue