Jhernandez has uploaded a new change for review. ( https://gerrit.wikimedia.org/r/379736 )
Change subject: Chore: Added wordmark component with the english version ...................................................................... Chore: Added wordmark component with the english version Initial version of the wordmark, will be used by the header soon. Bug: T173022 Change-Id: I251aaaa7f7c2966afe25a68f6bb73e86793acff9 --- A src/common/components/wordmark/wordmark-en.svg A src/common/components/wordmark/wordmark.css A src/common/components/wordmark/wordmark.tsx 3 files changed, 85 insertions(+), 0 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/marvin refs/changes/36/379736/1 diff --git a/src/common/components/wordmark/wordmark-en.svg b/src/common/components/wordmark/wordmark-en.svg new file mode 100644 index 0000000..343ea2d --- /dev/null +++ b/src/common/components/wordmark/wordmark-en.svg @@ -0,0 +1,69 @@ +<svg xmlns="http://www.w3.org/2000/svg"; xmlns:xlink="http://www.w3.org/1999/xlink"; width="118" height="18" viewBox="0 0 118 18"> + <defs> + <path id="a" d="M14.379.286c.924.025 1.398.052 1.971.052.575 0 1.199-.026 1.823-.052.149.155.149.703 0 .86-1.298.208-1.84 1.2-2.454 2.42L13.894 7.19l3.193 6.899h.114l4.741-10.704c.592-1.41.55-2.11-1.073-2.239-.15-.156-.15-.703 0-.86 1.173.026 1.897.053 2.471.053.575 0 1.199-.026 2.197-.052.15.155.15.703 0 .86-1.648.208-1.934 1.202-2.453 2.42l-5.91 13.283c-.174.39-.324.599-.598.599-.25 0-.442-.211-.574-.6l-3.358-7.56-3.681 7.56c-.15.392-.325.6-.6.6-.248 0-.424-.208-.573-.6L2.36 3.517c-.761-1.85-.812-2.24-2.234-2.37C-.024.99-.05.443.1.286 1.274.313 1.698.34 2.696.34c.974 0 1.598-.026 2.772-.052.15.155.15.703 0 .86-1.573.18-1.64.593-1.013 2.082l4.57 10.86h.114l2.788-5.917-2.103-4.656c-.837-1.85-1.036-2.214-2.11-2.37-.15-.156-.175-.703-.025-.86C8.488.313 8.912.34 9.91.34c.974 0 1.374-.026 2.272-.052.15.155.15.703 0 .86-1.048.155-.949.597-.264 2.082l1.228 2.631.11.117 1.322-2.592c.771-1.51.874-2.083-.2-2.239-.15-.158-.15-.705 0-.86z"/> + <path id="c" d="M4.006 8.969c0 2.161.274 2.266 1.796 2.37.15.156.15.703 0 .859-1.073-.025-1.697-.052-2.77-.052-1.099 0-1.747.026-2.796.052-.149-.156-.149-.703 0-.86 1.523-.13 1.798-.208 1.798-2.37V3.344c0-2.16-.275-2.265-1.798-2.37C.087.819.087.272.236.115 1.31.14 1.933.166 3.007.166c1.098 0 1.748-.025 2.796-.052.15.157.15.704 0 .86-1.522.13-1.796.208-1.796 2.37v5.625h-.001z"/> + <path id="e" d="M.456.975C.307.818.307.27.456.115c1.049.026 1.697.052 2.796.052.924 0 1.323-.025 2.396-.052.15.156.15.703 0 .86-1.198.13-1.422.208-1.422 2.37v2.317c.823 0 1.554-.411 2.62-1.667C8.77 1.729 9.02 1.052 7.772.974c-.15-.156-.15-.703 0-.86 1.073.026 2.022.052 2.745.052.649 0 1.074-.025 1.748-.052.149.157.149.704 0 .86-.998.052-1.914.184-2.672 1.094L7.446 4.646c-.425.469-.575.755-.575.964 0 .156.1.286.225.442l3.695 4.532c.327.395.924.676 1.597.754.15.157.15.678 0 .834 0 0-1.223-.026-1.922-.026-.65 0-1.274.026-1.548.052v-.365c0-.338-.025-.624-.374-1.04l-2.77-3.595c-.375-.521-1-.652-1.548-.652V8.97c0 2.161.225 2.24 1.422 2.37.15.156.15.703 0 .859-1.073-.025-1.473-.052-2.396-.052-1.099 0-1.747.026-2.796.052-.149-.156-.149-.703 0-.86 1.522-.13 1.797-.208 1.797-2.37V3.344c0-2.16-.275-2.239-1.797-2.368z"/> + <path id="g" d="M4.19 8.969c0 2.161.275 2.266 1.797 2.37.15.156.15.703 0 .859-1.073-.025-1.697-.052-2.77-.052-1.099 0-1.747.026-2.796.052-.149-.156-.149-.703 0-.86 1.522-.13 1.797-.208 1.797-2.37V3.344c0-2.16-.275-2.265-1.797-2.37C.272.819.272.272.421.115 1.494.14 2.118.166 3.192.166 4.29.166 4.94.141 5.988.114c.15.157.15.704 0 .86-1.522.13-1.797.208-1.797 2.37v5.625z"/> + <path id="i" d="M5.783 11.338c.149.157.149.704 0 .86-1.074-.025-1.698-.052-2.771-.052-1.098 0-1.748.026-2.796.052-.15-.156-.15-.703 0-.86 1.522-.13 1.796-.208 1.796-2.37V3.344c0-2.16-.274-2.265-1.796-2.37-.15-.155-.15-.702 0-.859 1.073.026 1.697.052 2.77.052.674 0 1.723-.052 2.646-.052 3.544 0 4.294 1.824 4.294 3.177 0 1.563-1.023 4.063-4.37 4.063-.623 0-1.122-.103-1.571-.313V8.97c0 2.161.274 2.265 1.798 2.37zm-1.798-5.13c.499.208 1.123.286 1.622.286 1.499 0 2.147-1.013 2.147-2.89 0-1.827-.8-2.631-2.271-2.631-1.199 0-1.498.338-1.498 1.172v4.063z"/> + <path id="k" d="M4.17 6.337v3.906c0 .495.349 1.146.798 1.146H7.04c1.572 0 2.296-1.302 2.695-2.838.274-.078.474-.025.698.104-.174 1.094-.449 2.526-.748 3.594 0 0-1.648-.052-2.646-.052H3.195s-1.748.026-2.796.052c-.15-.156-.15-.703 0-.86 1.523-.13 1.797-.208 1.797-2.369V3.394c0-2.16-.274-2.265-1.797-2.369-.15-.156-.15-.703 0-.86C1.473.191 3.17.217 3.17.217h5.167c.5 0 .674-.052 1.023-.103.05 0 .075.025.075.078.05.182.35 2.214.45 3.1-.2.102-.425.155-.675.13-.45-1.484-.774-2.345-2.322-2.345H4.966c-.474 0-.799.287-.799.73v3.697H5.59c1.747-.025 1.671-.286 1.722-1.458.125-.13.574-.13.699 0-.025.65-.05 1.12-.05 1.85 0 .728.024 1.145.05 1.9-.125.13-.574.13-.7 0-.05-.963.051-1.458-1.721-1.458H4.17v-.001z"/> + <path id="m" d="M6.406.115c4.168 0 6.215 2.71 6.215 6.172 0 4.557-3.095 5.911-5.866 5.911-1.997 0-2.896-.052-3.644-.052-1.098 0-1.747.026-2.795.052-.15-.156-.15-.703 0-.86 1.523-.13 1.796-.208 1.796-2.37V3.344c0-2.16-.273-2.265-1.796-2.37-.15-.155-.15-.702 0-.859 1.073.026 1.697.052 2.77.052.475.001 2.67-.05 3.32-.05zm-.25 11.224c2.745 0 4.294-.963 4.294-4.608 0-2.71-.575-5.756-4.769-5.756-.973 0-1.596.156-1.596.807v8.385c0 .73.174 1.172 2.07 1.172z"/> + <path id="o" d="M3.916 8.969c0 2.161.274 2.266 1.797 2.37.15.156.15.703 0 .859-1.074-.025-1.698-.052-2.771-.052-1.1 0-1.748.026-2.796.052-.15-.156-.15-.703 0-.86 1.523-.13 1.797-.208 1.797-2.37V3.344c0-2.16-.274-2.265-1.797-2.37-.15-.155-.15-.702 0-.859C1.22.14 1.843.166 2.917.166c1.098 0 1.748-.025 2.796-.052.15.157.15.704 0 .86-1.523.13-1.797.208-1.797 2.37v5.625z"/> + <path id="q" d="M5.757 16.329c.15.156.15.703 0 .86-.924-.026-2.17-.053-3.194-.053-.973 0-1.298.026-2.222.052-.149-.156-.149-.703 0-.86 1.086-.077 1.838-.239 2.497-1.848L8.387.93C8.67.232 8.859 0 9.229 0c.35 0 .491.279.673.782l5.118 14.115c.462 1.341 1.279 1.341 2.246 1.432.15.156.15.703 0 .86-.924-.026-1.822-.053-2.846-.053-.973 0-2.346.026-3.27.052-.15-.156-.15-.703 0-.86 1.189-.088 2.218.007 1.847-1.066l-1.522-4.402H6.282c-.599 0-.749.104-.874.443l-1.373 3.775c-.388 1.07.785 1.182 1.722 1.25zm5.318-6.563l-2.42-6.953h-.051l-2.5 6.607c-.106.282.074.346.628.346h4.343z"/> + </defs> + <g fill="none" fill-rule="evenodd" opacity=".7"> + <g> + <mask id="b" fill="#fff"> + <use xlink:href="#a"/> + </mask> + <path fill="#000" d="M-2.13-1.809h29.91v21.351H-2.13z" mask="url(#b)"/> + </g> + <g transform="translate(24.717 5.026)"> + <mask id="d" fill="#fff"> + <use xlink:href="#c"/> + </mask> + <path fill="#000" d="M-2.006-1.98H8.047v16.272H-2.006z" mask="url(#d)"/> + </g> + <g transform="translate(32.388 5.026)"> + <mask id="f" fill="#fff"> + <use xlink:href="#e"/> + </mask> + <path fill="#000" d="M-1.786-1.98H14.63v16.272H-1.786z" mask="url(#f)"/> + </g> + <g transform="translate(46.45 5.026)"> + <mask id="h" fill="#fff"> + <use xlink:href="#g"/> + </mask> + <path fill="#000" d="M-1.822-1.98H8.232v16.272H-1.822z" mask="url(#h)"/> + </g> + <g transform="translate(54.548 5.026)"> + <mask id="j" fill="#fff"> + <use xlink:href="#i"/> + </mask> + <path fill="#000" d="M-2.028-1.98h14.085v16.272H-2.028z" mask="url(#j)"/> + </g> + <g transform="translate(66.054 5.026)"> + <mask id="l" fill="#fff"> + <use xlink:href="#k"/> + </mask> + <path fill="#000" d="M-1.844-1.98h14.41v16.323h-14.41z" mask="url(#l)"/> + </g> + <g transform="translate(78.412 5.026)"> + <mask id="n" fill="#fff"> + <use xlink:href="#m"/> + </mask> + <path fill="#000" d="M-1.928-1.98h16.68v16.272h-16.68z" mask="url(#n)"/> + </g> + <g transform="translate(92.901 5.026)"> + <mask id="p" fill="#fff"> + <use xlink:href="#o"/> + </mask> + <path fill="#000" d="M-2.097-1.98H7.956v16.272H-2.097z" mask="url(#p)"/> + </g> + <g transform="translate(99.72)"> + <mask id="r" fill="#fff"> + <use xlink:href="#q"/> + </mask> + <path fill="#000" d="M-1.901-2.094h21.41v21.377H-1.9z" mask="url(#r)"/> + </g> + </g> +</svg> diff --git a/src/common/components/wordmark/wordmark.css b/src/common/components/wordmark/wordmark.css new file mode 100644 index 0000000..cad31ee --- /dev/null +++ b/src/common/components/wordmark/wordmark.css @@ -0,0 +1,4 @@ +.Wordmark { + width: 118px; + height: 18px; +} diff --git a/src/common/components/wordmark/wordmark.tsx b/src/common/components/wordmark/wordmark.tsx new file mode 100644 index 0000000..2ffa909 --- /dev/null +++ b/src/common/components/wordmark/wordmark.tsx @@ -0,0 +1,12 @@ +import { h } from "preact"; +import "./wordmark.css"; +import wordmarkEn from "./wordmark-en.svg"; + +export default function Wordmark(): JSX.Element { + return ( + <div + className="Wordmark" + dangerouslySetInnerHTML={{ __html: wordmarkEn }} + /> + ); +} -- To view, visit https://gerrit.wikimedia.org/r/379736 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I251aaaa7f7c2966afe25a68f6bb73e86793acff9 Gerrit-PatchSet: 1 Gerrit-Project: marvin Gerrit-Branch: master Gerrit-Owner: Jhernandez <[email protected]> _______________________________________________ MediaWiki-commits mailing list [email protected] https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
