favicon, icons

This commit is contained in:
bvn13 2021-11-22 03:29:55 +03:00
parent 10a733f7a4
commit 7c5006a1d3
14 changed files with 84 additions and 5 deletions

View File

@ -1,3 +1,3 @@
document.addEventListener('DOMContentLoaded', () => {
console.log('Hello Bulma!');
console.log('Hello!');
});

BIN
src/assets/blog64.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><radialGradient id="jAVUMfCM1liBjYZwQpghOa" cx="32" cy="31.5" r="31.259" gradientUnits="userSpaceOnUse" spreadMethod="reflect"><stop offset="0" stop-color="#c5f1ff"/><stop offset=".35" stop-color="#cdf3ff"/><stop offset=".907" stop-color="#e4faff"/><stop offset="1" stop-color="#e9fbff"/></radialGradient><path fill="url(#jAVUMfCM1liBjYZwQpghOa)" d="M58,54c-1.105,0-2-0.895-2-2c0-1.105,0.895-2,2-2h2.5c1.925,0,3.5-1.575,3.5-3.5 S62.425,43,60.5,43H50c-1.381,0-2.5-1.119-2.5-2.5c0-1.381,1.119-2.5,2.5-2.5h8c1.65,0,3-1.35,3-3c0-1.65-1.35-3-3-3H42v-6h18 c2.335,0,4.22-2.028,3.979-4.41C63.77,19.514,61.897,18,59.811,18H58c-1.105,0-2-0.895-2-2c0-1.105,0.895-2,2-2h0.357 c1.308,0,2.499-0.941,2.63-2.242C61.137,10.261,59.966,9,58.5,9h-14C43.672,9,43,8.328,43,7.5S43.672,6,44.5,6h3.857 c1.308,0,2.499-0.941,2.63-2.242C51.137,2.261,49.966,1,48.5,1L15.643,1c-1.308,0-2.499,0.941-2.63,2.242 C12.863,4.739,14.034,6,15.5,6H19c1.105,0,2,0.895,2,2c0,1.105-0.895,2-2,2H6.189c-2.086,0-3.958,1.514-4.168,3.59 C1.78,15.972,3.665,18,6,18h2.5c1.933,0,3.5,1.567,3.5,3.5c0,1.933-1.567,3.5-3.5,3.5H5.189c-2.086,0-3.958,1.514-4.168,3.59 C0.78,30.972,2.665,33,5,33h17v11H6c-1.65,0-3,1.35-3,3c0,1.65,1.35,3,3,3h0c1.105,0,2,0.895,2,2c0,1.105-0.895,2-2,2H4.189 c-2.086,0-3.958,1.514-4.168,3.59C-0.22,59.972,1.665,62,4,62h53.811c2.086,0,3.958-1.514,4.168-3.59C62.22,56.028,60.335,54,58,54z"/><linearGradient id="jAVUMfCM1liBjYZwQpghOb" x1="32" x2="32" y1="59.381" y2="15.381" gradientUnits="userSpaceOnUse" spreadMethod="reflect"><stop offset="0" stop-color="#155cde"/><stop offset=".278" stop-color="#1f7fe5"/><stop offset=".569" stop-color="#279ceb"/><stop offset=".82" stop-color="#2cafef"/><stop offset="1" stop-color="#2eb5f0"/></linearGradient><path fill="url(#jAVUMfCM1liBjYZwQpghOb)" d="M50,12H14c-2.209,0-4,1.791-4,4v36c0,2.209,1.791,4,4,4h36c2.209,0,4-1.791,4-4V16 C54,13.791,52.209,12,50,12z"/><path fill="#fff" d="M19 28h2c1.105 0 2 .895 2 2v17c0 1.105-.895 2-2 2h-2c-1.105 0-2-.895-2-2V30C17 28.895 17.895 28 19 28zM19.981 25h-.033C18.158 25 17 23.664 17 22c0-1.706 1.195-3 3.019-3 1.823 0 2.948 1.294 2.981 3C23 23.664 21.842 25 19.981 25zM45 49h-2c-1.105 0-2-.895-2-2v-9.372c0-2.749-1.506-4.624-4.239-4.624-1.953 0-3.133 1.265-3.626 2.485C32.954 35.929 33 37.14 33 37.75V47c0 1.105-.888 2-1.993 2H29c-1.105 0-2-.895-2-2V30c0-1.105.895-2 2-2h2.007c1.105 0 2 .895 2 2v1.021C33.911 29.625 35.564 28 39.173 28 43.646 28 47 30.563 47 36.842V47C47 48.105 46.105 49 45 49z"/></svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

