License

<!-- CC-0 -->
<div class="plain-text">
    <div class="margin-bottom-s2">
        <p class="font-HNL5-s font-HNL4-m margin-bottom-s2">Free to use for any purpose</p>
    </div><span class="font-LR2-s" about="image.jpg"><a class="flex font-LR2-s" rel="license" href="https://creativecommons.org/publicdomain/zero/1.0/"><div class="icon v-align-middle margin-right-s1"><canvas class="icon__canvas" height="26" width="26"></canvas><svg class="icon__svg" aria-hidden="true"><svg viewBox="0 0 26 26"><path class="icon__shape" d="M13 6.9c-3.6 0-4.4 3.4-4.4 6.2s.9 6.2 4.4 6.2 4.5-3.4 4.5-6.2-.9-6.2-4.5-6.2zm-1.9 6.2c0-1.2.1-3.9 1.9-3.9.1 0 .3 0 .4.1.3.2.4.6.2.9v.1l-2.4 4.4c-.1-.6-.1-1.1-.1-1.6zm1.9 3.8h-.6c-.4-.2-.7-.5-.3-1l2.6-4.6c.1.6.1 1.2.1 1.9.1 1.1 0 3.7-1.8 3.7z"></path><path class="icon__shape" d="M23 8.9c-.5-1.3-1.3-2.5-2.3-3.5-2-2.1-4.8-3.2-7.7-3.2-2.9-.1-5.6 1.1-7.6 3.1C4.4 6.4 3.6 7.7 3 9a10.6 10.6 0 0 0 0 8.2c.5 1.3 1.3 2.5 2.3 3.5 1 1 2.2 1.8 3.5 2.3 2.6 1.1 5.6 1.1 8.2 0 1.3-.6 2.6-1.4 3.6-2.4s1.8-2.1 2.3-3.4c.5-1.3.8-2.7.8-4.2.1-1.4-.2-2.8-.7-4.1zm-3.7 10.3c-.8.8-1.8 1.5-2.9 2-1.1.4-2.2.7-3.3.7-1.1 0-2.3-.2-3.4-.7-1.1-.5-2-1.1-2.9-1.9-.8-.8-1.5-1.8-2-2.9-.9-2.1-.9-4.6 0-6.7.5-1.1 1.2-2.1 2-2.9 1.6-1.7 3.9-2.6 6.2-2.6 2.4 0 4.6.9 6.2 2.6.8.8 1.5 1.8 1.9 2.9.4 1.1.7 2.2.7 3.4.1 2.3-.8 4.5-2.5 6.1z"></path></svg></svg></div>CC0</a></span>
</div>

