Init
This commit is contained in:
78
assets/images/logo/wordpress.svg
Normal file
78
assets/images/logo/wordpress.svg
Normal file
@@ -0,0 +1,78 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
viewBox="0 0 253.11 51.62"
|
||||
version="1.1"
|
||||
id="svg4100"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
|
||||
<defs id="defs4104" />
|
||||
<title id="title4080">WordPress logo - Brandlogos.net</title>
|
||||
|
||||
<style><![CDATA[
|
||||
:root {
|
||||
--dur: 900ms; /* totale duur van elke animatie */
|
||||
--delay-step: 320ms; /* vertraging tussen de groepen */
|
||||
--dist: 14px; /* afstand voor slide-animaties */
|
||||
--zoom: 1.08; /* startscale voor zoom-out */
|
||||
}
|
||||
|
||||
/* Keyframes */
|
||||
@keyframes fadeSlideXIn {
|
||||
0% { opacity: 0; transform: translateX(calc(var(--dist) * -1)); }
|
||||
100% { opacity: 1; transform: translateX(0); }
|
||||
}
|
||||
@keyframes fadeSlideYIn {
|
||||
0% { opacity: 0; transform: translateY(var(--dist)); }
|
||||
100% { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
@keyframes fadeZoomOut {
|
||||
0% { opacity: 0; transform: scale(var(--zoom)); }
|
||||
100% { opacity: 1; transform: scale(1); }
|
||||
}
|
||||
|
||||
/* Basis transform settings */
|
||||
#logo, #word, #press {
|
||||
opacity: 0;
|
||||
transform-box: fill-box;
|
||||
transform-origin: center;
|
||||
will-change: transform, opacity;
|
||||
animation-duration: var(--dur);
|
||||
animation-timing-function: ease-out;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
|
||||
/* Toewijzen + stagger */
|
||||
#logo { animation-name: fadeZoomOut; animation-delay: 0ms; }
|
||||
#word { animation-name: fadeSlideXIn; animation-delay: var(--delay-step); }
|
||||
#press { animation-name: fadeSlideYIn; animation-delay: calc(var(--delay-step) * 2); }
|
||||
|
||||
/* Reduced motion */
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
#logo, #word, #press {
|
||||
animation: none;
|
||||
opacity: 1 !important;
|
||||
transform: none !important;
|
||||
}
|
||||
}
|
||||
]]></style>
|
||||
|
||||
<g id="word">
|
||||
<path d="M401.34,377.35H391.07v1.09c3.21,0,3.73.69,3.73,4.76v7.34c0,4.07-.52,4.82-3.73,4.82-2.47-.34-4.13-1.66-6.42-4.19L382,388.3c3.56-.63,5.45-2.87,5.45-5.39,0-3.15-2.7-5.56-7.74-5.56H369.62v1.09c3.21,0,3.73.69,3.73,4.76v7.34c0,4.07-.52,4.82-3.73,4.82v1.09H381v-1.09c-3.21,0-3.73-.75-3.73-4.82v-2.06h1l6.37,8h16.69c8.2,0,11.76-4.36,11.76-9.58S409.54,377.35,401.34,377.35Zm-24,9.35v-7.63h2.35a3.81,3.81,0,0,1,0,7.63Zm24.2,8h-.4c-2.06,0-2.35-.52-2.35-3.15V379.07h2.75c6,0,7.05,4.36,7.05,7.74S407.47,394.67,401.51,394.67Z" transform="translate(-257.45 -358.19)" style="fill:#32373c" id="path4082"/>
|
||||
<path d="M337.68,388.82l4-11.7c1.15-3.38.63-4.36-3-4.36v-1.15h10.78v1.15c-3.61,0-4.47.86-5.91,5l-6.54,19.61h-.75l-5.85-18-6,18h-.75l-6.37-19.61c-1.38-4.19-2.29-5-5.62-5v-1.15h12.73v1.15c-3.38,0-4.3.8-3.1,4.36l3.84,11.7,5.79-17.21H332Z" transform="translate(-257.45 -358.19)" style="fill:#32373c" id="path4084"/>
|
||||
<path d="M357.18,397.19c-6.31,0-11.47-4.65-11.47-10.32s5.16-10.27,11.47-10.27,11.47,4.65,11.47,10.27S363.49,397.19,357.18,397.19Zm0-18.81c-5.28,0-7.11,4.76-7.11,8.49s1.84,8.49,7.11,8.49,7.17-4.7,7.17-8.49S362.51,378.38,357.18,378.38Z" transform="translate(-257.45 -358.19)" style="fill:#32373c" id="path4086"/>
|
||||
</g>
|
||||
|
||||
<g id="press">
|
||||
<path d="M427.26,395.3v1.15H414.13V395.3c3.84,0,4.53-1,4.53-6.71v-9.18c0-5.74-.69-6.65-4.53-6.65v-1.15H426c5.91,0,9.18,3,9.18,7.11s-3.27,7.05-9.18,7.05h-3.27v2.81C422.73,394.32,423.42,395.3,427.26,395.3ZM426,373.68h-3.27v10H426c3.21,0,4.7-2.24,4.7-4.93S429.21,373.68,426,373.68Z" transform="translate(-257.45 -358.19)" style="fill:#32373c" id="path4088"/>
|
||||
<path d="M474.57,391.05l-.29,1c-.52,1.89-1.15,2.58-5.22,2.58h-.8c-3,0-3.5-.69-3.5-4.76v-2.64c4.47,0,4.82.4,4.82,3.38h1.09v-8.55h-1.09c0,3-.34,3.38-4.82,3.38v-6.42h3.15c4.07,0,4.7.69,5.22,2.58l.29,1.09h.92l-.4-5.39H457.08v1.09c3.21,0,3.73.69,3.73,4.76v7.34c0,3.72-.44,4.66-3,4.8-2.41-.37-4.06-1.68-6.32-4.17l-2.64-2.87c3.56-.63,5.45-2.87,5.45-5.39,0-3.15-2.7-5.56-7.74-5.56H436.49v1.09c3.21,0,3.73.69,3.73,4.76v7.34c0,4.07-.52,4.82-3.73,4.82v1.09h11.41v-1.09c-3.21,0-3.73-.75-3.73-4.82v-2.06h1l6.37,8h23.57l.34-5.39Zm-30.39-4.36v-7.63h2.35a3.81,3.81,0,0,1,0,7.63Z" transform="translate(-257.45 -358.19)" style="fill:#32373c" id="path4090"/>
|
||||
<path d="M486.22,397.19a8.48,8.48,0,0,1-5.16-2,4.12,4.12,0,0,0-.92,2H479v-7.91h1.15c.46,3.78,3.1,6,6.48,6,1.83,0,3.33-1,3.33-2.75,0-1.49-1.32-2.64-3.67-3.73l-3.27-1.55c-2.29-1.09-4-3-4-5.51,0-2.75,2.58-5.1,6.14-5.1a7.18,7.18,0,0,1,4.47,1.49,3.25,3.25,0,0,0,.75-1.55h1.09v6.77h-1.2c-.4-2.7-1.89-4.93-4.93-4.93-1.61,0-3.1.92-3.1,2.35s1.2,2.29,4,3.56l3.15,1.55c2.75,1.32,3.84,3.44,3.84,5.16C493.21,394.67,490.06,397.19,486.22,397.19Z" transform="translate(-257.45 -358.19)" style="fill:#32373c" id="path4092"/>
|
||||
<path d="M503.56,397.19a8.48,8.48,0,0,1-5.16-2,4.12,4.12,0,0,0-.92,2h-1.09v-7.91h1.15c.46,3.78,3.1,6,6.48,6,1.83,0,3.33-1,3.33-2.75,0-1.49-1.32-2.64-3.67-3.73l-3.27-1.55c-2.29-1.09-4-3-4-5.51,0-2.75,2.58-5.1,6.14-5.1a7.18,7.18,0,0,1,4.47,1.49,3.24,3.24,0,0,0,.75-1.55h1.09v6.77h-1.2c-.4-2.7-1.89-4.93-4.93-4.93-1.61,0-3.1.92-3.1,2.35s1.2,2.29,4,3.56l3.15,1.55c2.75,1.32,3.84,3.44,3.84,5.16C510.55,394.67,507.4,397.19,503.56,397.19Z" transform="translate(-257.45 -358.19)" style="fill:#32373c" id="path4094"/>
|
||||
</g>
|
||||
|
||||
<g id="logo">
|
||||
<path d="M283.26,359.74a24.14,24.14,0,0,1,13.56,4.14,24.33,24.33,0,0,1,8.79,10.67,24.23,24.23,0,0,1-2.24,23,24.33,24.33,0,0,1-10.67,8.79,24.23,24.23,0,0,1-23-2.24,24.33,24.33,0,0,1-8.79-10.67,24.23,24.23,0,0,1,2.24-23,24.33,24.33,0,0,1,10.67-8.79,24.11,24.11,0,0,1,9.44-1.91m0-1.55A25.81,25.81,0,1,0,309.06,384a25.81,25.81,0,0,0-25.81-25.81Z" transform="translate(-257.45 -358.19)" style="fill:#32373c" id="path4096"/>
|
||||
<path d="M261.75,384a21.51,21.51,0,0,0,12.12,19.36l-10.26-28.11A21.42,21.42,0,0,0,261.75,384Zm36-1.08A11.33,11.33,0,0,0,296,377c-1.09-1.77-2.11-3.27-2.11-5a3.72,3.72,0,0,1,3.61-3.82l.28,0a21.5,21.5,0,0,0-32.49,4l1.38,0c2.25,0,5.73-.27,5.73-.27a.89.89,0,0,1,.14,1.77s-1.17.14-2.46.2l7.83,23.3,4.71-14.12-3.35-9.18c-1.16-.07-2.26-.2-2.26-.2a.89.89,0,0,1,.14-1.77s3.55.27,5.66.27,5.73-.27,5.73-.27a.89.89,0,0,1,.14,1.77s-1.17.14-2.46.2L294,397l2.22-7A24.8,24.8,0,0,0,297.77,382.91Zm-14.14,3-6.45,18.75a21.52,21.52,0,0,0,13.22-.34,2,2,0,0,1-.15-.3Zm18.5-12.2a16.52,16.52,0,0,1,.14,2.21,20.3,20.3,0,0,1-1.64,7.7l-6.57,19a21.51,21.51,0,0,0,8.06-28.91Z" transform="translate(-257.45 -358.19)" style="fill:#32373c" id="path4098"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
After Width: | Height: | Size: 6.2 KiB |
Reference in New Issue
Block a user