1
src/assets/mail64.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><radialGradient id="jUSv56w43tV131KS5vdVHa" cx="32" cy="34" r="32" gradientTransform="matrix(1 0 0 -1 0 66)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9ceeff"/><stop offset=".642" stop-color="#c5f5ff"/><stop offset="1" stop-color="#dcf9ff"/></radialGradient><path fill="url(#jUSv56w43tV131KS5vdVHa)" d="M3,3c0-1.657,1.343-3,3-3s3,1.343,3,3S7.657,6,6,6S3,4.657,3,3z M60,58c-1.657,0-3,1.343-3,3 s1.343,3,3,3s3-1.343,3-3S61.657,58,60,58z M60.302,43H44v-7h14.828c2.089,0,3.955-1.527,4.153-3.607C63.209,30.007,61.339,28,59,28 H44v-8h15.828c2.089,0,3.955-1.527,4.153-3.607C64.209,14.007,62.339,12,60,12H47c-1.657,0-3-1.343-3-3s1.343-3,3-3h2.03 C50.67,6,52,4.67,52,3.029V2.971C52,1.33,50.67,0,49.03,0H14.97C13.33,0,12,1.33,12,2.971V3.03C12,4.67,13.33,6,14.97,6h1.53 C18.433,6,20,7.567,20,9.5S18.433,13,16.5,13H3.698c-1.895,0-3.594,1.419-3.693,3.312C-0.101,18.331,1.505,20,3.5,20H20v5H5 c-2.209,0-4,1.791-4,4s1.791,4,4,4h15v8H4.172c-2.089,0-3.955,1.527-4.153,3.606C-0.209,46.992,1.661,49,4,49h10 c2.209,0,4,1.791,4,4v1c0,2.209-1.791,4-4,4h-0.889c-1.451,0-2.781,0.981-3.054,2.406C9.689,62.323,11.149,64,13,64h37.889 c1.451,0,2.781-0.981,3.054-2.406C54.311,59.677,52.851,58,51,58h-1c-2.209,0-4-1.791-4-4s1.791-4,4-4h10.5 c1.995,0,3.601-1.669,3.495-3.688C63.896,44.419,62.197,43,60.302,43z"/><linearGradient id="jUSv56w43tV131KS5vdVHb" x1="32" x2="32" y1="-1.873" y2="71.552" gradientTransform="matrix(1 0 0 -1 0 66)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#005ce2"/><stop offset=".278" stop-color="#0080e8"/><stop offset=".569" stop-color="#009ced"/><stop offset=".82" stop-color="#00b0f1"/><stop offset="1" stop-color="#00b5f2"/></linearGradient><path fill="url(#jUSv56w43tV131KS5vdVHb)" d="M18,8h28c5.523,0,10,4.477,10,10v28c0,5.523-4.477,10-10,10H18c-5.523,0-10-4.477-10-10V18 C8,12.477,12.477,8,18,8z"/><path fill="#fff" d="M24.53,30.18l-10.29,12C14.09,41.82,14,41.42,14,41V23c0-0.54,0.14-1.04,0.38-1.47L24.53,30.18z"/><path fill="#fff" d="M30.59,32.71l-14.67-12.5C16.25,20.07,16.62,20,17,20h30c0.4,0,0.78,0.08,1.13,0.23L34.41,32.65 C33.37,33.59,31.66,33.62,30.59,32.71z"/><path fill="#fff" d="M38.27,31.85l10.12,11.81C47.98,43.88,47.5,44,47,44H17c-0.5,0-0.98-0.12-1.39-0.34l10.44-12.19 l3.24,2.76c0.89,0.75,2.01,1.17,3.18,1.17c1.21,0,2.38-0.45,3.28-1.27L38.27,31.85z"/><path fill="#fff" d="M50,23v18c0,0.42-0.09,0.82-0.24,1.18L39.75,30.51l9.89-8.94C49.87,21.99,50,22.48,50,23z"/><linearGradient id="jUSv56w43tV131KS5vdVHc" x1="16.502" x2="16.502" y1="3.541" y2="58.639" gradientTransform="matrix(1 0 0 -1 0 66)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#005ce2"/><stop offset=".278" stop-color="#0080e8"/><stop offset=".569" stop-color="#009ced"/><stop offset=".82" stop-color="#00b0f1"/><stop offset="1" stop-color="#00b5f2"/></linearGradient><path fill="url(#jUSv56w43tV131KS5vdVHc)" d="M24.99,10.24c0.15,1.5-1.02,2.76-2.49,2.76H15c-0.55,0-1.05,0.22-1.41,0.59 C13.22,13.95,13,14.45,13,15c0,1.1,0.9,2,2,2h1.5c0.83,0,1.5,0.67,1.5,1.5S17.33,20,16.5,20H8v-2c0-5.52,4.48-10,10-10h4.36 C23.67,8,24.86,8.94,24.99,10.24z"/><linearGradient id="jUSv56w43tV131KS5vdVHd" x1="47.998" x2="47.998" y1="5.823" y2="63.776" gradientTransform="matrix(1 0 0 -1 0 66)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#005ce2"/><stop offset=".278" stop-color="#0080e8"/><stop offset=".569" stop-color="#009ced"/><stop offset=".82" stop-color="#00b0f1"/><stop offset="1" stop-color="#00b5f2"/></linearGradient><path fill="url(#jUSv56w43tV131KS5vdVHd)" d="M40.01,53.76C39.86,52.26,41.03,51,42.5,51H47c0.55,0,1.05-0.22,1.41-0.59 C48.78,50.05,49,49.55,49,49c0-1.1-0.9-2-2-2h-1.5c-0.83,0-1.5-0.67-1.5-1.5s0.67-1.5,1.5-1.5H56v2c0,5.52-4.48,10-10,10h-3.36 C41.33,56,40.14,55.06,40.01,53.76z"/></svg>