<!-- CC BY -->
<div class="plain-text">
    <div class="margin-bottom-s2">
        <p class="font-HNL5-s font-HNL4-m margin-bottom-s2">Free to use with attribution</p>
    </div><span class="font-LR2-s" about="image.jpg"><a class="flex font-LR2-s" rel="license" href="https://creativecommons.org/licenses/by/4.0/"><div class="icon v-align-middle margin-right-s1"><canvas class="icon__canvas" height="26" width="26"></canvas><svg class="icon__svg" aria-hidden="true"><svg viewBox="0 0 26 26"><path class="icon__shape" d="M10.17 14.85a1.24 1.24 0 0 1-1.09-.52 2.38 2.38 0 0 1-.37-1.4q0-1.93 1.46-1.93a1.29 1.29 0 0 1 .63.19 1.49 1.49 0 0 1 .57.68l1.46-.76a3 3 0 0 0-2.9-1.55 3.07 3.07 0 0 0-2.28.91 3.35 3.35 0 0 0-.9 2.46 3.36 3.36 0 0 0 .89 2.48 3.17 3.17 0 0 0 2.35.89 3.2 3.2 0 0 0 2.85-1.71l-1.34-.68a1.36 1.36 0 0 1-1.33.94z"></path><path class="icon__shape" d="M23 8.75a10.45 10.45 0 0 0-2.33-3.5 10.6 10.6 0 0 0-7.76-3.18A10.27 10.27 0 0 0 5.3 5.23a10.91 10.91 0 0 0-2.4 3.56 10.85 10.85 0 0 0 0 8.28 10.83 10.83 0 0 0 2.38 3.52A10.93 10.93 0 0 0 8.8 23a10.57 10.57 0 0 0 4.12.82 10.82 10.82 0 0 0 4.17-.82 11.17 11.17 0 0 0 3.61-2.41 10 10 0 0 0 2.3-3.48 11.08 11.08 0 0 0 .79-4.18A11.06 11.06 0 0 0 23 8.75zm-3.69 10.41a9.37 9.37 0 0 1-3 2 8.82 8.82 0 0 1-6.76 0 9.2 9.2 0 0 1-4.83-4.86 8.62 8.62 0 0 1 0-6.75 9.35 9.35 0 0 1 2-2.92A8.42 8.42 0 0 1 13 4a8.6 8.6 0 0 1 6.31 2.62 8.69 8.69 0 0 1 1.92 2.87 8.93 8.93 0 0 1 .66 3.42 8.35 8.35 0 0 1-2.58 6.25z"></path><path class="icon__shape" d="M16.43 14.85a1.24 1.24 0 0 1-1.09-.52 2.38 2.38 0 0 1-.37-1.4Q15 11 16.43 11a1.32 1.32 0 0 1 .65.19 1.49 1.49 0 0 1 .57.68l1.44-.76a3 3 0 0 0-2.87-1.57 3.07 3.07 0 0 0-2.28.91 3.35 3.35 0 0 0-.9 2.46 3.38 3.38 0 0 0 .88 2.48 3.17 3.17 0 0 0 2.36.89 3.14 3.14 0 0 0 1.65-.46 3.34 3.34 0 0 0 1.2-1.25l-1.36-.68a1.36 1.36 0 0 1-1.34.96z"></path></svg></svg></div><div class="icon v-align-middle margin-right-s1"><canvas class="icon__canvas" height="26" width="26"></canvas><svg class="icon__svg" aria-hidden="true"><svg viewBox="0 0 26 26"><path class="icon__shape" d="M13 9a1.34 1.34 0 0 0 1.51-1.51A1.35 1.35 0 0 0 13 6a1.35 1.35 0 0 0-1.51 1.53A1.34 1.34 0 0 0 13 9z"></path><path class="icon__shape" d="M20.74 5.29A10.5 10.5 0 0 0 13 2.14a10.41 10.41 0 0 0-7.63 3.15A10.65 10.65 0 0 0 2.17 13a10.46 10.46 0 0 0 3.2 7.67A10.52 10.52 0 0 0 13 23.88a10.74 10.74 0 0 0 7.78-3.24A10.25 10.25 0 0 0 23.9 13a10.51 10.51 0 0 0-3.16-7.71zm-1.36 14a8.72 8.72 0 0 1-6.33 2.66 8.58 8.58 0 0 1-6.29-2.64A8.54 8.54 0 0 1 4.13 13a8.74 8.74 0 0 1 2.66-6.3 8.46 8.46 0 0 1 6.27-2.6 8.57 8.57 0 0 1 6.29 2.6 8.59 8.59 0 0 1 2.59 6.3 8.28 8.28 0 0 1-2.56 6.24z"></path><path class="icon__shape" d="M15.27 9.62H10.8a.7.7 0 0 0-.7.7v4.44h1.24V20h3.38v-5.24H16v-4.45a.66.66 0 0 0-.21-.49.68.68 0 0 0-.52-.2z"></path></svg></svg></div>CC BY</a></span>
</div>

