Website for the Lede browser extension.
Use summarizer mark in header with Lede wordmark
+32
-4
+18
public/images/summarizer-logo.svg
+18
public/images/summarizer-logo.svg
···
1
+
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+
<svg width="100%" height="100%" viewBox="0 0 977 991" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
4
+
<g transform="matrix(1,0,0,1,-11.519101,-4.302677)">
5
+
<g transform="matrix(2.027972,-0.74918,1.054507,2.854468,-1603.42661,-924.299392)">
6
+
<path d="M663.298,595.273L530.287,595.273C513.571,595.273 500,585.631 500,573.755C500,561.879 513.571,552.237 530.287,552.237L747.548,552.237L663.298,595.273ZM831.392,552.237L844.443,552.237C861.159,552.237 874.731,561.879 874.731,573.755C874.731,585.631 861.159,595.273 844.443,595.273L786.277,595.273L827.495,557.238C829.179,555.684 830.476,553.997 831.392,552.237Z" style="fill:rgb(169,180,196);"/>
7
+
</g>
8
+
<g transform="matrix(2.027972,-0.74918,1.054507,2.854468,-1498.98627,-641.587531)">
9
+
<path d="M626.413,595.273L530.287,595.273C513.571,595.273 500,585.631 500,573.755C500,561.879 513.571,552.237 530.287,552.237L556.32,552.237C552.553,556.112 550.878,560.915 551.846,565.73C553.255,572.737 560.026,578.608 569.419,580.966L626.413,595.273ZM789.57,552.237L844.443,552.237C861.159,552.237 874.731,561.879 874.731,573.755C874.731,585.631 861.159,595.273 844.443,595.273L836.848,595.273C839.697,593.698 842.531,592.114 845.35,590.522C853.685,585.814 857.297,578.042 854.548,570.734C851.798,563.425 843.21,557.971 832.68,556.845L789.57,552.237Z" style="fill:rgb(169,180,196);"/>
10
+
</g>
11
+
<g transform="matrix(2.027972,-0.74918,1.054507,2.854468,-1394.54593,-358.87567)">
12
+
<path d="M504.708,585.276C501.727,581.944 500,577.992 500,573.755C500,561.879 513.571,552.237 530.287,552.237L553.945,552.237L504.708,585.276ZM720.969,552.237L844.443,552.237C861.159,552.237 874.731,561.879 874.731,573.755C874.731,585.631 861.159,595.273 844.443,595.273L606.723,595.273C646.502,581.938 684.62,567.613 720.969,552.237Z" style="fill:rgb(169,180,196);"/>
13
+
</g>
14
+
<g transform="matrix(2.061595,0.357455,-0.357455,2.061595,-342.211752,-730.395512)">
15
+
<path d="M520.828,281.713L496.332,468.258L618.867,419.852C623.264,418.115 628.272,419.151 631.619,422.489C634.966,425.827 636.015,430.832 634.29,435.233C591.046,545.573 527.57,652.425 447.165,756.331C443.667,760.853 437.444,762.24 432.356,759.633C427.268,757.027 424.759,751.165 426.385,745.684L487.827,538.566L392.453,556.504C388.107,557.321 383.666,555.656 380.929,552.182C378.192,548.709 377.611,544.002 379.422,539.967L498.215,275.303C500.629,269.926 506.62,267.132 512.291,268.739C517.961,270.347 521.595,275.869 520.828,281.713Z" style="fill:rgb(241,91,47);"/>
16
+
</g>
17
+
</g>
18
+
</svg>
+8
-1
src/components/SiteHeader.astro
+8
-1
src/components/SiteHeader.astro
···
18
18
<div class="wrap">
19
19
<div class="site-header__inner">
20
20
<a class="brand-lockup" href="/">
21
-
<img class="brand-lockup__mark" src="/lightning.svg" width="28" height="48" alt="" />
21
+
<img
22
+
class="brand-lockup__mark"
23
+
src="/images/summarizer-logo.svg"
24
+
width="32"
25
+
height="32"
26
+
alt=""
27
+
decoding="async"
28
+
/>
22
29
<span>Lede</span>
23
30
</a>
24
31
<div class="site-header__actions">
+6
-3
src/styles/global.css
+6
-3
src/styles/global.css
···
345
345
border-radius: var(--radius-sm);
346
346
}
347
347
348
+
/* Summarizer mark (no wordmark in asset) + “Lede” set in markup */
348
349
.brand-lockup__mark {
349
-
width: 1.35rem;
350
-
height: auto;
351
-
color: var(--color-brand);
350
+
width: auto;
351
+
height: 1.5rem;
352
+
max-height: 1.65rem;
353
+
flex-shrink: 0;
354
+
display: block;
352
355
}
353
356
354
357
.nav {