anas/divan
1
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

User access redesign, Libron, spacing, footer, headline, logo concepts #72

Merged
anas merged 10 commits from anas/user-access-footer-logo into main 2026-10-09 14:43:53 +00:00
Conversation 0 Commits 10 Files Changed 45 +8 -8
9 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit d1e921a738 - Show all commits

BIN
web/public/apple-touch-icon.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB

2
web/public/favicon.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="دیوان"><title>دیوان</title><polygon fill="#b88828" points="32.00,1.00 35.24,7.41 39.22,5.05 41.49,9.09 47.50,5.15 47.10,12.32 51.73,12.27 51.68,16.90 58.85,16.50 54.91,22.51 58.95,24.78 56.59,28.76 63.00,32.00 56.59,35.24 58.95,39.22 54.91,41.49 58.85,47.50 51.68,47.10 51.73,51.73 47.10,51.68 47.50,58.85 41.49,54.91 39.22,58.95 35.24,56.59 32.00,63.00 28.76,56.59 24.78,58.95 22.51,54.91 16.50,58.85 16.90,51.68 12.27,51.73 12.32,47.10 5.15,47.50 9.09,41.49 5.05,39.22 7.41,35.24 1.00,32.00 7.41,28.76 5.05,24.78 9.09,22.51 5.15,16.50 12.32,16.90 12.27,12.27 16.90,12.32 16.50,5.15 22.51,9.09 24.78,5.05 28.76,7.41"/><circle cx="32" cy="32" r="24.18" fill="#b88828"/><circle cx="32" cy="32" r="22.32" fill="#1d3b8b"/><circle cx="32" cy="32" r="20.46" fill="none" stroke="#b88828" stroke-width="0.46"/><path transform="translate(25.1 42.2)" fill="#fbf6ea" d="M-2.20 4.63 -2.57 3.46Q0.32 1.96 2.69 0.60Q5.05 -0.74 6.88 -1.99Q8.71 -3.23 9.97 -4.30Q11.24 -5.38 11.87 -6.30Q12.50 -7.21 12.50 -7.91Q12.50 -8.47 11.71 -9.46Q10.91 -10.44 8.99 -11.68Q7.07 -12.92 3.74 -14.28Q4.07 -15.45 4.66 -17.02Q5.24 -18.59 5.94 -20.21Q6.65 -21.82 7.30 -23.14Q7.96 -24.45 8.43 -25.06H9.08Q11.19 -23.98 12.83 -22.32Q14.47 -20.65 15.38 -18.47Q16.30 -16.30 16.30 -13.53Q16.30 -10.91 15.57 -8.50Q14.84 -6.08 13.74 -4.12Q12.64 -2.15 11.50 -0.84Q10.35 0.46 9.46 0.89Q8.29 1.45 5.12 2.52Q1.96 3.60 -2.20 4.63Z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="دیوان"><title>دیوان</title><g class="rays-long"><polygon fill="#b88828" opacity=".6" points="40.02,2.06 44.09,11.06 53.92,10.08 52.94,19.91 61.94,23.98 56.18,32.00 61.94,40.02 52.94,44.09 53.92,53.92 44.09,52.94 40.02,61.94 32.00,56.18 23.98,61.94 19.91,52.94 10.08,53.92 11.06,44.09 2.06,40.02 7.82,32.00 2.06,23.98 11.06,19.91 10.08,10.08 19.91,11.06 23.98,2.06 32.00,7.82"/></g><g class="rays-short"><circle cx="32.00" cy="11.54" r="6.20" fill="#b88828"/><circle cx="42.23" cy="14.28" r="6.20" fill="#b88828"/><circle cx="49.72" cy="21.77" r="6.20" fill="#b88828"/><circle cx="52.46" cy="32.00" r="6.20" fill="#b88828"/><circle cx="49.72" cy="42.23" r="6.20" fill="#b88828"/><circle cx="42.23" cy="49.72" r="6.20" fill="#b88828"/><circle cx="32.00" cy="52.46" r="6.20" fill="#b88828"/><circle cx="21.77" cy="49.72" r="6.20" fill="#b88828"/><circle cx="14.28" cy="42.23" r="6.20" fill="#b88828"/><circle cx="11.54" cy="32.00" r="6.20" fill="#b88828"/><circle cx="14.28" cy="21.77" r="6.20" fill="#b88828"/><circle cx="21.77" cy="14.28" r="6.20" fill="#b88828"/><path fill="#1d3b8b" d="M37.6,10.3 L38.4,11.0 L37.6,11.8 L36.8,11.0Z"/><path fill="#1d3b8b" d="M47.3,15.9 L48.2,16.7 L47.3,17.4 L46.5,16.7Z"/><path fill="#1d3b8b" d="M53.0,25.6 L53.8,26.4 L53.0,27.2 L52.1,26.4Z"/><path fill="#1d3b8b" d="M53.0,36.8 L53.8,37.6 L53.0,38.4 L52.1,37.6Z"/><path fill="#1d3b8b" d="M47.3,46.6 L48.2,47.3 L47.3,48.1 L46.5,47.3Z"/><path fill="#1d3b8b" d="M37.6,52.2 L38.4,53.0 L37.6,53.7 L36.8,53.0Z"/><path fill="#1d3b8b" d="M26.4,52.2 L27.2,53.0 L26.4,53.7 L25.6,53.0Z"/><path fill="#1d3b8b" d="M16.7,46.6 L17.5,47.3 L16.7,48.1 L15.8,47.3Z"/><path fill="#1d3b8b" d="M11.0,36.8 L11.9,37.6 L11.0,38.4 L10.2,37.6Z"/><path fill="#1d3b8b" d="M11.0,25.6 L11.9,26.4 L11.0,27.2 L10.2,26.4Z"/><path fill="#1d3b8b" d="M16.7,15.9 L17.5,16.7 L16.7,17.4 L15.8,16.7Z"/><path fill="#1d3b8b" d="M26.4,10.3 L27.2,11.0 L26.4,11.8 L25.6,11.0Z"/></g><circle cx="32" cy="32" r="21.08" fill="#b88828"/><circle cx="32" cy="32" r="19.22" fill="#1d3b8b"/><path transform="translate(25.6 41.6)" fill="#fbf6ea" d="M-2.06 4.35 -2.42 3.25Q0.30 1.84 2.53 0.57Q4.75 -0.70 6.46 -1.87Q8.18 -3.03 9.37 -4.04Q10.56 -5.06 11.15 -5.91Q11.74 -6.77 11.74 -7.43Q11.74 -7.96 11.00 -8.88Q10.25 -9.81 8.44 -10.97Q6.64 -12.14 3.52 -13.42Q3.82 -14.52 4.37 -15.99Q4.92 -17.46 5.58 -18.98Q6.24 -20.50 6.86 -21.73Q7.48 -22.97 7.92 -23.54H8.53Q10.51 -22.53 12.05 -20.96Q13.59 -19.40 14.45 -17.35Q15.31 -15.31 15.31 -12.71Q15.31 -10.25 14.63 -7.98Q13.94 -5.72 12.91 -3.87Q11.88 -2.02 10.80 -0.79Q9.72 0.44 8.88 0.83Q7.78 1.36 4.81 2.37Q1.84 3.38 -2.06 4.35Z"/></svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 220 B