<!-- CC BY-NC -->
<div class="plain-text">
    <div class="margin-bottom-s2">
        <p class="font-HNL5-s font-HNL4-m margin-bottom-s2">Free to use with attribution for non-commercial purposes</p>
    </div><span class="font-LR2-s" about="image.jpg"><a class="flex font-LR2-s" rel="license" href="https://creativecommons.org/licenses/by-nc/4.0/"><div class="icon v-align-middle margin-right-s1"><canvas class="icon__canvas" height="26" width="26"></canvas><svg class="icon__svg" aria-hidden="true"><svg viewBox="0 0 26 26"><path class="icon__shape" d="M10.17 14.85a1.24 1.24 0 0 1-1.09-.52 2.38 2.38 0 0 1-.37-1.4q0-1.93 1.46-1.93a1.29 1.29 0 0 1 .63.19 1.49 1.49 0 0 1 .57.68l1.46-.76a3 3 0 0 0-2.9-1.55 3.07 3.07 0 0 0-2.28.91 3.35 3.35 0 0 0-.9 2.46 3.36 3.36 0 0 0 .89 2.48 3.17 3.17 0 0 0 2.35.89 3.2 3.2 0 0 0 2.85-1.71l-1.34-.68a1.36 1.36 0 0 1-1.33.94z"></path><path class="icon__shape" d="M23 8.75a10.45 10.45 0 0 0-2.33-3.5 10.6 10.6 0 0 0-7.76-3.18A10.27 10.27 0 0 0 5.3 5.23a10.91 10.91 0 0 0-2.4 3.56 10.85 10.85 0 0 0 0 8.28 10.83 10.83 0 0 0 2.38 3.52A10.93 10.93 0 0 0 8.8 23a10.57 10.57 0 0 0 4.12.82 10.82 10.82 0 0 0 4.17-.82 11.17 11.17 0 0 0 3.61-2.41 10 10 0 0 0 2.3-3.48 11.08 11.08 0 0 0 .79-4.18A11.06 11.06 0 0 0 23 8.75zm-3.69 10.41a9.37 9.37 0 0 1-3 2 8.82 8.82 0 0 1-6.76 0 9.2 9.2 0 0 1-4.83-4.86 8.62 8.62 0 0 1 0-6.75 9.35 9.35 0 0 1 2-2.92A8.42 8.42 0 0 1 13 4a8.6 8.6 0 0 1 6.31 2.62 8.69 8.69 0 0 1 1.92 2.87 8.93 8.93 0 0 1 .66 3.42 8.35 8.35 0 0 1-2.58 6.25z"></path><path class="icon__shape" d="M16.43 14.85a1.24 1.24 0 0 1-1.09-.52 2.38 2.38 0 0 1-.37-1.4Q15 11 16.43 11a1.32 1.32 0 0 1 .65.19 1.49 1.49 0 0 1 .57.68l1.44-.76a3 3 0 0 0-2.87-1.57 3.07 3.07 0 0 0-2.28.91 3.35 3.35 0 0 0-.9 2.46 3.38 3.38 0 0 0 .88 2.48 3.17 3.17 0 0 0 2.36.89 3.14 3.14 0 0 0 1.65-.46 3.34 3.34 0 0 0 1.2-1.25l-1.36-.68a1.36 1.36 0 0 1-1.34.96z"></path></svg></svg></div><div class="icon v-align-middle margin-right-s1"><canvas class="icon__canvas" height="26" width="26"></canvas><svg class="icon__svg" aria-hidden="true"><svg viewBox="0 0 26 26"><path class="icon__shape" d="M13 9a1.34 1.34 0 0 0 1.51-1.51A1.35 1.35 0 0 0 13 6a1.35 1.35 0 0 0-1.51 1.53A1.34 1.34 0 0 0 13 9z"></path><path class="icon__shape" d="M20.74 5.29A10.5 10.5 0 0 0 13 2.14a10.41 10.41 0 0 0-7.63 3.15A10.65 10.65 0 0 0 2.17 13a10.46 10.46 0 0 0 3.2 7.67A10.52 10.52 0 0 0 13 23.88a10.74 10.74 0 0 0 7.78-3.24A10.25 10.25 0 0 0 23.9 13a10.51 10.51 0 0 0-3.16-7.71zm-1.36 14a8.72 8.72 0 0 1-6.33 2.66 8.58 8.58 0 0 1-6.29-2.64A8.54 8.54 0 0 1 4.13 13a8.74 8.74 0 0 1 2.66-6.3 8.46 8.46 0 0 1 6.27-2.6 8.57 8.57 0 0 1 6.29 2.6 8.59 8.59 0 0 1 2.59 6.3 8.28 8.28 0 0 1-2.56 6.24z"></path><path class="icon__shape" d="M15.27 9.62H10.8a.7.7 0 0 0-.7.7v4.44h1.24V20h3.38v-5.24H16v-4.45a.66.66 0 0 0-.21-.49.68.68 0 0 0-.52-.2z"></path></svg></svg></div><div class="icon v-align-middle margin-right-s1"><canvas class="icon__canvas" height="26" width="26"></canvas><svg class="icon__svg" aria-hidden="true"><svg viewBox="0 0 26 26"><path class="icon__shape" d="M20.75 5.29A10.5 10.5 0 0 0 13 2.14a10.41 10.41 0 0 0-7.62 3.15A10.65 10.65 0 0 0 2.18 13a10.44 10.44 0 0 0 3.2 7.65A10.45 10.45 0 0 0 13 23.88a10.74 10.74 0 0 0 7.78-3.24A10.25 10.25 0 0 0 23.91 13a10.47 10.47 0 0 0-3.16-7.71zm-1.36 13.93a8.64 8.64 0 0 1-6.33 2.66 8.66 8.66 0 0 1-6.29-2.62A8.54 8.54 0 0 1 4.14 13a8.55 8.55 0 0 1 .49-2.93l5.55 2.48 1.73.76 1.28.58 1 .45a.83.83 0 0 1 .29.66.91.91 0 0 1-.4.83 1.76 1.76 0 0 1-1 .25 3.47 3.47 0 0 1-2.43-1l-1.41 1.54a5 5 0 0 0 3.3 1.3v1.67h1.26v-1.67a3.57 3.57 0 0 0 2-.75 2.8 2.8 0 0 0 1-1.68l4.09 1.82a8 8 0 0 1-1.5 1.91zm-3.28-6.37l-1.75-.78-1-.43L12 11a.46.46 0 0 1-.1-.27.68.68 0 0 1 .4-.66 2 2 0 0 1 .9-.19 3.21 3.21 0 0 1 1.86.64l1.42-1.46a4.8 4.8 0 0 0-2.72-1V6.41h-1.22v1.67a3.43 3.43 0 0 0-1.77.57 2.55 2.55 0 0 0-1 1.37L5.59 8.16A10.43 10.43 0 0 1 6.8 6.7a8.43 8.43 0 0 1 6.27-2.62 8.49 8.49 0 0 1 6.28 2.62A8.51 8.51 0 0 1 22 13a10.06 10.06 0 0 1-.27 2.33z"></path></svg></svg></div>CC BY-NC</a></span>
