Use svg's

This commit is contained in:
Niko Strijbol 2016-10-15 19:08:45 +02:00
parent 356a314c30
commit d0e762f598
6 changed files with 363 additions and 26 deletions

View file

@ -0,0 +1,76 @@
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 135 40"
width="200" >
<path
d="m130.197 40h-125.468c-2.607 0-4.729-2.128-4.729-4.733v-30.541c0-2.606 2.122-4.726 4.729-4.726h125.468c2.606 0 4.803 2.12 4.803 4.726v30.541c0 2.605-2.197 4.733-4.803 4.733z"
fill="#a6a6a6" />
<path
d="m134.032 35.268c0 2.116-1.714 3.83-3.834 3.83h-125.469c-2.119 0-3.839-1.714-3.839-3.83v-30.543c0-2.115 1.72-3.835 3.839-3.835h125.468c2.121 0 3.834 1.72 3.834 3.835z" />
<path
d="m30.128 19.784c-.029-3.223 2.639-4.791 2.761-4.864-1.511-2.203-3.853-2.504-4.676-2.528-1.967-.207-3.875 1.177-4.877 1.177-1.022 0-2.565-1.157-4.228-1.123-2.14.033-4.142 1.272-5.24 3.196-2.266 3.923-.576 9.688 1.595 12.859 1.086 1.553 2.355 3.287 4.016 3.226 1.625-.067 2.232-1.036 4.193-1.036 1.943 0 2.513 1.036 4.207.997 1.744-.028 2.842-1.56 3.89-3.127 1.255-1.78 1.759-3.533 1.779-3.623-.041-.014-3.387-1.291-3.42-5.154z"
fill="#fff" />
<path
d="m26.928 10.306c.874-1.093 1.472-2.58 1.306-4.089-1.265.056-2.847.875-3.758 1.944-.806.942-1.526 2.486-1.34 3.938 1.421.106 2.88-.717 3.792-1.793z"
fill="#fff" />
<path
d="m53.645 31.504h-2.271l-1.244-3.909h-4.324l-1.185 3.909h-2.211l4.284-13.308h2.646zm-3.89-5.549l-1.125-3.475c-.119-.355-.342-1.191-.671-2.507h-.04c-.131.566-.342 1.402-.632 2.507l-1.105 3.475z"
fill="#fff" />
<path
d="m64.662 26.588c0 1.632-.441 2.922-1.323 3.869-.79.843-1.771 1.264-2.942 1.264-1.264 0-2.172-.454-2.725-1.362h-.04v5.055h-2.132v-10.347c0-1.026-.027-2.079-.079-3.159h1.875l.119 1.521h.04c.711-1.146 1.79-1.718 3.238-1.718 1.132 0 2.077.447 2.833 1.342.758.896 1.136 2.074 1.136 3.535zm-2.172.078c0-.934-.21-1.704-.632-2.31-.461-.632-1.08-.948-1.856-.948-.526 0-1.004.176-1.431.523-.428.35-.708.807-.839 1.373-.066.264-.099.48-.099.65v1.6c0 .698.214 1.287.642 1.768s.984.721 1.668.721c.803 0 1.428-.31 1.875-.928.448-.619.672-1.435.672-2.449z"
fill="#fff" />
<path
d="m75.699 26.588c0 1.632-.441 2.922-1.324 3.869-.789.843-1.77 1.264-2.941 1.264-1.264 0-2.172-.454-2.724-1.362h-.04v5.055h-2.132v-10.347c0-1.026-.027-2.079-.079-3.159h1.875l.119 1.521h.04c.71-1.146 1.789-1.718 3.238-1.718 1.131 0 2.076.447 2.834 1.342.755.896 1.134 2.074 1.134 3.535zm-2.172.078c0-.934-.211-1.704-.633-2.31-.461-.632-1.078-.948-1.855-.948-.527 0-1.004.176-1.432.523-.428.35-.707.807-.838 1.373-.065.264-.099.48-.099.65v1.6c0 .698.214 1.287.64 1.768.428.48.984.721 1.67.721.803 0 1.428-.31 1.875-.928.448-.619.672-1.435.672-2.449z"
fill="#fff" />
<path
d="m88.039 27.772c0 1.132-.393 2.053-1.182 2.764-.867.777-2.074 1.165-3.625 1.165-1.432 0-2.58-.276-3.449-.829l.494-1.777c.936.566 1.963.85 3.082.85.803 0 1.428-.182 1.877-.544.447-.362.67-.848.67-1.454 0-.54-.184-.995-.553-1.364-.367-.369-.98-.712-1.836-1.029-2.33-.869-3.494-2.142-3.494-3.816 0-1.094.408-1.991 1.225-2.689.814-.699 1.9-1.048 3.258-1.048 1.211 0 2.217.211 3.02.632l-.533 1.738c-.75-.408-1.598-.612-2.547-.612-.75 0-1.336.185-1.756.553-.355.329-.533.73-.533 1.205 0 .526.203.961.611 1.303.355.316 1 .658 1.936 1.027 1.145.461 1.986 1 2.527 1.618.539.616.808 1.387.808 2.307z"
fill="#fff" />
<path
d="m95.088 23.508h-2.35v4.659c0 1.185.414 1.777 1.244 1.777.381 0 .697-.033.947-.099l.059 1.619c-.42.157-.973.236-1.658.236-.842 0-1.5-.257-1.975-.77-.473-.514-.711-1.376-.711-2.587v-4.837h-1.4v-1.6h1.4v-1.757l2.094-.632v2.389h2.35z"
fill="#fff" />
<path
d="m105.691 26.627c0 1.475-.422 2.686-1.264 3.633-.883.975-2.055 1.461-3.516 1.461-1.408 0-2.529-.467-3.365-1.401s-1.254-2.113-1.254-3.534c0-1.487.43-2.705 1.293-3.652.861-.948 2.023-1.422 3.484-1.422 1.408 0 2.541.467 3.396 1.402.818.907 1.226 2.078 1.226 3.513zm-2.212.069c0-.885-.189-1.644-.572-2.277-.447-.766-1.086-1.148-1.914-1.148-.857 0-1.508.383-1.955 1.148-.383.634-.572 1.405-.572 2.317 0 .885.189 1.644.572 2.276.461.766 1.105 1.148 1.936 1.148.814 0 1.453-.39 1.914-1.168.393-.645.591-1.412.591-2.296z"
fill="#fff" />
<path
d="m112.621 23.783c-.211-.039-.436-.059-.672-.059-.75 0-1.33.283-1.738.85-.355.5-.533 1.132-.533 1.895v5.035h-2.131l.02-6.574c0-1.106-.027-2.113-.08-3.021h1.857l.078 1.836h.059c.225-.631.58-1.139 1.066-1.52.475-.343.988-.514 1.541-.514.197 0 .375.014.533.039z"
fill="#fff" />
<path
d="m122.156 26.252c0 .382-.025.704-.078.967h-6.396c.025.948.334 1.673.928 2.173.539.447 1.236.671 2.092.671.947 0 1.811-.151 2.588-.454l.334 1.48c-.908.396-1.98.593-3.217.593-1.488 0-2.656-.438-3.506-1.313-.848-.875-1.273-2.05-1.273-3.524 0-1.447.395-2.652 1.186-3.613.828-1.026 1.947-1.539 3.355-1.539 1.383 0 2.43.513 3.141 1.539.563.815.846 1.823.846 3.02zm-2.033-.553c.014-.632-.125-1.178-.414-1.639-.369-.593-.936-.889-1.699-.889-.697 0-1.264.289-1.697.869-.355.461-.566 1.014-.631 1.658h4.441z"
fill="#fff" />
<path
d="m49.05 10.009c0 1.177-.353 2.063-1.058 2.658-.653.549-1.581.824-2.783.824-.596 0-1.106-.026-1.533-.078v-6.431c.557-.09 1.157-.136 1.805-.136 1.145 0 2.008.249 2.59.747.652.563.979 1.368.979 2.416zm-1.105.029c0-.763-.202-1.348-.606-1.756-.404-.407-.994-.611-1.771-.611-.33 0-.611.022-.844.068v4.889c.129.02.365.029.708.029.802 0 1.421-.223 1.857-.669s.656-1.096.656-1.95z"
fill="#fff" />
<path
d="m54.909 11.037c0 .725-.207 1.319-.621 1.785-.434.479-1.009.718-1.727.718-.692 0-1.243-.229-1.654-.689-.41-.459-.615-1.038-.615-1.736 0-.73.211-1.329.635-1.794s.994-.698 1.712-.698c.692 0 1.248.229 1.669.688.4.446.601 1.022.601 1.726zm-1.087.034c0-.435-.094-.808-.281-1.119-.22-.376-.533-.564-.94-.564-.421 0-.741.188-.961.564-.188.311-.281.69-.281 1.138 0 .435.094.808.281 1.119.227.376.543.564.951.564.4 0 .714-.191.94-.574.194-.317.291-.693.291-1.128z"
fill="#fff" />
<path
d="m62.765 8.719l-1.475 4.714h-.96l-.611-2.047c-.155-.511-.281-1.019-.379-1.523h-.019c-.091.518-.217 1.025-.379 1.523l-.649 2.047h-.971l-1.387-4.714h1.077l.533 2.241c.129.53.235 1.035.32 1.513h.019c.078-.394.207-.896.389-1.503l.669-2.25h.854l.641 2.202c.155.537.281 1.054.378 1.552h.029c.071-.485.178-1.002.32-1.552l.572-2.202h1.029z"
fill="#fff" />
<path
d="m68.198 13.433h-1.048v-2.7c0-.832-.316-1.248-.95-1.248-.311 0-.562.114-.757.343-.193.229-.291.499-.291.808v2.796h-1.048v-3.366c0-.414-.013-.863-.038-1.349h.921l.049.737h.029c.122-.229.304-.418.543-.569.284-.176.602-.265.95-.265.44 0 .806.142 1.097.427.362.349.543.87.543 1.562z"
fill="#fff" />
<path d="m71.088 13.433h-1.047v-6.877h1.047z" fill="#fff" />
<path
d="m77.258 11.037c0 .725-.207 1.319-.621 1.785-.434.479-1.01.718-1.727.718-.693 0-1.244-.229-1.654-.689-.41-.459-.615-1.038-.615-1.736 0-.73.211-1.329.635-1.794s.994-.698 1.711-.698c.693 0 1.248.229 1.67.688.4.446.601 1.022.601 1.726zm-1.088.034c0-.435-.094-.808-.281-1.119-.219-.376-.533-.564-.939-.564-.422 0-.742.188-.961.564-.188.311-.281.69-.281 1.138 0 .435.094.808.281 1.119.227.376.543.564.951.564.4 0 .713-.191.939-.574.195-.317.291-.693.291-1.128z"
fill="#fff" />
<path
d="m82.33 13.433h-.941l-.078-.543h-.029c-.322.433-.781.65-1.377.65-.445 0-.805-.143-1.076-.427-.246-.258-.369-.579-.369-.96 0-.576.24-1.015.723-1.319.482-.304 1.16-.453 2.033-.446v-.088c0-.621-.326-.931-.979-.931-.465 0-.875.117-1.229.349l-.213-.688c.438-.271.979-.407 1.617-.407 1.232 0 1.85.65 1.85 1.95v1.736c0 .471.023.846.068 1.124zm-1.088-1.62v-.727c-1.156-.02-1.734.297-1.734.95 0 .246.066.43.201.553.135.123.307.184.512.184.23 0 .445-.073.641-.218.197-.146.318-.331.363-.558.011-.051.017-.113.017-.184z"
fill="#fff" />
<path
d="m88.285 13.433h-.93l-.049-.757h-.029c-.297.576-.803.864-1.514.864-.568 0-1.041-.223-1.416-.669s-.562-1.025-.562-1.736c0-.763.203-1.381.611-1.853.395-.44.879-.66 1.455-.66.633 0 1.076.213 1.328.64h.02v-2.706h1.049v5.607c0 .459.012.882.037 1.27zm-1.086-1.988v-.786c0-.136-.01-.246-.029-.33-.059-.252-.186-.464-.379-.635-.195-.171-.43-.257-.701-.257-.391 0-.697.155-.922.466-.223.311-.336.708-.336 1.193 0 .466.107.844.322 1.135.227.31.533.465.916.465.344 0 .619-.129.828-.388.202-.239.301-.527.301-.863z"
fill="#fff" />
<path
d="m97.248 11.037c0 .725-.207 1.319-.621 1.785-.434.479-1.008.718-1.727.718-.691 0-1.242-.229-1.654-.689-.41-.459-.615-1.038-.615-1.736 0-.73.211-1.329.635-1.794s.994-.698 1.713-.698c.691 0 1.248.229 1.668.688.4.446.601 1.022.601 1.726zm-1.086.034c0-.435-.094-.808-.281-1.119-.221-.376-.533-.564-.941-.564-.42 0-.74.188-.961.564-.188.311-.281.69-.281 1.138 0 .435.094.808.281 1.119.227.376.543.564.951.564.4 0 .715-.191.941-.574.193-.317.291-.693.291-1.128z"
fill="#fff" />
<path
d="m102.883 13.433h-1.047v-2.7c0-.832-.316-1.248-.951-1.248-.311 0-.562.114-.756.343s-.291.499-.291.808v2.796h-1.049v-3.366c0-.414-.012-.863-.037-1.349h.92l.049.737h.029c.123-.229.305-.418.543-.569.285-.176.602-.265.951-.265.439 0 .805.142 1.096.427.363.349.543.87.543 1.562z"
fill="#fff" />
<path
d="m109.936 9.504h-1.154v2.29c0 .582.205.873.611.873.188 0 .344-.016.467-.049l.027.795c-.207.078-.479.117-.814.117-.414 0-.736-.126-.969-.378-.234-.252-.35-.676-.35-1.271v-2.377h-.689v-.785h.689v-.864l1.027-.31v1.173h1.154v.786z"
fill="#fff" />
<path
d="m115.484 13.433h-1.049v-2.68c0-.845-.316-1.268-.949-1.268-.486 0-.818.245-1 .735-.031.103-.049.229-.049.377v2.835h-1.047v-6.876h1.047v2.841h.02c.33-.517.803-.775 1.416-.775.434 0 .793.142 1.078.427.355.355.533.883.533 1.581z"
fill="#fff" />
<path
d="m121.207 10.853c0 .188-.014.346-.039.475h-3.143c.014.466.164.821.455 1.067.266.22.609.33 1.029.33.465 0 .889-.074 1.271-.223l.164.728c-.447.194-.973.291-1.582.291-.73 0-1.305-.215-1.721-.645-.418-.43-.625-1.007-.625-1.731 0-.711.193-1.303.582-1.775.406-.504.955-.756 1.648-.756.678 0 1.193.252 1.541.756.281.4.42.895.42 1.483zm-1-.271c.008-.311-.061-.579-.203-.805-.182-.291-.459-.437-.834-.437-.342 0-.621.142-.834.427-.174.227-.277.498-.311.815z"
fill="#fff" />
</svg>