After

Width:  |  Height:  |  Size: 2.6 KiB

1
web/public/logo/shamsa-icon.svg
View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="دیوان"><title>دیوان</title><polygon fill="#b88828" points="32.00,1.00 35.24,7.41 39.22,5.05 41.49,9.09 47.50,5.15 47.10,12.32 51.73,12.27 51.68,16.90 58.85,16.50 54.91,22.51 58.95,24.78 56.59,28.76 63.00,32.00 56.59,35.24 58.95,39.22 54.91,41.49 58.85,47.50 51.68,47.10 51.73,51.73 47.10,51.68 47.50,58.85 41.49,54.91 39.22,58.95 35.24,56.59 32.00,63.00 28.76,56.59 24.78,58.95 22.51,54.91 16.50,58.85 16.90,51.68 12.27,51.73 12.32,47.10 5.15,47.50 9.09,41.49 5.05,39.22 7.41,35.24 1.00,32.00 7.41,28.76 5.05,24.78 9.09,22.51 5.15,16.50 12.32,16.90 12.27,12.27 16.90,12.32 16.50,5.15 22.51,9.09 24.78,5.05 28.76,7.41"/><circle cx="32" cy="32" r="24.18" fill="#b88828"/><circle cx="32" cy="32" r="22.32" fill="#1d3b8b"/><circle cx="32" cy="32" r="20.46" fill="none" stroke="#b88828" stroke-width="0.46"/><path transform="translate(25.1 42.2)" fill="#fbf6ea" d="M-2.20 4.63 -2.57 3.46Q0.32 1.96 2.69 0.60Q5.05 -0.74 6.88 -1.99Q8.71 -3.23 9.97 -4.30Q11.24 -5.38 11.87 -6.30Q12.50 -7.21 12.50 -7.91Q12.50 -8.47 11.71 -9.46Q10.91 -10.44 8.99 -11.68Q7.07 -12.92 3.74 -14.28Q4.07 -15.45 4.66 -17.02Q5.24 -18.59 5.94 -20.21Q6.65 -21.82 7.30 -23.14Q7.96 -24.45 8.43 -25.06H9.08Q11.19 -23.98 12.83 -22.32Q14.47 -20.65 15.38 -18.47Q16.30 -16.30 16.30 -13.53Q16.30 -10.91 15.57 -8.50Q14.84 -6.08 13.74 -4.12Q12.64 -2.15 11.50 -0.84Q10.35 0.46 9.46 0.89Q8.29 1.45 5.12 2.52Q1.96 3.60 -2.20 4.63Z"/></svg>