</div>

<!-- CC BY-NC-ND -->
<div class="plain-text">
    <div class="margin-bottom-s2">
        <p class="font-HNL5-s font-HNL4-m margin-bottom-s2">Free to use with attribution for non-commercial purposes. No modifications permitted.
        </p>
    </div><span class="font-LR2-s" about="image.jpg"><a class="flex font-LR2-s" rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/"><div class="icon v-align-middle margin-right-s1"><canvas class="icon__canvas" height="26" width="26"></canvas><svg class="icon__svg" aria-hidden="true"><svg viewBox="0 0 26 26"><path class="icon__shape" d="M10.17 14.85a1.24 1.24 0 0 1-1.09-.52 2.38 2.38 0 0 1-.37-1.4q0-1.93 1.46-1.93a1.29 1.29 0 0 1 .63.19 1.49 1.49 0 0 1 .57.68l1.46-.76a3 3 0 0 0-2.9-1.55 3.07 3.07 0 0 0-2.28.91 3.35 3.35 0 0 0-.9 2.46 3.36 3.36 0 0 0 .89 2.48 3.17 3.17 0 0 0 2.35.89 3.2 3.2 0 0 0 2.85-1.71l-1.34-.68a1.36 1.36 0 0 1-1.33.94z"></path><path class="icon__shape" d="M23 8.75a10.45 10.45 0 0 0-2.33-3.5 10.6 10.6 0 0 0-7.76-3.18A10.27 10.27 0 0 0 5.3 5.23a10.91 10.91 0 0 0-2.4 3.56 10.85 10.85 0 0 0 0 8.28 10.83 10.83 0 0 0 2.38 3.52A10.93 10.93 0 0 0 8.8 23a10.57 10.57 0 0 0 4.12.82 10.82 10.82 0 0 0 4.17-.82 11.17 11.17 0 0 0 3.61-2.41 10 10 0 0 0 2.3-3.48 11.08 11.08 0 0 0 .79-4.18A11.06 11.06 0 0 0 23 8.75zm-3.69 10.41a9.37 9.37 0 0 1-3 2 8.82 8.82 0 0 1-6.76 0 9.2 9.2 0 0 1-4.83-4.86 8.62 8.62 0 0 1 0-6.75 9.35 9.35 0 0 1 2-2.92A8.42 8.42 0 0 1 13 4a8.6 8.6 0 0 1 6.31 2.62 8.69 8.69 0 0 1 1.92 2.87 8.93 8.93 0 0 1 .66 3.42 8.35 8.35 0 0 1-2.58 6.25z"></path><path class="icon__shape" d="M16.43 14.85a1.24 1.24 0 0 1-1.09-.52 2.38 2.38 0 0 1-.37-1.4Q15 11 16.43 11a1.32 1.32 0 0 1 .65.19 1.49 1.49 0 0 1 .57.68l1.44-.76a3 3 0 0 0-2.87-1.57 3.07 3.07 0 0 0-2.28.91 3.35 3.35 0 0 0-.9 2.46 3.38 3.38 0 0 0 .88 2.48 3.17 3.17 0 0 0 2.36.89 3.14 3.14 0 0 0 1.65-.46 3.34 3.34 0 0 0 1.2-1.25l-1.36-.68a1.36 1.36 0 0 1-1.34.96z"></path></svg></svg></div><div class="icon v-align-middle margin-right-s1"><canvas class="icon__canvas" height="26" width="26"></canvas><svg class="icon__svg" aria-hidden="true"><svg viewBox="0 0 26 26"><path class="icon__shape" d="M13 9a1.34 1.34 0 0 0 1.51-1.51A1.35 1.35 0 0 0 13 6a1.35 1.35 0 0 0-1.51 1.53A1.34 1.34 0 0 0 13 9z"></path><path class="icon__shape" d="M20.74 5.29A10.5 10.5 0 0 0 13 2.14a10.41 10.41 0 0 0-7.63 3.15A10.65 10.65 0 0 0 2.17 13a10.46 10.46 0 0 0 3.2 7.67A10.52 10.52 0 0 0 13 23.88a10.74 10.74 0 0 0 7.78-3.24A10.25 10.25 0 0 0 23.9 13a10.51 10.51 0 0 0-3.16-7.71zm-1.36 14a8.72 8.72 0 0 1-6.33 2.66 8.58 8.58 0 0 1-6.29-2.64A8.54 8.54 0 0 1 4.13 13a8.74 8.74 0 0 1 2.66-6.3 8.46 8.46 0 0 1 6.27-2.6 8.57 8.57 0 0 1 6.29 2.6 8.59 8.59 0 0 1 2.59 6.3 8.28 8.28 0 0 1-2.56 6.24z"></path><path class="icon__shape" d="M15.27 9.62H10.8a.7.7 0 0 0-.7.7v4.44h1.24V20h3.38v-5.24H16v-4.45a.66.66 0 0 0-.21-.49.68.68 0 0 0-.52-.2z"></path></svg></svg></div><div class="icon v-align-middle margin-right-s1"><canvas class="icon__canvas" height="26" width="26"></canvas><svg class="icon__svg" aria-hidden="true"><svg viewBox="0 0 26 26"><path class="icon__shape" d="M20.75 5.29A10.5 10.5 0 0 0 13 2.14a10.41 10.41 0 0 0-7.62 3.15A10.65 10.65 0 0 0 2.18 13a10.44 10.44 0 0 0 3.2 7.65A10.45 10.45 0 0 0 13 23.88a10.74 10.74 0 0 0 7.78-3.24A10.25 10.25 0 0 0 23.91 13a10.47 10.47 0 0 0-3.16-7.71zm-1.36 13.93a8.64 8.64 0 0 1-6.33 2.66 8.66 8.66 0 0 1-6.29-2.62A8.54 8.54 0 0 1 4.14 13a8.55 8.55 0 0 1 .49-2.93l5.55 2.48 1.73.76 1.28.58 1 .45a.83.83 0 0 1 .29.66.91.91 0 0 1-.4.83 1.76 1.76 0 0 1-1 .25 3.47 3.47 0 0 1-2.43-1l-1.41 1.54a5 5 0 0 0 3.3 1.3v1.67h1.26v-1.67a3.57 3.57 0 0 0 2-.75 2.8 2.8 0 0 0 1-1.68l4.09 1.82a8 8 0 0 1-1.5 1.91zm-3.28-6.37l-1.75-.78-1-.43L12 11a.46.46 0 0 1-.1-.27.68.68 0 0 1 .4-.66 2 2 0 0 1 .9-.19 3.21 3.21 0 0 1 1.86.64l1.42-1.46a4.8 4.8 0 0 0-2.72-1V6.41h-1.22v1.67a3.43 3.43 0 0 0-1.77.57 2.55 2.55 0 0 0-1 1.37L5.59 8.16A10.43 10.43 0 0 1 6.8 6.7a8.43 8.43 0 0 1 6.27-2.62 8.49 8.49 0 0 1 6.28 2.62A8.51 8.51 0 0 1 22 13a10.06 10.06 0 0 1-.27 2.33z"></path></svg></svg></div><div class="icon v-align-middle margin-right-s1"><canvas class="icon__canvas" height="26" width="26"></canvas><svg class="icon__svg" aria-hidden="true"><svg viewBox="0 0 26 26"><path class="icon__shape" d="M9.2 10.5H17v1.9H9.2zm0 3.5H17v1.9H9.2z"></path><path class="icon__shape" d="M20.6 5.4c-2-2.1-4.8-3.2-7.7-3.1-2.9-.1-5.6 1-7.6 3.1-1 1-1.8 2.2-2.4 3.6a10.6 10.6 0 0 0 0 8.2c.5 1.3 1.3 2.5 2.4 3.5 1 1 2.2 1.8 3.5 2.3 1.3.5 2.7.8 4.1.8 2.9 0 5.7-1.1 7.7-3.2 2-2 3.1-4.7 3.1-7.6 0-2.8-1.1-5.6-3.1-7.6zM6.7 19.2C5 17.6 4.1 15.3 4.1 13c0-2.3.9-4.6 2.6-6.2 1.6-1.7 3.9-2.6 6.2-2.6h.9c2 .2 3.9 1.1 5.3 2.5.8.8 1.5 1.8 1.9 2.8.4 1.1.7 2.2.7 3.4.1 2.3-.9 4.6-2.5 6.2-.8.8-1.8 1.5-2.9 2-1.1.4-2.2.7-3.3.7-1.1 0-2.3-.2-3.4-.7-.4-.2-.9-.4-1.2-.7-.7-.3-1.2-.7-1.7-1.2z"></path></svg></svg></div>CC BY-NC-ND</a></span>
