869a531 Font preload, favicon svg — radicle-explorer

Radicle web interface

Font preload, favicon svg

Alexis Sellier committed 5 years ago

commit 869a531cdf977b2948f303f5eadabd40c06129d9
parent 52919bcf1f030fde4ec730398b74e057c247a4c4

4 files changed +26 -12

added public/favicon.svg

@@ -0,0 +1,9 @@

 <svg width="42" height="36" viewBox="0 0 42 36" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M25.1537 15.5933C23.8092 17.1245 23.0525 19.5391 22.7264 22.062C22.6984 22.2787 22.6735 22.4961 22.6518 22.7138C22.4904 24.3295 22.4983 25.962 22.6349 27.411C22.7036 28.1398 22.852 28.8537 22.9945 29.5387C23.1913 30.4852 23.3766 31.3765 23.3241 32.1756C23.1942 34.6081 18.8206 34.6081 18.6907 32.1756C18.6382 31.3765 18.8235 30.4852 19.0204 29.5387C19.1628 28.8537 19.3112 28.1398 19.3799 27.411C19.3991 27.2077 19.4184 27.0074 19.4374 26.8098C19.5523 25.6144 19.6573 24.5227 19.6676 23.5166C19.6732 22.9697 19.6508 22.4481 19.5868 21.9489C19.5349 21.5444 19.4558 21.1547 19.3421 20.778C19.3086 20.667 19.2721 20.5571 19.2324 20.4484C19.0669 19.9947 18.846 19.5601 18.5562 19.1418C18.1941 18.6189 17.7244 18.1213 17.1209 17.6433C16.9845 17.8946 16.8409 18.1212 16.6916 18.3254C16.4471 18.6599 16.1876 18.9343 15.9209 19.1585C14.7772 20.1202 13.5007 20.1601 12.6995 20.0722C10.5127 19.8321 9.06295 18.0674 7.65318 16.3513C7.32965 15.9575 7.00823 15.5662 6.6805 15.1965C6.14893 14.597 5.60076 14.0541 5.00003 13.6493C5.77695 13.3406 6.56818 13.1315 7.36289 13.0135C10.448 12.5551 13.5854 13.4686 16.1407 15.2564C16.7554 15.6865 17.3364 16.1671 17.8749 16.6914C18.5849 17.3827 19.2211 18.15 19.7631 18.9774C20.1888 19.6273 20.5565 20.3143 20.8562 21.0307C20.9087 21.1562 20.9591 21.2826 21.0074 21.4099C21.1206 21.1116 21.232 20.8097 21.3423 20.5049C21.5511 19.9276 21.7555 19.3397 21.9588 18.7457C22.0945 18.3492 22.2297 17.9499 22.3654 17.5491C22.699 16.5639 23.0357 15.5698 23.3899 14.5861C25.5074 8.70576 28.2535 3.19585 34.7424 2.17022C35.4492 2.05851 36.2004 1.99999 37 2C36.7054 2.39132 36.5337 3.1123 36.3844 4.01355C36.3252 4.37105 36.2695 4.75692 36.211 5.16182C35.9494 6.97456 35.6327 9.16891 34.6979 10.9081C32.8561 14.3345 27.7914 16.024 25.259 15.4765C25.2235 15.5149 25.1884 15.5538 25.1537 15.5933ZM26.1703 17.5768C25.6045 18.4903 25.156 19.7602 24.8709 21.2921C24.5065 23.2503 24.4539 25.3968 24.6261 27.2233C24.6835 27.8321 24.8055 28.4207 24.9471 29.1041C24.9756 29.2416 25.0049 29.383 25.0347 29.5292C25.1945 30.3146 25.3833 31.3103 25.3205 32.2953C25.2484 33.5693 24.5927 34.5591 23.7177 35.1773C22.8885 35.7633 21.9016 36 21.0074 36C20.1132 36 19.1264 35.7633 18.2971 35.1773C17.4221 34.5591 16.7664 33.5693 16.6943 32.2953C16.6315 31.3103 16.8204 30.3146 16.9802 29.5292C17.0099 29.383 17.0392 29.2416 17.0677 29.1041C17.2094 28.4207 17.3314 27.8321 17.3887 27.2233C17.4061 27.0389 17.4232 26.8594 17.4399 26.6845C17.6287 24.7035 17.7609 23.3165 17.5918 22.1204C17.5203 21.6144 17.3949 21.1541 17.1735 20.7182C16.6662 21.1386 16.1239 21.4518 15.5671 21.6728C14.3551 22.154 13.2207 22.1414 12.4813 22.0603C9.91569 21.7786 8.19746 20.0648 6.99581 18.6815C6.68821 18.3274 6.39105 17.9656 6.1154 17.6301L6.10327 17.6153C5.81789 17.2679 5.55545 16.9488 5.29286 16.6473C4.75931 16.0346 4.31007 15.5961 3.88225 15.3078L0.739624 13.1897L4.26165 11.7906C10.2793 9.40003 16.7897 12.0109 20.5498 16.674C20.8204 15.8746 21.0998 15.0538 21.4039 14.1997C22.2025 11.9574 23.1202 9.65012 24.3297 7.57937C25.544 5.50045 27.0942 3.58589 29.1954 2.19591C31.3187 0.791299 33.8881 -2.36029e-05 37 5.28015e-10L41.0095 3.02797e-05L38.6189 3.17497C38.6202 3.17344 38.6211 3.17274 38.6214 3.17294C38.6268 3.17566 38.5461 3.34641 38.4425 3.86821C38.3554 4.30703 38.2834 4.80536 38.1969 5.40462C38.1676 5.60709 38.1367 5.82108 38.103 6.04819C37.8554 7.71586 37.4795 9.9574 36.4595 11.855C35.2545 14.0968 33.0953 15.6276 31.0298 16.5188C29.4673 17.193 27.7209 17.6025 26.1703 17.5768Z" fill="url(#paint0_radial)" fill-opacity="0.84"/>
 <defs>
 <radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.5361 22.5361) rotate(67.2856) scale(26.912)">
 <stop stop-color="#5555FF"/>
 <stop offset="1" stop-color="#FF55FF"/>
 </radialGradient>
 </defs>
 </svg>