1
web/public/logo/shamsa.svg
View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" role="img" aria-label="دیوان"><title>دیوان</title><g class="rays-long"><polygon fill="#b88828" points="120.00,6.00 143.01,34.11 177.00,21.27 182.88,57.12 218.73,63.00 205.89,96.99 234.00,120.00 205.89,143.01 218.73,177.00 182.88,182.88 177.00,218.73 143.01,205.89 120.00,234.00 96.99,205.89 63.00,218.73 57.12,182.88 21.27,177.00 34.11,143.01 6.00,120.00 34.11,96.99 21.27,63.00 57.12,57.12 63.00,21.27 96.99,34.11"/></g><g class="rays-short"><polygon fill="#b88828" points="146.55,20.90 164.46,42.99 192.55,47.45 197.01,75.54 219.10,93.45 208.92,120.00 219.10,146.55 197.01,164.46 192.55,192.55 164.46,197.01 146.55,219.10 120.00,208.92 93.45,219.10 75.54,197.01 47.45,192.55 42.99,164.46 20.90,146.55 31.08,120.00 20.90,93.45 42.99,75.54 47.45,47.45 75.54,42.99 93.45,20.90 120.00,31.08"/></g><circle cx="120" cy="120" r="88.92" fill="#b88828"/><circle cx="120" cy="120" r="82.08" fill="#1d3b8b"/><circle cx="120" cy="120" r="75.24" fill="none" stroke="#b88828" stroke-width="1.71"/><path transform="translate(63.0 134.2)" fill="#fbf6ea" d="M19.59 -5.77Q18.14 -7.22 17.12 -8.10Q16.10 -8.97 15.13 -9.70V-10.18Q15.47 -10.72 16.10 -11.49Q16.73 -12.27 17.48 -13.07Q18.24 -13.87 18.87 -14.50Q19.50 -15.13 19.79 -15.32H20.27Q22.26 -14.06 23.35 -13.04Q24.45 -12.03 24.45 -10.86Q24.45 -9.65 23.06 -8.29Q21.68 -6.93 19.98 -5.77ZM14.21 17.99Q10.23 17.99 7.64 16.76Q5.04 15.52 3.56 13.48Q2.08 11.44 1.47 8.97Q0.87 6.50 0.87 4.02Q0.87 -0.43 2.06 -5.43Q3.25 -10.43 5.96 -15.62L7.56 -15.03Q6.11 -11.59 5.53 -8.75Q4.94 -5.91 4.94 -3.63Q4.94 -0.87 5.74 1.09Q6.54 3.05 8.05 4.26Q9.55 5.48 11.66 6.03Q13.77 6.59 16.39 6.59Q19.16 6.59 21.49 6.03Q23.81 5.48 25.78 4.43Q27.74 3.39 29.30 1.98Q31.14 0.33 32.04 -1.21Q32.93 -2.76 33.25 -4.70Q33.57 -6.64 33.57 -9.41Q33.57 -10.33 33.54 -11.23Q33.52 -12.12 33.52 -13.04Q33.52 -15.62 33.86 -17.94Q34.20 -20.27 34.90 -22.63Q35.60 -24.98 36.62 -27.60L37.93 -27.31Q37.83 -26.63 37.71 -25.25Q37.59 -23.86 37.52 -22.17Q37.45 -20.47 37.40 -18.82Q37.40 -18.09 37.37 -17.39Q37.35 -16.68 37.35 -15.96Q37.30 -10.96 36.36 -6.06Q35.41 -1.16 33.57 3.17Q31.72 7.51 28.98 10.86Q26.24 14.21 22.55 16.10Q18.87 17.99 14.21 17.99ZM47.88 -4.89 46.62 -5.19Q46.81 -6.11 47.15 -8.70Q47.49 -11.30 47.68 -16.20L48.31 -30.12Q48.46 -32.84 48.68 -34.83Q48.90 -36.82 49.33 -38.56Q49.77 -40.31 50.52 -42.18Q51.27 -44.04 52.44 -46.47L53.65 -46.08Q53.31 -44.97 52.92 -42.52Q52.53 -40.07 52.29 -35.41L51.52 -21.00Q51.32 -16.83 50.38 -12.66Q49.43 -8.48 47.88 -4.89ZM58.60 4.80 58.16 3.58Q60.68 2.08 63.18 0.58Q65.68 -0.92 68.20 -2.42Q70.97 -4.36 72.57 -6.28Q74.17 -8.19 74.56 -10.04Q73.54 -9.70 72.47 -9.50Q71.41 -9.31 70.14 -9.31Q68.83 -9.31 67.62 -9.87Q66.41 -10.43 65.63 -11.49Q64.86 -12.56 64.86 -13.97Q64.86 -14.84 65.15 -16.00Q65.44 -17.17 66.07 -18.53L68.01 -22.46Q69.46 -25.42 72.23 -25.42Q74.36 -25.42 75.65 -23.91Q76.94 -22.41 77.49 -20.05Q78.05 -17.70 78.05 -15.08Q78.05 -12.56 77.40 -10.09Q76.74 -7.61 75.80 -5.55Q74.85 -3.49 73.95 -2.08Q73.05 -0.67 72.52 -0.29Q71.89 0.19 70.17 0.94Q68.45 1.69 66.26 2.47Q64.08 3.25 62.02 3.88Q59.96 4.51 58.60 4.80ZM77.71 14.11Q76.40 12.85 75.70 12.20Q75.00 11.54 74.49 11.10Q73.98 10.67 73.25 10.18V9.70Q73.59 9.16 74.22 8.39Q74.85 7.61 75.60 6.81Q76.35 6.01 76.98 5.38Q77.61 4.75 77.91 4.56H78.39Q79.65 5.33 80.43 5.99Q81.20 6.64 81.69 7.17Q82.71 5.96 83.68 4.97Q84.65 3.97 85.09 3.68H85.57Q87.56 4.94 88.65 5.96Q89.74 6.98 89.74 8.15Q89.74 9.36 88.36 10.72Q86.98 12.07 85.28 13.24H84.89Q83.87 12.27 83.22 11.66Q82.56 11.06 81.98 10.57Q80.91 12.22 78.10 14.11ZM74.75 -11.54Q73.73 -11.54 73.27 -12.80Q72.81 -14.06 72.81 -15.42Q72.81 -17.46 73.37 -18.62Q73.93 -19.79 74.78 -20.27Q75.63 -20.76 76.40 -20.76Q77.95 -20.76 78.83 -21.22Q79.70 -21.68 80.04 -22.82Q80.38 -23.96 80.38 -26.00V-29.83Q80.38 -31.29 80.67 -32.67Q80.96 -34.05 81.74 -35.72Q82.51 -37.40 83.92 -39.68L85.13 -39.34Q84.94 -38.51 84.67 -36.40Q84.41 -34.29 84.07 -30.90Q83.73 -27.50 83.00 -24.25Q82.27 -21.00 81.06 -17.85Q79.85 -14.69 78.29 -13.12Q76.74 -11.54 74.75 -11.54ZM93.92 4.80 93.53 3.58Q96.53 2.03 98.98 0.63Q101.43 -0.77 103.33 -2.06Q105.22 -3.34 106.53 -4.46Q107.84 -5.57 108.49 -6.52Q109.15 -7.47 109.15 -8.19Q109.15 -8.78 108.32 -9.79Q107.50 -10.81 105.51 -12.10Q103.52 -13.38 100.08 -14.79Q100.42 -16.00 101.02 -17.63Q101.63 -19.25 102.36 -20.93Q103.08 -22.60 103.76 -23.96Q104.44 -25.32 104.93 -25.95H105.61Q107.79 -24.83 109.49 -23.11Q111.19 -21.39 112.13 -19.13Q113.08 -16.88 113.08 -14.02Q113.08 -11.30 112.33 -8.80Q111.57 -6.30 110.43 -4.26Q109.29 -2.23 108.10 -0.87Q106.92 0.48 105.99 0.92Q104.78 1.50 101.51 2.61Q98.23 3.73 93.92 4.80Z"/></svg>

