This commit is contained in:
parent
86b64db0a9
commit
a3d716e156
6 changed files with 25 additions and 10 deletions
|
|
@ -38,7 +38,7 @@
|
||||||
<a href="/me"><span class="tabler--user"></span> about me</a>
|
<a href="/me"><span class="tabler--user"></span> about me</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/blog"><span class="tabler--article"></span> blog</a>
|
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/me#links"><span class="tabler--link"></span> links</a>
|
<a href="/me#links"><span class="tabler--link"></span> links</a>
|
||||||
|
|
@ -50,7 +50,7 @@
|
||||||
<div class="dot"></div>
|
<div class="dot"></div>
|
||||||
<a href="/me"><span class="tabler--user"></span> about me</a>
|
<a href="/me"><span class="tabler--user"></span> about me</a>
|
||||||
<div class="dot"></div>
|
<div class="dot"></div>
|
||||||
<a href="/blog"><span class="tabler--article"></span> blog</a>
|
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
|
||||||
<div class="dot"></div>
|
<div class="dot"></div>
|
||||||
<a href="/me#links"><span class="tabler--link"></span> links</a>
|
<a href="/me#links"><span class="tabler--link"></span> links</a>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
|
||||||
|
|
@ -36,7 +36,7 @@
|
||||||
<a href="/me"><span class="tabler--user"></span> about me</a>
|
<a href="/me"><span class="tabler--user"></span> about me</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/blog"><span class="tabler--article"></span> blog</a>
|
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/me#links"><span class="tabler--link"></span> links</a>
|
<a href="/me#links"><span class="tabler--link"></span> links</a>
|
||||||
|
|
@ -48,7 +48,7 @@
|
||||||
<div class="dot"></div>
|
<div class="dot"></div>
|
||||||
<a href="/me"><span class="tabler--user"></span> about me</a>
|
<a href="/me"><span class="tabler--user"></span> about me</a>
|
||||||
<div class="dot"></div>
|
<div class="dot"></div>
|
||||||
<a href="/blog"><span class="tabler--article"></span> blog</a>
|
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
|
||||||
<div class="dot"></div>
|
<div class="dot"></div>
|
||||||
<a href="/me#links"><span class="tabler--link"></span> links</a>
|
<a href="/me#links"><span class="tabler--link"></span> links</a>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
|
||||||
|
|
@ -36,7 +36,7 @@
|
||||||
<a href="/me"><span class="tabler--user"></span> about me</a>
|
<a href="/me"><span class="tabler--user"></span> about me</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/blog"><span class="tabler--article"></span> blog</a>
|
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/me#links"><span class="tabler--link"></span> links</a>
|
<a href="/me#links"><span class="tabler--link"></span> links</a>
|
||||||
|
|
@ -48,7 +48,7 @@
|
||||||
<div class="dot"></div>
|
<div class="dot"></div>
|
||||||
<a href="/me"><span class="tabler--user"></span> about me</a>
|
<a href="/me"><span class="tabler--user"></span> about me</a>
|
||||||
<div class="dot"></div>
|
<div class="dot"></div>
|
||||||
<a href="/blog"><span class="tabler--article"></span> blog</a>
|
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
|
||||||
<div class="dot"></div>
|
<div class="dot"></div>
|
||||||
<a href="/me#links"><span class="tabler--link"></span> links</a>
|
<a href="/me#links"><span class="tabler--link"></span> links</a>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
|
||||||
|
|
@ -38,7 +38,7 @@
|
||||||
<a href="/me"><span class="tabler--user"></span> about me</a>
|
<a href="/me"><span class="tabler--user"></span> about me</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/blog"><span class="tabler--article"></span> blog</a>
|
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/me#links"><span class="tabler--link"></span> links</a>
|
<a href="/me#links"><span class="tabler--link"></span> links</a>
|
||||||
|
|
@ -50,7 +50,7 @@
|
||||||
<div class="dot"></div>
|
<div class="dot"></div>
|
||||||
<a href="/me"><span class="tabler--user"></span> about me</a>
|
<a href="/me"><span class="tabler--user"></span> about me</a>
|
||||||
<div class="dot"></div>
|
<div class="dot"></div>
|
||||||
<a href="/blog"><span class="tabler--article"></span> blog</a>
|
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
|
||||||
<div class="dot"></div>
|
<div class="dot"></div>
|
||||||
<a href="/me#links"><span class="tabler--link"></span> links</a>
|
<a href="/me#links"><span class="tabler--link"></span> links</a>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
|
||||||
|
|
@ -35,7 +35,7 @@
|
||||||
<a href="/me"><span class="tabler--user"></span> about me</a>
|
<a href="/me"><span class="tabler--user"></span> about me</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/blog"><span class="tabler--article"></span> blog</a>
|
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/me#links"><span class="tabler--link"></span> links</a>
|
<a href="/me#links"><span class="tabler--link"></span> links</a>
|
||||||
|
|
@ -47,7 +47,7 @@
|
||||||
<div class="dot"></div>
|
<div class="dot"></div>
|
||||||
<a href="/me"><span class="tabler--user"></span> about me</a>
|
<a href="/me"><span class="tabler--user"></span> about me</a>
|
||||||
<div class="dot"></div>
|
<div class="dot"></div>
|
||||||
<a href="/blog"><span class="tabler--article"></span> blog</a>
|
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
|
||||||
<div class="dot"></div>
|
<div class="dot"></div>
|
||||||
<a href="/me#links"><span class="tabler--link"></span> links</a>
|
<a href="/me#links"><span class="tabler--link"></span> links</a>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
|
||||||
15
tabler.css
15
tabler.css
|
|
@ -66,6 +66,21 @@ uses Tabler icons via https://icon-sets.iconify.design/tabler to generate reusab
|
||||||
-webkit-mask-size: 100% 100%;
|
-webkit-mask-size: 100% 100%;
|
||||||
mask-size: 100% 100%;
|
mask-size: 100% 100%;
|
||||||
}
|
}
|
||||||
|
/* ti-notebook */
|
||||||
|
.tabler--notebook {
|
||||||
|
display: inline-block;
|
||||||
|
width: 1.3rem;
|
||||||
|
height: 1.3rem;
|
||||||
|
vertical-align: top;
|
||||||
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 4h11a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m3 0v18m4-14h2m-2 4h2'/%3E%3C/svg%3E");
|
||||||
|
background-color: currentColor;
|
||||||
|
-webkit-mask-image: var(--svg);
|
||||||
|
mask-image: var(--svg);
|
||||||
|
-webkit-mask-repeat: no-repeat;
|
||||||
|
mask-repeat: no-repeat;
|
||||||
|
-webkit-mask-size: 100% 100%;
|
||||||
|
mask-size: 100% 100%;
|
||||||
|
}
|
||||||
/* ti-link */
|
/* ti-link */
|
||||||
.tabler--link {
|
.tabler--link {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue