add logo
|
@ -227,5 +227,5 @@ Tweet about daisyUI: [![][tweet]][tweet-url]
|
|||
[number-of-components]: https://badgen.net/badge/total%20components/52/green
|
||||
[docs-url-install]: https://daisyui.com/docs/install
|
||||
[docs-url]: https://daisyui.com/
|
||||
[logo-url]: https://raw.githubusercontent.com/saadeghi/files/main/daisyui/logo-4.svg
|
||||
[logo-url]: https://raw.githubusercontent.com/saadeghi/daisyui/master/src/docs/static/images/daisyui-logo/favicon-192.png
|
||||
[banner-url]: https://raw.githubusercontent.com/saadeghi/files/main/daisyui3/banner.png
|
||||
|
|
|
@ -0,0 +1,58 @@
|
|||
<script>
|
||||
let pos = { x: 0, y: 0 }
|
||||
let showMenu = false
|
||||
|
||||
export function openContextMenu(e) {
|
||||
showMenu = true
|
||||
pos = {
|
||||
x: e.clientX,
|
||||
y: e.clientY,
|
||||
}
|
||||
}
|
||||
function closeContextMenu(e) {
|
||||
showMenu = false
|
||||
}
|
||||
</script>
|
||||
|
||||
{#if showMenu}
|
||||
<ul
|
||||
style="top:{pos.y}px; left:{pos.x}px"
|
||||
class="menu menu-sm bg-base-100 border-base-300 rounded-box absolute z-[99] border p-2 shadow">
|
||||
<li class="menu-title">Download daisyUI Logo</li>
|
||||
<li>
|
||||
<a
|
||||
rel="noopener, noreferrer"
|
||||
target="_blank"
|
||||
href="/images/daisyui-logo/daisyui-logomark.svg">
|
||||
SVG logo
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
rel="noopener, noreferrer"
|
||||
target="_blank"
|
||||
href="/images/daisyui-logo/daisyui-logotype.svg">
|
||||
SVG logotype
|
||||
</a>
|
||||
</li>
|
||||
<li />
|
||||
<li>
|
||||
<a
|
||||
rel="noopener, noreferrer"
|
||||
target="_blank"
|
||||
href="/images/daisyui-logo/daisyui-logomark-1024-1024.png">
|
||||
PNG logo
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
rel="noopener, noreferrer"
|
||||
target="_blank"
|
||||
href="/images/daisyui-logo/daisyui-logotype-3600-1024.png">
|
||||
PNG logotype
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
{/if}
|
||||
|
||||
<svelte:window on:click={closeContextMenu} on:blur={closeContextMenu} />
|
|
@ -4,6 +4,9 @@
|
|||
import ThemeChange from "@components/ThemeChange.svelte"
|
||||
import LangChange from "@components/LangChange.svelte"
|
||||
import Search from "@components/Search.svelte"
|
||||
import LogoContextMenu from "@components/LogoContextMenu.svelte"
|
||||
|
||||
let contextMenuEl
|
||||
|
||||
import { t } from "@src/lib/i18n"
|
||||
|
||||
|
@ -62,27 +65,26 @@
|
|||
href="/"
|
||||
aria-current="page"
|
||||
aria-label="Homepage"
|
||||
class={`flex-0 btn btn-ghost px-2 ${
|
||||
switchNavbarStyle || $page.url.pathname != "/" ? "" : ""
|
||||
}`}>
|
||||
<div
|
||||
class="font-title text-primary inline-flex text-lg transition-all duration-200 md:text-3xl">
|
||||
<span
|
||||
class={`lowercase ${
|
||||
switchNavbarStyle || $page.url.pathname != "/" ? "text-primary" : "text-primary"
|
||||
}`}>
|
||||
daisy
|
||||
</span>
|
||||
<span
|
||||
class={`uppercase ${
|
||||
switchNavbarStyle || $page.url.pathname != "/"
|
||||
? "text-base-content"
|
||||
: "text-base-content"
|
||||
}`}>
|
||||
UI
|
||||
</span>
|
||||
class="flex-0 btn btn-ghost gap-1 px-2 md:gap-2"
|
||||
on:contextmenu|preventDefault={(e) => contextMenuEl.openContextMenu(e)}>
|
||||
<svg
|
||||
class="h-6 w-6 md:h-8 md:w-8"
|
||||
width="32"
|
||||
height="32"
|
||||
viewBox="0 0 415 415"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="82.5" y="290" width="250" height="125" rx="62.5" fill="#1AD1A5" />
|
||||
<circle cx="207.5" cy="135" r="130" fill="black" fill-opacity=".3" />
|
||||
<circle cx="207.5" cy="135" r="125" fill="white" />
|
||||
<circle cx="207.5" cy="135" r="56" fill="#FF9903" />
|
||||
</svg>
|
||||
|
||||
<div class="font-title inline-flex text-lg md:text-2xl">
|
||||
<span class="lowercase">daisy</span>
|
||||
<span class="uppercase text-[#1AD1A5]">UI</span>
|
||||
</div>
|
||||
</a>
|
||||
<LogoContextMenu bind:this={contextMenuEl} />
|
||||
<div class="dropdown">
|
||||
<label tabindex="0" class="link link-hover my-8 inline-block font-mono text-xs">
|
||||
{version}
|
||||
|
|
|
@ -5,6 +5,9 @@
|
|||
import { useBreakpoints } from "$lib/breakpoints"
|
||||
import Search from "@components/Search.svelte"
|
||||
|
||||
import LogoContextMenu from "@components/LogoContextMenu.svelte"
|
||||
let contextMenuEl
|
||||
|
||||
export let closeDrawer
|
||||
export let openDrawer
|
||||
|
||||
|
@ -23,13 +26,25 @@
|
|||
class={`bg-base-100 sticky top-0 z-20 hidden items-center gap-2 bg-opacity-90 px-4 py-2 backdrop-blur ${
|
||||
$page.url.pathname == "/" ? "" : "lg:flex"
|
||||
} ${switchNavbarStyle ? "shadow-sm" : ""}`}>
|
||||
<a href="/" aria-current="page" aria-label="Homepage" class="flex-0 btn btn-ghost px-2">
|
||||
<div
|
||||
class="font-title text-primary inline-flex text-lg transition-all duration-200 md:text-3xl">
|
||||
<a
|
||||
href="/"
|
||||
aria-current="page"
|
||||
aria-label="Homepage"
|
||||
class="flex-0 btn btn-ghost px-2"
|
||||
on:contextmenu|preventDefault={(e) => contextMenuEl.openContextMenu(e)}>
|
||||
<svg width="32" height="32" viewBox="0 0 415 415" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="82.5" y="290" width="250" height="125" rx="62.5" fill="#1AD1A5" />
|
||||
<circle cx="207.5" cy="135" r="130" fill="black" fill-opacity=".3" />
|
||||
<circle cx="207.5" cy="135" r="125" fill="white" />
|
||||
<circle cx="207.5" cy="135" r="56" fill="#FF9903" />
|
||||
</svg>
|
||||
|
||||
<div class="font-title inline-flex text-lg md:text-2xl">
|
||||
<span class="lowercase">daisy</span>
|
||||
<span class="text-base-content uppercase">UI</span>
|
||||
<span class="uppercase text-[#1AD1A5]">UI</span>
|
||||
</div>
|
||||
</a>
|
||||
<LogoContextMenu bind:this={contextMenuEl} />
|
||||
<div class="dropdown">
|
||||
<label tabindex="0" class="link link-hover font-mono text-xs">
|
||||
{version}
|
||||
|
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 91 KiB |
After Width: | Height: | Size: 26 KiB |
|
@ -0,0 +1,6 @@
|
|||
<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="256" y="670.72" width="512" height="256" rx="128" fill="#1AD1A5"/>
|
||||
<circle cx="512" cy="353.28" r="256" fill="white"/>
|
||||
<circle cx="512" cy="353.28" r="261" stroke="black" stroke-opacity="0.2" stroke-width="10"/>
|
||||
<circle cx="512" cy="353.28" r="114.688" fill="#FF9903"/>
|
||||
</svg>
|
After Width: | Height: | Size: 390 B |
After Width: | Height: | Size: 62 KiB |
|
@ -0,0 +1,13 @@
|
|||
<svg width="3600" height="1024" viewBox="0 0 3600 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="256" y="670.72" width="512" height="256" rx="128" fill="#1AD1A5"/>
|
||||
<circle cx="512" cy="353.28" r="256" fill="white"/>
|
||||
<circle cx="512" cy="353.28" r="261" stroke="black" stroke-opacity="0.2" stroke-width="10"/>
|
||||
<circle cx="512" cy="353.28" r="114.688" fill="#FF9903"/>
|
||||
<path d="M2788.44 729.2C2751.24 729.2 2719.24 722.4 2692.44 708.8C2665.64 695.2 2645.04 675.8 2630.64 650.6C2616.64 625 2609.64 594.6 2609.64 559.4H2720.64C2720.64 573.4 2723.44 585.4 2729.04 595.4C2734.64 605.4 2742.44 613 2752.44 618.2C2762.84 623.4 2775.24 626 2789.64 626C2804.04 626 2816.44 623.4 2826.84 618.2C2837.24 613 2845.04 605.4 2850.24 595.4C2855.84 585.4 2858.64 573.4 2858.64 559.4H2969.64C2969.64 594.6 2962.44 625 2948.04 650.6C2933.64 675.8 2912.84 695.2 2885.64 708.8C2858.84 722.4 2826.44 729.2 2788.44 729.2ZM2609.64 559.4V302H2720.64V559.4H2609.64ZM2858.64 559.4V302H2969.64V559.4H2858.64Z" fill="#1AD1A5"/>
|
||||
<path d="M3035.76 722V302H3146.76V722H3035.76Z" fill="#1AD1A5"/>
|
||||
<path d="M1280.8 722L1275.4 666.2V302H1383.4V722H1280.8ZM1195.6 729.2C1167.2 729.2 1142.8 723 1122.4 710.6C1102.4 698.2 1087 680.2 1076.2 656.6C1065.4 633 1060 604.8 1060 572C1060 538.8 1065.4 510.6 1076.2 487.4C1087 463.8 1102.4 445.8 1122.4 433.4C1142.8 421 1167.2 414.8 1195.6 414.8C1220.4 414.8 1240.8 421 1256.8 433.4C1273.2 445.8 1285.2 463.8 1292.8 487.4C1300.8 510.6 1304.8 538.8 1304.8 572C1304.8 604.8 1300.8 633 1292.8 656.6C1285.2 680.2 1273.2 698.2 1256.8 710.6C1240.8 723 1220.4 729.2 1195.6 729.2ZM1224.4 629.6C1234.4 629.6 1243.2 627.2 1250.8 622.4C1258.8 617.2 1265 610.4 1269.4 602C1273.8 593.2 1276 583.2 1276 572C1276 560.8 1273.8 551 1269.4 542.6C1265 533.8 1258.8 527 1250.8 522.2C1243.2 517.4 1234.2 515 1223.8 515C1214.2 515 1205.6 517.4 1198 522.2C1190.4 527 1184.4 533.8 1180 542.6C1175.6 551 1173.2 560.8 1172.8 572C1173.2 583.2 1175.6 593.2 1180 602C1184.4 610.4 1190.4 617.2 1198 622.4C1206 627.2 1214.8 629.6 1224.4 629.6Z" fill="black"/>
|
||||
<path d="M1612.31 722L1609.31 653V575C1609.31 561 1608.51 548.4 1606.91 537.2C1605.31 526 1601.31 517.2 1594.91 510.8C1588.51 504.4 1578.11 501.2 1563.71 501.2C1553.71 501.2 1545.51 503.6 1539.11 508.4C1532.71 513.2 1527.31 518.8 1522.91 525.2L1428.71 495.2C1437.11 478.8 1447.51 464.6 1459.91 452.6C1472.71 440.6 1487.51 431.4 1504.31 425C1521.51 418.2 1540.51 414.8 1561.31 414.8C1593.31 414.8 1620.71 420.6 1643.51 432.2C1666.31 443.8 1683.71 460 1695.71 480.8C1707.71 501.6 1713.71 525.8 1713.71 553.4V722H1612.31ZM1532.51 729.2C1497.71 729.2 1470.51 721.4 1450.91 705.8C1431.71 689.8 1422.11 667 1422.11 637.4C1422.11 606.2 1431.71 583.2 1450.91 568.4C1470.51 553.2 1497.71 545.6 1532.51 545.6H1620.71V607.4H1575.11C1561.11 607.4 1550.31 609.8 1542.71 614.6C1535.11 619.4 1531.31 626.2 1531.31 635C1531.31 641 1533.91 645.6 1539.11 648.8C1544.31 652 1551.51 653.6 1560.71 653.6C1570.71 653.6 1579.31 651.8 1586.51 648.2C1593.71 644.2 1599.31 638.8 1603.31 632C1607.31 624.8 1609.31 616.6 1609.31 607.4H1637.51C1637.51 646.2 1628.31 676.2 1609.91 697.4C1591.51 718.6 1565.71 729.2 1532.51 729.2Z" fill="black"/>
|
||||
<path d="M1770.65 722V422H1878.65V722H1770.65ZM1824.65 393.2C1808.65 393.2 1794.65 387.2 1782.65 375.2C1770.65 363.2 1764.65 349.2 1764.65 333.2C1764.65 316.8 1770.65 302.8 1782.65 291.2C1794.65 279.2 1808.65 273.2 1824.65 273.2C1841.05 273.2 1855.05 279.2 1866.65 291.2C1878.65 302.8 1884.65 316.8 1884.65 333.2C1884.65 349.2 1878.65 363.2 1866.65 375.2C1855.05 387.2 1841.05 393.2 1824.65 393.2Z" fill="black"/>
|
||||
<path d="M2052.07 729.2C2032.07 729.2 2013.47 726.4 1996.27 720.8C1979.07 715.2 1964.27 707.4 1951.87 697.4C1939.87 687 1931.47 674.6 1926.67 660.2L2012.47 626.6C2016.87 637.4 2023.07 644.4 2031.07 647.6C2039.07 650.4 2046.07 651.8 2052.07 651.8C2058.47 651.8 2063.67 650.4 2067.67 647.6C2071.67 644.8 2073.67 640.8 2073.67 635.6C2073.67 630 2070.87 625.4 2065.27 621.8C2059.67 617.8 2051.07 614.4 2039.47 611.6L2014.87 605.6C1988.07 598.8 1967.87 587 1954.27 570.2C1940.67 553.4 1933.87 533.8 1933.87 511.4C1933.87 480.6 1945.07 456.8 1967.47 440C1990.27 423.2 2021.07 414.8 2059.87 414.8C2083.47 414.8 2103.27 417.8 2119.27 423.8C2135.67 429.4 2149.07 437.4 2159.47 447.8C2169.87 458.2 2177.87 470.2 2183.47 483.8L2100.07 515.6C2097.27 507.6 2092.47 501.8 2085.67 498.2C2079.27 494.6 2071.27 492.8 2061.67 492.8C2054.87 492.8 2049.47 494.4 2045.47 497.6C2041.87 500.8 2040.07 504.6 2040.07 509C2040.07 513.8 2042.87 518 2048.47 521.6C2054.47 524.8 2063.47 528 2075.47 531.2L2100.07 537.2C2118.47 541.6 2134.47 548.4 2148.07 557.6C2161.67 566.4 2172.27 577.4 2179.87 590.6C2187.47 603.8 2191.27 619 2191.27 636.2C2191.27 655.8 2185.47 672.6 2173.87 686.6C2162.27 700.2 2146.07 710.8 2125.27 718.4C2104.47 725.6 2080.07 729.2 2052.07 729.2Z" fill="black"/>
|
||||
<path d="M2324 849.2C2310 849.2 2295.2 846.4 2279.6 840.8C2264 835.6 2251.6 830 2242.4 824L2282.6 737C2287 740.6 2291.6 743.4 2296.4 745.4C2301.6 747.8 2306.4 749 2310.8 749C2317.2 749 2323.2 747.4 2328.8 744.2C2334.8 741 2339.4 735.6 2342.6 728L2378.6 644L2459.6 422H2579.6L2450.6 732.8C2441.4 755.2 2431.8 775.2 2421.8 792.8C2411.8 810.4 2399.2 824.2 2384 834.2C2369.2 844.2 2349.2 849.2 2324 849.2ZM2350.4 722L2206.4 422H2326.4L2415.8 644L2452.4 722H2350.4Z" fill="black"/>
|
||||
</svg>
|
After Width: | Height: | Size: 5.2 KiB |
After Width: | Height: | Size: 26 KiB |
After Width: | Height: | Size: 2.9 KiB |
After Width: | Height: | Size: 2.7 KiB |
After Width: | Height: | Size: 432 B |
After Width: | Height: | Size: 3.7 KiB |
After Width: | Height: | Size: 4.7 KiB |
After Width: | Height: | Size: 4.8 KiB |
After Width: | Height: | Size: 5.5 KiB |
After Width: | Height: | Size: 661 B |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 1.9 KiB |