1
web/public/logo/turanj-icon.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="دیوان"><title>دیوان</title><g class="rays-long"><polygon fill="#b88828" opacity=".6" points="40.02,2.06 44.09,11.06 53.92,10.08 52.94,19.91 61.94,23.98 56.18,32.00 61.94,40.02 52.94,44.09 53.92,53.92 44.09,52.94 40.02,61.94 32.00,56.18 23.98,61.94 19.91,52.94 10.08,53.92 11.06,44.09 2.06,40.02 7.82,32.00 2.06,23.98 11.06,19.91 10.08,10.08 19.91,11.06 23.98,2.06 32.00,7.82"/></g><g class="rays-short"><circle cx="32.00" cy="11.54" r="6.20" fill="#b88828"/><circle cx="42.23" cy="14.28" r="6.20" fill="#b88828"/><circle cx="49.72" cy="21.77" r="6.20" fill="#b88828"/><circle cx="52.46" cy="32.00" r="6.20" fill="#b88828"/><circle cx="49.72" cy="42.23" r="6.20" fill="#b88828"/><circle cx="42.23" cy="49.72" r="6.20" fill="#b88828"/><circle cx="32.00" cy="52.46" r="6.20" fill="#b88828"/><circle cx="21.77" cy="49.72" r="6.20" fill="#b88828"/><circle cx="14.28" cy="42.23" r="6.20" fill="#b88828"/><circle cx="11.54" cy="32.00" r="6.20" fill="#b88828"/><circle cx="14.28" cy="21.77" r="6.20" fill="#b88828"/><circle cx="21.77" cy="14.28" r="6.20" fill="#b88828"/><path fill="#1d3b8b" d="M37.6,10.3 L38.4,11.0 L37.6,11.8 L36.8,11.0Z"/><path fill="#1d3b8b" d="M47.3,15.9 L48.2,16.7 L47.3,17.4 L46.5,16.7Z"/><path fill="#1d3b8b" d="M53.0,25.6 L53.8,26.4 L53.0,27.2 L52.1,26.4Z"/><path fill="#1d3b8b" d="M53.0,36.8 L53.8,37.6 L53.0,38.4 L52.1,37.6Z"/><path fill="#1d3b8b" d="M47.3,46.6 L48.2,47.3 L47.3,48.1 L46.5,47.3Z"/><path fill="#1d3b8b" d="M37.6,52.2 L38.4,53.0 L37.6,53.7 L36.8,53.0Z"/><path fill="#1d3b8b" d="M26.4,52.2 L27.2,53.0 L26.4,53.7 L25.6,53.0Z"/><path fill="#1d3b8b" d="M16.7,46.6 L17.5,47.3 L16.7,48.1 L15.8,47.3Z"/><path fill="#1d3b8b" d="M11.0,36.8 L11.9,37.6 L11.0,38.4 L10.2,37.6Z"/><path fill="#1d3b8b" d="M11.0,25.6 L11.9,26.4 L11.0,27.2 L10.2,26.4Z"/><path fill="#1d3b8b" d="M16.7,15.9 L17.5,16.7 L16.7,17.4 L15.8,16.7Z"/><path fill="#1d3b8b" d="M26.4,10.3 L27.2,11.0 L26.4,11.8 L25.6,11.0Z"/></g><circle cx="32" cy="32" r="21.08" fill="#b88828"/><circle cx="32" cy="32" r="19.22" fill="#1d3b8b"/><path transform="translate(25.6 41.6)" fill="#fbf6ea" d="M-2.06 4.35 -2.42 3.25Q0.30 1.84 2.53 0.57Q4.75 -0.70 6.46 -1.87Q8.18 -3.03 9.37 -4.04Q10.56 -5.06 11.15 -5.91Q11.74 -6.77 11.74 -7.43Q11.74 -7.96 11.00 -8.88Q10.25 -9.81 8.44 -10.97Q6.64 -12.14 3.52 -13.42Q3.82 -14.52 4.37 -15.99Q4.92 -17.46 5.58 -18.98Q6.24 -20.50 6.86 -21.73Q7.48 -22.97 7.92 -23.54H8.53Q10.51 -22.53 12.05 -20.96Q13.59 -19.40 14.45 -17.35Q15.31 -15.31 15.31 -12.71Q15.31 -10.25 14.63 -7.98Q13.94 -5.72 12.91 -3.87Q11.88 -2.02 10.80 -0.79Q9.72 0.44 8.88 0.83Q7.78 1.36 4.81 2.37Q1.84 3.38 -2.06 4.35Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