</div>

<!-- PDM -->
<div class="plain-text"><span class="font-LR2-s" about="image.jpg"><a class="flex font-LR2-s" rel="license" href="https://creativecommons.org/publicdomain/mark/1.0/"><div class="icon v-align-middle margin-right-s1"><canvas class="icon__canvas" height="26" width="26"></canvas><svg class="icon__svg" aria-hidden="true"><svg viewBox="0 0 26 26"><path class="icon__shape" d="M23 8.9c-.5-1.3-1.3-2.5-2.3-3.5-2-2.1-4.8-3.2-7.7-3.1-2.9-.1-5.6 1.1-7.6 3.1-1 1-1.9 2.2-2.4 3.5a10.6 10.6 0 0 0 0 8.2c.5 1.3 1.3 2.5 2.3 3.5 1 1 2.2 1.8 3.5 2.4 2.6 1.1 5.6 1.1 8.2 0 1.3-.6 2.6-1.4 3.6-2.4s1.8-2.2 2.3-3.5c.5-1.3.8-2.7.8-4.2.1-1.3-.2-2.7-.7-4zM13 4.2c2.4 0 4.6.9 6.2 2.6.8.8 1.5 1.8 1.9 2.8.4 1.1.7 2.2.7 3.4 0 1.2-.2 2.4-.7 3.5l-10.6-6.1c.7-1 1.9-1.6 3.2-1.5.8 0 1.5.2 2.2.5l.5-2.2c-.9-.4-2-.6-3-.5-2-.1-4 .8-5.3 2.4L5.9 7.8c.3-.4.6-.7.9-1 1.6-1.7 3.9-2.7 6.2-2.6zm3.3 17c-1.1.4-2.2.7-3.3.7-1.1 0-2.3-.2-3.4-.7-1.1-.5-2-1.1-2.9-1.9-.8-.8-1.5-1.8-2-2.9-.9-2.1-.9-4.6 0-6.7l.1-.2 2.5 1.4c-.2.7-.3 1.4-.3 2.1 0 3.4 2.1 6 6.3 6 1.1 0 2.1-.1 3.1-.5l-.4-2.1c-.7.3-1.5.4-2.3.4-2 .2-3.7-1.3-3.8-3.3v-1.1l10.2 5.8c-.3.4-.5.7-.9 1-.8.8-1.8 1.5-2.9 2z"></path></svg></svg></div>Public Domain</a></span>
</div>