After

Width:  |  Height:  |  Size: 3.7 KiB

1
src/assets/twitter64.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><radialGradient id="xW1rhakWxHfCsuNDi~7SWa" cx="32" cy="33" r="29.606" gradientUnits="userSpaceOnUse" spreadMethod="reflect"><stop offset="0" stop-color="#c5f1ff"/><stop offset=".35" stop-color="#cdf3ff"/><stop offset=".907" stop-color="#e4faff"/><stop offset="1" stop-color="#e9fbff"/></radialGradient><path fill="url(#xW1rhakWxHfCsuNDi~7SWa)" d="M10.5,60h41c2.485,0,4.5-2.015,4.5-4.5v0c0-2.485-2.015-4.5-4.5-4.5h-0.393 c-0.996,0-1.92-0.681-2.08-1.664C48.824,48.083,49.785,47,51,47l5.288,0c2.347,0,4.453-1.704,4.689-4.039 C61.247,40.282,59.127,38,56.5,38l-3.393,0c-0.996,0-1.92-0.681-2.08-1.664C50.824,35.083,51.785,34,53,34l5.241,0 c2.868,0,5.442-2.082,5.731-4.936C64.303,25.789,61.711,23,58.5,23l-12.33,0c-1.624,0-3.081-1.216-3.166-2.839 C42.914,18.431,44.29,17,46,17l2.241,0c2.868,0,5.442-2.082,5.731-4.936C54.303,8.789,51.711,6,48.5,6l-38,0C7.462,6,5,8.462,5,11.5 v0c0,3.038,2.462,5.5,5.5,5.5H14c1.105,0,2,0.895,2,2v0c0,1.105-0.895,2-2,2l-9.288,0c-2.347,0-4.453,1.704-4.689,4.038 C-0.248,27.718,1.873,30,4.5,30l8.33,0c1.624,0,3.081,1.216,3.166,2.839C16.086,34.569,14.71,36,13,36H7.712 c-2.347,0-4.453,1.704-4.689,4.038C2.753,42.718,4.873,45,7.5,45h6.393c0.996,0,1.92,0.681,2.08,1.664 C16.176,47.917,15.215,49,14,49l-3.5,0C7.462,49,5,51.462,5,54.5v0C5,57.538,7.462,60,10.5,60z"/><linearGradient id="xW1rhakWxHfCsuNDi~7SWb" x1="32.5" x2="32.5" y1="64.102" y2="22.102" gradientUnits="userSpaceOnUse" spreadMethod="reflect"><stop offset="0" stop-color="#155cde"/><stop offset=".278" stop-color="#1f7fe5"/><stop offset=".569" stop-color="#279ceb"/><stop offset=".82" stop-color="#2cafef"/><stop offset="1" stop-color="#2eb5f0"/></linearGradient><path fill="url(#xW1rhakWxHfCsuNDi~7SWb)" d="M57.667,19.058c-1.44,0.493-2.997,0.771-4.636,0.956c1.617-0.805,2.735-1.99,3.78-3.441 c0.598-0.83-0.329-1.915-1.25-1.469c-1.638,0.793-3.22,1.382-5.213,1.721C48.399,15.073,45.829,14,43,14 c-4.11,0-7.69,2.25-9.57,5.58C32.52,21.18,32,23.03,32,25c0,0.677,0.082,1.332,0.199,1.975c-8.839-0.263-16.248-4.827-20.463-10.568 C11.268,15.77,10.29,15.906,10,16.641C9.553,17.772,9,19,9,21c0,0.12,0,0.23,0.01,0.34c0.04,1.3,0.33,2.54,0.83,3.66 c0.94,2.17,2.64,3.94,4.77,4.98C14.41,29.99,14.21,30,14,30c-2,0-2.658-0.685-3.743-0.967c-0.683-0.178-1.35,0.392-1.247,1.09 c0.328,2.221,1.484,4.559,3.029,6.047c1.66,1.62,3.88,2.66,6.35,2.81C17.07,39.63,15.58,40,14,40h-1c-0.756,0-1.227,0.8-0.886,1.474 c1.677,3.317,5.561,5.53,9.722,5.516C17.826,49.518,13.091,51,8,51H7c-0.552,0-1,0.448-1,1c0,0.458,0.314,0.828,0.734,0.946 l-0.002,0.017c0,0,7.53,3.037,16.268,3.037c16.93,0,30.69-13.57,30.99-30.43C54,25.38,54,25.19,54,25s0-0.38-0.01-0.57 c-0.014-0.275-0.048-0.545-0.082-0.815c1.851-0.589,3.499-1.558,4.811-2.926C59.442,19.936,58.655,18.72,57.667,19.058z"/></svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