1
web/public/logo/turanj.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 5.7 KiB

4
web/src/layouts/Base.astro
View File

@ -9,7 +9,7 @@ interface Props { title?: string; description?: string; q?: string }
const { title, description = 'اردو کا کلاسیکی ادب', q = '' } = Astro.props;
const fullTitle = title ? `${title} · دیوان` : 'دیوان · اردو کا کلاسیکی ادب';
import Icon from '../components/Icon.astro';
import shamsa from '../../public/logo/shamsa.svg?raw'; // inline, so the page can turn its rays
import logo from '../../public/logo/turanj.svg?raw'; // inline, so the page can turn its rays
---
<!doctype html>
<html lang="ur-PK" dir="rtl">
@ -38,7 +38,7 @@ import shamsa from '../../public/logo/shamsa.svg?raw'; // inline, so the page ca
<body data-user={Astro.locals.user ? '1' : undefined}>
<header class="site-header">
<div class="wrap">
<a class="wordmark" href="/" title="سرورق"><Fragment set:html={shamsa.replace('<svg ', '<svg class="logo" ')} /></a>
<a class="wordmark" href="/" title="سرورق"><Fragment set:html={logo.replace('<svg ', '<svg class="logo" ')} /></a>
<form class="search-form" action="/search" method="get" role="search">
<input type="search" name="q" id="q" data-urdu value={q} placeholder="شعر، لفظ یا عبارت تلاش کریں" aria-label="تلاش" autocomplete="off" />
<button type="button" id="rom-toggle" class="in-box rom" aria-label="رومن حروف سے اردو" aria-pressed="false" title="رومن حروف سے اردو ٹائپنگ (dil → دل)">اب</button>