After

Width:  |  Height:  |  Size: 9.8 KiB

View file

@ -0,0 +1,196 @@
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 135.71649 40.018951"
width="200">
<linearGradient id="a" gradientTransform="matrix(.8 0 0 -.8 0 161.6)" gradientUnits="userSpaceOnUse"
spreadMethod="pad" x1="31.7997" x2="15.0173" y1="183.2903" y2="166.5079">
<stop offset="0" stop-color="#00a0ff" />
<stop offset=".0066" stop-color="#00a1ff" />
<stop offset=".2601" stop-color="#00beff" />
<stop offset=".5122" stop-color="#00d2ff" />
<stop offset=".7604" stop-color="#00dfff" />
<stop offset="1" stop-color="#00e3ff" />
</linearGradient>
<linearGradient id="b" gradientTransform="matrix(.8 0 0 -.8 0 161.6)" gradientUnits="userSpaceOnUse"
spreadMethod="pad" x1="43.8344" x2="19.637501" y1="171.9986" y2="171.9986">
<stop offset="0" stop-color="#ffe000" />
<stop offset=".4087" stop-color="#ffbd00" />
<stop offset=".7754" stop-color="#ffa500" />
<stop offset="1" stop-color="#ff9c00" />
</linearGradient>
<linearGradient id="c" gradientTransform="matrix(.8 0 0 -.8 0 161.6)" gradientUnits="userSpaceOnUse"
spreadMethod="pad" x1="34.827" x2="12.0687" y1="169.7039" y2="146.9456">
<stop offset="0" stop-color="#ff3a44" />
<stop offset="1" stop-color="#c31162" />
</linearGradient>
<linearGradient id="d" gradientTransform="matrix(.8 0 0 -.8 0 161.6)" gradientUnits="userSpaceOnUse"
spreadMethod="pad" x1="17.2973" x2="27.4599" y1="191.82381" y2="181.6613">
<stop offset="0" stop-color="#32a071" />
<stop offset=".0685" stop-color="#2da771" />
<stop offset=".4762" stop-color="#15cf74" />
<stop offset=".8009" stop-color="#06e775" />
<stop offset="1" stop-color="#00f076" />
</linearGradient>
<clipPath id="e">
<path d="m0 0h124v48h-124z" />
</clipPath>
<mask id="f" height="1" maskUnits="userSpaceOnUse" width="1" x="0" y="0">
<g clip-path="url(#e)">
<path d="m0 0h124v48h-124z" fill-opacity=".2" />
</g>
</mask>
<clipPath id="g">
<path d="m0 0h124v48h-124z" />
</clipPath>
<clipPath id="h">
<path d="m0 0h124v48h-124z" />
</clipPath>
<pattern id="i" height="48" patternTransform="matrix(1 0 0 -1 0 48)" patternUnits="userSpaceOnUse" width="124">
<g clip-path="url(#h)">
<g>
<path
d="m29.625 20.695l-11.613-6.597c-.649-.371-1.231-.344-1.606-.008l-.058-.063.058-.058c.375-.336.957-.36 1.606.011l11.687 6.641z" />
</g>
</g>
</pattern>
<clipPath id="j">
<path d="m0 0h124v48h-124z" />
</clipPath>
<mask id="k" height="1" maskUnits="userSpaceOnUse" width="1" x="0" y="0">
<g clip-path="url(#j)">
<path d="m0 0h124v48h-124z" fill-opacity=".12000002" />
</g>
</mask>
<clipPath id="l">
<path d="m0 0h124v48h-124z" />
</clipPath>
<clipPath id="m">
<path d="m0 0h124v48h-124z" />
</clipPath>
<pattern id="n" height="48" patternTransform="matrix(1 0 0 -1 0 48)" patternUnits="userSpaceOnUse" width="124">
<g clip-path="url(#m)">
<g>
<path d="m16.348 14.145c-.235.246-.371.628-.371 1.125v-.118c0-.496.136-.879.371-1.125l.058.063z" />
</g>
</g>
</pattern>
<clipPath id="o">
<path d="m0 0h124v48h-124z" />
</clipPath>
<mask id="p" height="1" maskUnits="userSpaceOnUse" width="1" x="0" y="0">
<g clip-path="url(#o)">
<path d="m0 0h124v48h-124z" fill-opacity=".12000002" />
</g>
</mask>
<clipPath id="q">
<path d="m0 0h124v48h-124z" />
</clipPath>
<clipPath id="r">
<path d="m0 0h124v48h-124z" />
</clipPath>
<pattern id="s" height="48" patternTransform="matrix(1 0 0 -1 0 48)" patternUnits="userSpaceOnUse" width="124">
<g clip-path="url(#r)">
<g>
<path
d="m33.613 22.961l-3.988-2.266.074-.074 3.914 2.223c.559.316.836.734.836 1.156-.047-.379-.332-.75-.836-1.039z" />
</g>
</g>
</pattern>
<clipPath id="t">
<path d="m0 0h124v48h-124z" />
</clipPath>
<mask id="u" height="1" maskUnits="userSpaceOnUse" width="1" x="0" y="0">
<g clip-path="url(#t)">
<path d="m0 0h124v48h-124z" fill-opacity=".25" />
</g>
</mask>
<clipPath id="v">
<path d="m0 0h124v48h-124z" />
</clipPath>
<clipPath id="w">
<path d="m0 0h124v48h-124z" />
</clipPath>
<pattern id="x" height="48" patternTransform="matrix(1 0 0 -1 0 48)" patternUnits="userSpaceOnUse" width="124">
<g clip-path="url(#w)">
<g>
<path
d="m18.012 33.902l15.601-8.863c.508-.289.789-.66.836-1.039 0 .418-.277.836-.836 1.156l-15.601 8.864c-1.117.632-2.035.105-2.035-1.176v-.114c0 1.278.918 1.805 2.035 1.172z"
fill="#fff" />
</g>
</g>
</pattern>
<g transform="matrix(1.25299038 0 0 -1.23841219 -9.79557259 49.85025)">
<path
d="m112 8h-100c-2.199 0-4 1.801-4 4v24c0 2.199 1.801 4 4 4h100c2.199 0 4-1.801 4-4v-24c0-2.199-1.801-4-4-4z" />
<path
d="m112 39.359c1.852 0 3.359-1.507 3.359-3.359v-24c0-1.852-1.507-3.359-3.359-3.359h-100c-1.852 0-3.359 1.507-3.359 3.359v24c0 1.852 1.507 3.359 3.359 3.359zm0 .641h-100c-2.199 0-4-1.801-4-4v-24c0-2.199 1.801-4 4-4h100c2.199 0 4 1.801 4 4v24c0 2.199-1.801 4-4 4z"
fill="#a6a6a6" />
<path
d="m45.934 16.195c0 .668-.2 1.203-.594 1.602-.453.473-1.043.711-1.766.711-.691 0-1.281-.242-1.765-.719-.485-.484-.727-1.078-.727-1.789 0-.711.242-1.305.727-1.785.484-.481 1.074-.723 1.765-.723.344 0 .672.071.985.203.312.133.566.313.75.535l-.418.422c-.321-.379-.758-.566-1.317-.566-.504 0-.941.176-1.312.531-.367.356-.551.817-.551 1.383 0 .566.184 1.031.551 1.387.371.351.808.531 1.312.531.535 0 .985-.18 1.34-.535.234-.235.367-.559.402-.973h-1.742v-.578h2.324c.028.125.036.246.036.363z"
fill="#fff" stroke="#fff" stroke-miterlimit="10" stroke-width=".16" transform="matrix(1 0 0 -1 0 48)" />
<path d="m49.621 14.191h-2.183v1.52h1.968v.578h-1.968v1.52h2.183v.589h-2.801v-4.796h2.801z" fill="#fff"
stroke="#fff" stroke-miterlimit="10" stroke-width=".16" transform="matrix(1 0 0 -1 0 48)" />
<path d="m52.223 18.398h-.618v-4.207h-1.339v-.589h3.297v.589h-1.34z" fill="#fff" stroke="#fff"
stroke-miterlimit="10" stroke-width=".16" transform="matrix(1 0 0 -1 0 48)" />
<path d="m55.949 18.398v-4.796h.617v4.796z" fill="#fff" stroke="#fff" stroke-miterlimit="10" stroke-width=".16"
transform="matrix(1 0 0 -1 0 48)" />
<path d="m59.301 18.398h-.613v-4.207h-1.344v-.589h3.301v.589h-1.344z" fill="#fff" stroke="#fff"
stroke-miterlimit="10" stroke-width=".16" transform="matrix(1 0 0 -1 0 48)" />
<path
d="m66.887 17.781c-.473.485-1.059.727-1.758.727-.703 0-1.289-.242-1.762-.727-.472-.484-.707-1.078-.707-1.781 0-.703.235-1.297.707-1.781.473-.485 1.059-.727 1.762-.727.695 0 1.281.242 1.754.731.476.488.711 1.078.711 1.777 0 .703-.235 1.297-.707 1.781zm-3.063-.402c.356.359.789.539 1.305.539.512 0 .949-.18 1.301-.539.355-.359.535-.82.535-1.379 0-.559-.18-1.02-.535-1.379-.352-.359-.789-.539-1.301-.539-.516 0-.949.18-1.305.539-.355.359-.535.82-.535 1.379 0 .559.18 1.02.535 1.379z"
fill="#fff" stroke="#fff" stroke-miterlimit="10" stroke-width=".16" transform="matrix(1 0 0 -1 0 48)" />
<path
d="m68.461 18.398v-4.796h.75l2.332 3.73h.027l-.027-.922v-2.808h.617v4.796h-.644l-2.442-3.914h-.027l.027.926v2.988z"
fill="#fff" stroke="#fff" stroke-miterlimit="10" stroke-width=".16" transform="matrix(1 0 0 -1 0 48)" />
<path
d="m62.508 22.598c-1.879 0-3.414-1.43-3.414-3.403 0-1.957 1.535-3.402 3.414-3.402 1.883 0 3.418 1.445 3.418 3.402 0 1.973-1.535 3.403-3.418 3.403zm0-5.465c-1.031 0-1.918.851-1.918 2.062 0 1.227.887 2.063 1.918 2.063 1.031 0 1.922-.836 1.922-2.063 0-1.211-.891-2.062-1.922-2.062zm-7.449 5.465c-1.883 0-3.414-1.43-3.414-3.403 0-1.957 1.531-3.402 3.414-3.402 1.882 0 3.414 1.445 3.414 3.402 0 1.973-1.532 3.403-3.414 3.403zm0-5.465c-1.032 0-1.922.851-1.922 2.062 0 1.227.89 2.063 1.922 2.063 1.031 0 1.918-.836 1.918-2.063 0-1.211-.887-2.062-1.918-2.062zm-8.864 4.422v-1.446h3.453c-.101-.808-.371-1.402-.785-1.816-.504-.5-1.289-1.055-2.668-1.055-2.125 0-3.789 1.715-3.789 3.84 0 2.125 1.664 3.84 3.789 3.84 1.149 0 1.985-.449 2.602-1.031l1.019 1.019c-.863.824-2.011 1.457-3.621 1.457-2.914 0-5.363-2.371-5.363-5.285 0-2.914 2.449-5.285 5.363-5.285 1.575 0 2.758.516 3.688 1.484.953.953 1.25 2.293 1.25 3.375 0 .336-.028.645-.078.903zm36.246-1.121c-.281.761-1.148 2.164-2.914 2.164-1.75 0-3.207-1.379-3.207-3.403 0-1.906 1.442-3.402 3.375-3.402 1.563 0 2.465.953 2.836 1.508l-1.16.773c-.387-.566-.914-.941-1.676-.941-.757 0-1.3.347-1.648 1.031l4.551 1.883zm-4.64-1.133c-.039 1.312 1.019 1.984 1.777 1.984.594 0 1.098-.297 1.266-.722zm-3.699-3.301h1.496v10h-1.496zm-2.45 5.84h-.05c-.336.398-.977.758-1.789.758-1.704 0-3.262-1.496-3.262-3.414 0-1.907 1.558-3.391 3.262-3.391.812 0 1.453.363 1.789.773h.05v-.488c0-1.301-.695-2-1.816-2-.914 0-1.481.66-1.715 1.215l-1.301-.543c.375-.902 1.368-2.012 3.016-2.012 1.754 0 3.234 1.032 3.234 3.543v6.11h-1.418zm-1.711-4.707c-1.031 0-1.894.863-1.894 2.051 0 1.199.863 2.074 1.894 2.074 1.016 0 1.817-.875 1.817-2.074 0-1.188-.801-2.051-1.817-2.051zm19.504 8.867h-3.578v-10h1.492v3.789h2.086c1.657 0 3.282 1.199 3.282 3.106 0 1.906-1.629 3.105-3.282 3.105zm.039-4.82h-2.125v3.429h2.125c1.114 0 1.75-.925 1.75-1.714 0-.774-.636-1.715-1.75-1.715zm9.223 1.437c-1.078 0-2.199-.476-2.66-1.531l1.324-.555c.285.555.809.735 1.363.735.774 0 1.559-.465 1.571-1.286v-.105c-.27.156-.848.387-1.559.387-1.426 0-2.879-.785-2.879-2.25 0-1.34 1.168-2.203 2.481-2.203 1.004 0 1.558.453 1.906.98h.051v-.773h1.441v3.836c0 1.773-1.324 2.765-3.039 2.765zm-.18-5.48c-.488 0-1.168.242-1.168.847 0 .774.848 1.071 1.582 1.071.657 0 .965-.145 1.364-.336-.117-.926-.914-1.582-1.778-1.582zm8.469 5.261l-1.715-4.335h-.051l-1.773 4.335h-1.609l2.664-6.058-1.52-3.371h1.559l4.105 9.429zm-13.449-6.398h1.496v10h-1.496z"
fill="#fff" />
<path
d="m16.348 33.969c-.235-.246-.371-.629-.371-1.125v-17.692c0-.496.136-.879.371-1.125l.058-.054 9.914 9.91v.234l-9.914 9.91z"
fill="url(#a)" />
<path
d="m29.621 20.578l-3.301 3.305v.234l3.305 3.305.074-.043 3.914-2.227c1.117-.632 1.117-1.672 0-2.308l-3.914-2.223z"
fill="url(#b)" />
<path d="m29.699 20.621l-3.379 3.379-9.972-9.973c.371-.39.976-.437 1.664-.047z" fill="url(#c)" />
<path d="m29.699 27.379l-11.687 6.641c-.688.386-1.293.339-1.664-.051l9.972-9.969z" fill="url(#d)" />
<g mask="url(#f)">
<g />
<g>
<g clip-path="url(#g)">
<g>
<path d="m0 0h124v48h-124z" fill="url(#i)" />
</g>
</g>
</g>
</g>
<g mask="url(#k)">
<g />
<g>
<g clip-path="url(#l)">
<g>
<path d="m0 0h124v48h-124z" fill="url(#n)" />
</g>
</g>
</g>
</g>
<g mask="url(#p)">
<g />
<g>
<g clip-path="url(#q)">
<g>
<path d="m0 0h124v48h-124z" fill="url(#s)" />
</g>
</g>
</g>
</g>
<g mask="url(#u)">
<g />
<g>
<g clip-path="url(#v)">
<g>
<path d="m0 0h124v48h-124z" fill="url(#x)" />
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.1 KiB