6
src/favicon_io/about.txt Normal file
View File

@ -0,0 +1,6 @@
This favicon was generated using the following font:
- Font Title: Devonshire
- Font Author: Copyright (c) 2011 by Brian J. Bonislawsky DBA Astigmatic (AOETI) (astigma@astigmatic.com), with Reserved Font Name "Devonshire"
- Font Source: http://fonts.gstatic.com/s/devonshire/v11/46kqlbDwWirWr4gtBD2BX0Vq01lYAZM.ttf
- Font License: SIL Open Font License, 1.1 (http://scripts.sil.org/OFL))

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 491 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
src/favicon_io/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

View File

@ -0,0 +1 @@
{"name":"","short_name":"","icons":[{"src":"favicon_io/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"favicon_io/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

View File

@ -5,6 +5,12 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>bvn13</title>
<link rel="apple-touch-icon" sizes="180x180" href="favicon_io/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon_io/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon_io/favicon-16x16.png">
<link rel="manifest" href="favicon_io/site.webmanifest">
<link rel="stylesheet" href="main.css">
</head>
<body>
@ -28,13 +34,76 @@
<a class="is-active">My resources</a>
<ul>
<li>
<a href="https://twitter.bvn13.me">twitter.bvn13.me</a>
<a href="https://twitter.bvn13.me">
<table class="table is-narrow">
<tbody>
<tr>
<td>
<figure class="image is-32x32">
<img src="assets/twitter64.svg">
</figure>
</td>
<td>
<span class="is-size-5">twitter.bvn13.me</span>
</td>
</tr>
</tbody>
</table>
</a>
</li>
<li>
<a href="https://blog.bvn13.me">blog.bvn13.me</a>
<a href="https://blog.bvn13.me">
<table class="table is-narrow">
<tbody>
<tr>
<td>
<figure class="image is-32x32">
<img src="assets/blog64.png">
</figure>
</td>
<td>
<p class="is-size-5">blog.bvn13.me</p>
</td>
</tr>
</tbody>
</table>
</a>
</li>
<li>
<a href="https://cv.bvn13.me">CV</a>
<a href="https://cv.bvn13.me">
<table class="table is-narrow">
<tbody>
<tr>
<td>
<figure class="image is-32x32">
<img src="assets/linkedin64.svg">
</figure>
</td>
<td>
<p class="is-size-5">cv</p>
</td>
</tr>
</tbody>
</table>
</a>
</li>
<li>
<a href="mailto:mail.bvn13.me">
<table class="table is-narrow">
<tbody>
<tr>
<td>
<figure class="image is-32x32">
<img src="assets/mail64.svg">
</figure>
</td>
<td>
<p class="is-size-5">mail me</p>
</td>
</tr>
</tbody>
</table>
</a>
</li>
</ul>
</li>
@ -42,7 +111,7 @@
</aside>
<article class="message is-warning">
<div class="message-body">
<a href="https://www.buymeacoffee.com/bvn13">you can buy me a coffee :)<//a>
<a href="https://www.buymeacoffee.com/bvn13">you can buy me a coffee :)</a>
</div>
</article>
</p>