<head>
<style>
* {
font-family: 'Noto Sans SC', verdana, inter, arial, helvetica, sans-serif;
}
body {
height: min-content;
}
textarea {
width: 100%;
min-height: 2.5em;
margin: 0.5em 0;
padding: 0.5em;
background-color: transparent;
border: dashed 1px;
}
input {
font-weight: bold;
margin: 0.1em;
flex-grow: 1;
background-color: rgb(140, 136, 126);
padding: 0.25rem;
color: rgb(237, 233, 223);
}
.line-wrap {
width: 100%;
}
</style>
<script type="text/javascript">
function copyText(text) {
var input = document.getElementById("input");
input.value = text;
input.select();
document.execCommand("Copy");
}
</script>
</head>
<body>
<div class="line-wrap" style="display: flex; flex-wrap: wrap;">
<input type="button" value="Unsplash" onclick="copyText('> **授权协议：**[https://unsplash.com/license Unsplash License]')">
<input type="button" value="Pexels" onclick="copyText('> **授权协议：**[https://www.pexels.com/zh-CN/license/ Pexels License]')">
<input type="button" value="Pixabay" onclick="copyText('> **授权协议：**[https://pixabay.com/zh/service/license-summary/ Pixabay License]')">
<input type="button" value="CC BY 2.0" onclick="copyText('> **授权协议：**[https://creativecommons.org/licenses/by/2.0/deed.zh CC BY 2.0]')">
<input type="button" value="CC BY 3.0" onclick="copyText('> **授权协议：**[https://creativecommons.org/licenses/by/3.0/deed.zh CC BY 3.0]')">
<input type="button" value="CC BY-SA 3.0" onclick="copyText('> **授权协议：**[https://creativecommons.org/licenses/by-sa/3.0/deed.zh CC BY-SA 3.0]')">
<input type="button" value="CC0" onclick="copyText('> **授权协议：**[https://creativecommons.org/publicdomain/zero/1.0/deed.zh CC0]')">
</div>
<div class="line-wrap">
<textarea id="input" rows="1" readonly="readonly">（未选择）</textarea>
</div>
</body>