View file

@ -0,0 +1,61 @@
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 864 312"
width="200">
<path d="m2.3 2.3h859.5v307.5h-859.5z" />
<path d="m4.5 4.5h855v303h-855zm-4.5 307.5h864v-312h-864z" fill="#d2d2d2" />
<path d="m70.5 68.6h83.8v83.8h-83.8z" fill="#f25022" />
<path d="m163 68.6h83.8v83.8h-83.8z" fill="#7fba00" />
<path d="m70.5 161h83.8v83.8h-83.8z" fill="#00a4ef" />
<path d="m163 161h83.8v83.8h-83.8z" fill="#ffb900" />
<path
d="m408.3 163c0-2.5.9-4.5 2.7-6.2 1.8-1.7 3.9-2.5 6.4-2.5 2.6 0 4.8.9 6.5 2.6 1.7 1.7 2.6 3.8 2.6 6.1 0 2.4-.9 4.5-2.7 6.1-1.8 1.7-3.9 2.5-6.5 2.5-2.6 0-4.7-.8-6.5-2.5-1.6-1.7-2.5-3.7-2.5-6.1m16.5 81.8h-14.9v-63.5h14.9z"
fill="#fff" />
<path
d="m470.2 233.9c2.2 0 4.7-.5 7.4-1.5 2.7-1 5.1-2.4 7.4-4.1v13.9c-2.4 1.4-5.1 2.4-8.1 3.1-3 .7-6.4 1.1-10 1.1-9.3 0-16.9-3-22.8-8.9-5.9-5.9-8.8-13.5-8.8-22.6 0-10.2 3-18.6 9-25.2 6-6.6 14.4-9.9 25.4-9.9 2.8 0 5.6.4 8.5 1.1 2.9.7 5.1 1.6 6.8 2.5v14.3c-2.3-1.7-4.7-3-7.1-3.9-2.4-.9-4.9-1.4-7.4-1.4-5.9 0-10.6 1.9-14.3 5.7-3.6 3.8-5.4 9-5.4 15.5 0 6.4 1.7 11.4 5.2 15 3.5 3.6 8.2 5.3 14.2 5.3"
fill="#fff" />
<path
d="m527.5 180.3c1.2 0 2.3.1 3.2.2.9.2 1.8.4 2.4.6v15.1c-.8-.6-1.9-1.1-3.4-1.6-1.5-.5-3.3-.8-5.5-.8-3.7 0-6.8 1.5-9.3 4.6-2.5 3.1-3.8 7.8-3.8 14.3v32.1h-14.9v-63.5h14.9v10h .2c1.4-3.5 3.4-6.2 6.2-8.1 2.8-1.9 6.1-2.9 10-2.9"
fill="#fff" />
<path
d="m533.9 214c0-10.5 3-18.8 8.9-25 5.9-6.1 14.2-9.2 24.7-9.2 9.9 0 17.7 3 23.3 8.9 5.6 5.9 8.4 13.9 8.4 23.9 0 10.3-3 18.5-8.9 24.6-5.9 6.1-14 9.1-24.2 9.1-9.8 0-17.7-2.9-23.4-8.7-5.9-5.7-8.8-13.6-8.8-23.6m15.6-.5c0 6.6 1.5 11.7 4.5 15.2 3 3.5 7.3 5.2 12.9 5.2 5.4 0 9.6-1.7 12.4-5.2s4.3-8.7 4.3-15.6c0-6.8-1.5-12-4.4-15.5-2.9-3.5-7.1-5.2-12.4-5.2-5.5 0-9.7 1.8-12.8 5.5-3 3.7-4.5 8.8-4.5 15.6"
fill="#fff" />
<path
d="m621.4 198c0 2.1.7 3.8 2 5 1.4 1.2 4.4 2.7 9 4.6 6 2.4 10.2 5.1 12.6 8.1 2.4 3 3.6 6.6 3.6 10.8 0 6-2.3 10.8-6.9 14.4-4.6 3.6-10.8 5.4-18.6 5.4-2.6 0-5.5-.3-8.7-1-3.2-.6-5.9-1.5-8.1-2.4v-14.7c2.7 1.9 5.6 3.4 8.8 4.5 3.1 1.1 6 1.7 8.5 1.7 3.4 0 5.9-.5 7.5-1.4 1.6-.9 2.4-2.5 2.4-4.8 0-2.1-.8-3.8-2.5-5.2-1.7-1.4-4.8-3.1-9.5-4.9-5.5-2.3-9.4-4.9-11.7-7.8-2.3-2.9-3.5-6.6-3.5-11 0-5.7 2.3-10.4 6.8-14.1 4.5-3.7 10.4-5.5 17.7-5.5 2.2 0 4.7.2 7.5.7 2.8.5 5.1 1.1 6.9 1.9v14.2c-2-1.3-4.3-2.4-6.9-3.4-2.6-.9-5.3-1.4-7.8-1.4-2.8 0-5.1.6-6.6 1.7-1.7 1.1-2.5 2.7-2.5 4.6"
fill="#fff" />
<path
d="m655.2 214c0-10.5 3-18.8 8.9-25 5.9-6.1 14.2-9.2 24.7-9.2 9.9 0 17.7 3 23.3 8.9 5.6 5.9 8.4 13.9 8.4 23.9 0 10.3-3 18.5-8.9 24.6-5.9 6.1-14 9.1-24.2 9.1-9.8 0-17.7-2.9-23.4-8.7-5.9-5.7-8.8-13.6-8.8-23.6m15.5-.5c0 6.6 1.5 11.7 4.5 15.2 3 3.5 7.3 5.2 12.9 5.2 5.4 0 9.6-1.7 12.4-5.2s4.3-8.7 4.3-15.6c0-6.8-1.5-12-4.4-15.5s-7.1-5.2-12.4-5.2c-5.5 0-9.7 1.8-12.8 5.5-3 3.7-4.5 8.8-4.5 15.6"
fill="#fff" />
<path
d="m769.8 193.6v32.6c0 6.8 1.6 11.8 4.7 15.2 3.1 3.4 7.9 5 14.2 5 2.1 0 4.3-.2 6.5-.7 2.2-.5 3.8-.9 4.7-1.5v-12.4c-.9.6-2 1.1-3.2 1.5-1.2.4-2.3.6-3.1.6-3 0-5.3-.8-6.7-2.4-1.4-1.6-2.1-4.4-2.1-8.3v-29.7h15.2v-12.2h-15.1v-18.8l-15 4.6v14.3h-22.3v-7.7c0-3.8.8-6.7 2.5-8.7 1.7-2 4.1-2.9 7.2-2.9 1.6 0 3 .2 4.3.6 1.2.4 2.1.8 2.6 1.1v-12.9c-1.1-.4-2.3-.6-3.7-.8-1.4-.2-3-.3-4.8-.3-6.8 0-12.4 2.1-16.7 6.4-4.3 4.3-6.5 9.7-6.5 16.4v8.8h-10.6v12.2h10.6v51.3h15.1v-51.3z"
fill="#fff" />
<path
d="m395.5 156.2v88.6h-15.4v-69.4h-.2l-27.5 69.4h-10.2l-28.2-69.4h-.2v69.4h-14.2v-88.6h22l25.5 65.7h.4l26.9-65.7z"
fill="#fff" />
<path
d="m340 117.9c-5.3 3-11.3 4.5-18 4.5-5.1 0-9.6-1.1-13.6-3.4-3.9-2.2-7-5.4-9.1-9.5-2.1-4.1-3.2-8.7-3.2-13.8 0-5.4 1.2-10.3 3.5-14.5s5.6-7.6 9.9-10c4.3-2.4 9.1-3.6 14.5-3.6 2.7 0 5.4.3 8.1.8 2.7.5 4.9 1.2 6.6 2v8c-4-2.7-9.1-4-15.3-4-3.7 0-7 .9-10 2.7-3 1.8-5.3 4.3-6.9 7.4-1.6 3.2-2.4 6.8-2.4 10.8 0 6.3 1.7 11.3 5 15 3.3 3.7 7.9 5.5 13.7 5.5 3.7 0 7-.7 9.8-2.2v-13.7h-11.3v-6.6h18.7z"
fill="#fff" />
<path
d="m383.1 104.6h-26.2c.1 3.8 1.3 6.7 3.3 8.8 2.1 2 4.8 3.1 8.2 3.1 4.5 0 8.4-1.3 11.8-3.9v6.4c-1.5 1-3.4 1.9-5.7 2.5-2.3.6-4.7.9-7.1.9-5.7 0-10.2-1.7-13.3-5.1-3.1-3.4-4.7-8.2-4.7-14.4 0-3.8.8-7.3 2.3-10.3 1.5-3.1 3.7-5.5 6.4-7.2 2.7-1.7 5.8-2.6 9.1-2.6 4.9 0 8.8 1.6 11.6 4.8 2.8 3.2 4.2 7.6 4.2 13.3v3.7zm-7.3-5.7c0-3.3-.8-5.8-2.3-7.5-1.5-1.7-3.6-2.6-6.4-2.6-2.5 0-4.7.9-6.6 2.7s-3 4.3-3.6 7.4z"
fill="#fff" />
<path
d="m411.5 121.1c-.7.4-1.6.7-2.9.9-1.2.2-2.3.3-3.3.3-7 0-10.5-3.9-10.5-11.6v-21h-6.4v-6h6.4v-9l7.3-2.3v11.2h9.3v6h-9.3v19.8c0 2.5.4 4.3 1.2 5.3.8 1 2.2 1.5 4.3 1.5 1.4 0 2.7-.4 3.8-1.2v6.1z"
fill="#fff" />
<path
d="m447.7 70.3c0 1.2-.4 2.2-1.3 3.1-.9.9-2 1.3-3.3 1.3-1.3 0-2.4-.4-3.3-1.3-.9-.8-1.3-1.9-1.3-3.2 0-1.3.5-2.4 1.4-3.2.9-.8 2-1.3 3.2-1.3 1.2 0 2.3.4 3.2 1.3 1 1 1.4 2 1.4 3.3m-1 51.2h-7.3v-37.8h7.3z"
fill="#fff" />
<path
d="m478.4 121.1c-.7.4-1.6.7-2.9.9-1.2.2-2.3.3-3.3.3-7 0-10.5-3.9-10.5-11.6v-21h-6.4v-6h6.4v-9l7.3-2.3v11.2h9.3v6h-9.3v19.8c0 2.5.4 4.3 1.2 5.3.8 1 2.2 1.5 4.3 1.5 1.4 0 2.7-.4 3.8-1.2v6.1z"
fill="#fff" />
<path
d="m526.2 71.7c-1.2-.6-2.5-1-4-1-4.1 0-6.1 2.5-6.1 7.5v5.4h8.6v6h-8.6v31.8h-7.3v-31.7h-6.4v-6h6.4v-5.8c0-4 1.1-7.2 3.4-9.6 2.3-2.4 5.4-3.6 9.4-3.6 2 0 3.5.2 4.7.7v6.3z"
fill="#fff" />
<path
d="m553.1 91c-.4-.3-1.2-.6-2.2-.9-1-.2-1.9-.4-2.6-.4-2.6 0-4.7 1.2-6.3 3.5-1.6 2.3-2.4 5.3-2.4 9v19.3h-7.3v-37.8h7.3v7.6h.2c.8-2.6 2.1-4.6 3.8-6.1 1.7-1.5 3.7-2.2 5.9-2.2 1.5 0 2.7.2 3.5.5v7.5z"
fill="#fff" />
<path
d="m594.8 102.4c0 6.1-1.8 11-5.3 14.6-3.5 3.6-8.2 5.4-14 5.4-5.7 0-10.3-1.8-13.7-5.3-3.4-3.5-5.1-8.2-5.1-14.1 0-6.3 1.8-11.2 5.3-14.8 3.5-3.6 8.3-5.4 14.4-5.4 5.7 0 10.2 1.7 13.4 5.2 3.4 3.5 5 8.3 5 14.4m-7.5.2c0-4.5-1-7.9-2.9-10.2-2-2.3-4.7-3.5-8.3-3.5-3.6 0-6.5 1.2-8.6 3.7-2.1 2.4-3.1 5.9-3.1 10.3 0 4.3 1 7.6 3.1 10 2.1 2.4 4.9 3.6 8.6 3.6 3.7 0 6.5-1.2 8.4-3.5 1.8-2.5 2.8-5.9 2.8-10.4"
fill="#fff" />
<path
d="m660.1 121.5h-7.3v-21.5c0-3.9-.6-6.7-1.8-8.5-1.2-1.8-3.3-2.6-6.2-2.6-2.4 0-4.5 1.1-6.1 3.3-1.7 2.2-2.5 4.9-2.5 7.9v21.4h-7.3v-22.2c0-6.9-2.7-10.4-8-10.4-2.5 0-4.6 1.1-6.2 3.2s-2.4 4.8-2.4 8.1v21.4h-7.3v-37.9h7.3v5.9h.1c2.7-4.6 6.7-6.8 11.8-6.8 2.4 0 4.6.7 6.6 2 1.9 1.3 3.3 3.2 4.2 5.6 1.5-2.6 3.2-4.5 5.3-5.8 2.1-1.2 4.5-1.9 7.3-1.9 8.3 0 12.4 5.1 12.4 15.4v23.4z"
fill="#fff" />
</svg>