added public/fonts/Inter-Regular.woff

modified public/index.html

@@ -4,7 +4,12 @@

     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="description" content="Interact with Radicle" />
     <meta name="theme-color" content="#0e171f">
     <link rel="stylesheet" type="text/css" href="/index.css" />
     <link rel="icon" href="/favicon.ico">
     <link rel="icon" href="/favicon.svg" type="image/svg+xml">
     <link rel="preload" href="/fonts/Inter-Regular.woff" as="font" type="font/woff">
     <title>Radicle Interface</title>
   </head>
   <body>

modified public/typography.css

@@ -1,42 +1,42 @@

 @font-face {
   font-family: "Inter";
 	font-family: "Inter";
 	font-style: normal;
 	font-weight: 400;
 	font-display: swap;
   src: url("fonts/Inter-Regular.otf");
 	src: url("fonts/Inter-Regular.woff");
 }
 @font-face {
   font-family: "Inter";
 	font-family: "Inter";
 	font-style: bold;
 	font-weight: 600;
 	font-display: swap;
   src: url("fonts/Inter-SemiBold.otf");
 	src: url("fonts/Inter-SemiBold.otf");
 }
 @font-face {
   font-family: "Inter";
 	font-family: "Inter";
 	font-style: bold;
 	font-weight: 700;
 	font-display: swap;
   src: url("fonts/Inter-Bold.otf");
 	src: url("fonts/Inter-Bold.otf");
 }
 @font-face {
   font-family: "Source Code Pro";
 	font-family: "Source Code Pro";
 	font-style: bold;
 	font-weight: 600;
   src: url("fonts/SourceCodePro-Semibold.otf");
 	src: url("fonts/SourceCodePro-Semibold.otf");
 }
 @font-face {
   font-family: "Source Code Pro";
 	font-family: "Source Code Pro";
 	font-style: bold;
 	font-weight: 700;
   src: url("fonts/SourceCodePro-Bold.otf");
 	src: url("fonts/SourceCodePro-Bold.otf");
 }
 :root {
   --typeface: "Inter";
   --typeface-mono: "Source Code Pro";
 	--typeface: "Inter";
 	--typeface-mono: "Source Code Pro";
 }