4
web/src/pages/design.astro
View File

@ -20,8 +20,8 @@ const radii = ['sm', 'md', 'lg', 'pill'];
<section class="ds">
<h2>لوگو</h2>
<div class="ds-row ds-logos">
<figure><img src="/logo/shamsa.svg" width="160" height="160" alt="" /><figcaption>شمسہ · لوگو (<code>/logo/shamsa.svg</code>)</figcaption></figure>
<figure><span class="ds-icons"><img src="/logo/shamsa-icon.svg" width="64" height="64" alt="" /><img src="/logo/shamsa-icon.svg" width="32" height="32" alt="" /><img src="/logo/shamsa-icon.svg" width="16" height="16" alt="" /></span><figcaption>نشان اور فیو آئیکن (<code>/favicon.svg</code>)</figcaption></figure>
<figure><img src="/logo/turanj.svg" width="160" height="160" alt="" /><figcaption>ترنج · لوگو (<code>/logo/turanj.svg</code>)</figcaption></figure>
<figure><span class="ds-icons"><img src="/logo/turanj-icon.svg" width="64" height="64" alt="" /><img src="/logo/turanj-icon.svg" width="32" height="32" alt="" /><img src="/logo/turanj-icon.svg" width="16" height="16" alt="" /></span><figcaption>نشان اور فیو آئیکن (<code>/favicon.svg</code>)</figcaption></figure>
</div>
<h2>رنگ</h2>

2
web/src/pages/index.astro
View File

@ -15,7 +15,7 @@ const card = (p: Poet) => `poet-card${marked.includes(p.id) ? ' mark-bm' : ''}`;
---
<Base>
<section class="hero">
<img class="hero-logo" src="/logo/shamsa.svg" width="120" height="120" alt="" />
<img class="hero-logo" src="/logo/turanj.svg" width="120" height="120" alt="" />
<h1>اردو کا کلاسیکی ادب</h1>
<p>{ud(count)} شعرا و ادبا · ویکی ماخذ کے عوامی ملکیت متون</p>
</section>