After

Width:  |  Height:  |  Size: 6.2 KiB

View file

@ -1,21 +1,24 @@
#flex-align-links {
width: 100%;
height: 60%;
padding-right: 5%;
display: flex;
justify-content: flex-end;
.links {
flex: 1;
align-self: flex-end;
align-items: flex-end;
padding-right: 20px;
}
.links {
align-self: flex-end;
.rows {
display: flex;
flex-direction: column;
}
.links > .column {
display: inline-block;
max-width: 160px;
max-width: 200px;
align-items: center;
}
.links .column a img {
width: 100%;
}
.project {
background-color: $body-background;
margin-top: 30px;

View file

@ -10,23 +10,24 @@ order: 30
<img src="/assets/images/hydra.png">
</div>
</div>
<div class="column">
<div class="column rows">
<p class="title">Hydra</p>
<p class="description subtitle">Android, iOS, and Windows 10 application providing all the information a student at Ghent University needs.</p>
<div id="flex-align-links">
<div class="columns links">
<div class="column has-text-centered">
<a href="https://itunes.apple.com/be/app/hydra/id602640924"><img src="https://camo.githubusercontent.com/c5065f53773c01c20c7cb90cbbefc9552b4e3187/687474703a2f2f73747564656e742e7567656e742e62652f68796472612f696d672f73746f72652d696f732e706e67"></a>
<a href="https://github.com/ZeusWPI/hydra-iOS">iOS <span class="icon"><i class="fa fa-github"></i></span></a>
</div>
<div class="column has-text-centered">
<a href="http://play.google.com/store/apps/details?id=be.ugent.zeus.hydra"><img src="https://camo.githubusercontent.com/2b3471ae9f71b68d99ec52802a1c14c9a6803086/687474703a2f2f73747564656e742e7567656e742e62652f68796472612f696d672f73746f72652d616e64726f69642e706e67"></a>
<a href="https://github.com/ZeusWPI/hydra-android">Android <span class="icon"><i class="fa fa-github"></i></span></a>
</div>
<div class="column has-text-centered">
<a href="http://www.windowsphone.com/s?appId=08d3268e-aad6-48fa-ae83-5ccd1663e73a"><img src="/assets/images/win.png"></a>
<a href="https://github.com/ZeusWPI/hydra-windows">Windows 10 <span class="icon"><i class="fa fa-github"></i></span></a>
</div>
<p class="description subtitle">
Android, iOS, and Windows 10 application providing all the information a student at Ghent University needs.<br>
For an overview of the features, visit the project's <a href="http://student.ugent.be/hydra/">website</a>.
</p>
<div class="columns links">
<div class="column has-text-centered">
<a href="https://itunes.apple.com/be/app/hydra/id602640924"><img src="/assets/images/apple.svg"></a>
<a href="https://github.com/ZeusWPI/hydra-iOS">iOS <span class="icon"><i class="fa fa-github"></i></span></a>
</div>
<div class="column has-text-centered">
<a href="http://play.google.com/store/apps/details?id=be.ugent.zeus.hydra"><img src="/assets/images/google.svg"></a>
<a href="https://github.com/ZeusWPI/hydra-android">Android <span class="icon"><i class="fa fa-github"></i></span></a>
</div>
<div class="column has-text-centered">
<a href="http://www.windowsphone.com/s?appId=08d3268e-aad6-48fa-ae83-5ccd1663e73a"><img src="/assets/images/windows.svg"></a>
<a href="https://github.com/ZeusWPI/hydra-windows">Windows 10 <span class="icon"><i class="fa fa-github"></i></span></a>
</div>
</div>
</div>