<!-- Copyright Not Cleared -->
<div class="plain-text"><span class="font-LR2-s" about="image.jpg"><span class="flex font-LR2-s"><span>Copyright not cleared</span></span>
    </span>
</div>

// @flow
import getLicenseInfo from '../../../utils/get-license-info';
import {spacing, font} from '../../../utils/classnames';
import Icon from '../Icon/Icon';
import type {LicenseType} from '../../../model/license';
import type {LicenseData} from '../../../utils/get-license-info';

type Props = {|
  subject: string,
  licenseType: LicenseType
|}

function renderIcons(icons) {
  if (icons) {
    return icons.map((i) => (
      <Icon key={i} name={i} extraClasses='v-align-middle margin-right-s1' />
    ));
  }
}

function renderLicenseLink(url: ?string, icons: ?string[], text: string) {
  if (url) {
    return (
      <a className={`flex ${font({s: 'LR2'})}`} rel='license' href={url}>
        {renderIcons(icons)}
        {text}
      </a>
    );
  } else {
    return (
      <span className={`flex ${font({s: 'LR2'})}`}>
        {renderIcons(icons)}
        <span>{text}</span>
      </span>
    );
  }
}

const License = ({subject, licenseType}: Props) => {
  const licenseInfo: LicenseData = getLicenseInfo(licenseType) || { text: '', humanReadableText: [''] };
  return (
    <div className='plain-text'>
      {licenseInfo.description &&
        <div className={spacing({s: 2}, {margin: ['bottom']})}>
          <p className={`${font({s: 'HNL5', m: 'HNL4'})} ${spacing({s: 2}, {margin: ['bottom']})}`}>{licenseInfo.description}</p>
        </div>
      }
      <span className={`${font({s: 'LR2'})}`} about={subject}>
        {renderLicenseLink(licenseInfo.url, licenseInfo.icons, licenseInfo.text)}
      </span>
    </div>
  );
};

export default License;
/* CC-0 */
{
  "subject": "image.jpg",
  "licenseType": "CC-0"
}

/* CC BY */
{
  "subject": "image.jpg",
  "licenseType": "CC-BY"
}

/* CC BY-NC */
{
  "subject": "image.jpg",
  "licenseType": "CC-BY-NC"
}

/* CC BY-NC-ND */
{
  "subject": "image.jpg",
  "licenseType": "CC-BY-NC-ND"
}

/* PDM */
{
  "subject": "image.jpg",
  "licenseType": "PDM"
}

/* Copyright Not Cleared */
{
  "subject": "image.jpg",
  "licenseType": "copyright-not-cleared"
}

There are no notes for this item.