mirror of
https://seed.radicle.dev/rad:z371PVmDHdjJucejRoRYJcDEvD5pp.git
synced 2026-10-18 19:10:34 +08:00
112 lines
5.0 KiB
HTML
112 lines
5.0 KiB
HTML
<style>
|
|
#install {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
margin: 0.5rem 2rem;
|
|
padding: 0.75rem 1rem;
|
|
border: 1px dashed var(--color-fg-highlight-tertiary);
|
|
max-width: 90%;
|
|
cursor: pointer;
|
|
}
|
|
#install:hover {
|
|
border-color: var(--color-fg-contrast);
|
|
}
|
|
#install:active {
|
|
border-color: var(--color-fg-highlight-secondary);
|
|
}
|
|
#install code {
|
|
line-height: 16px;
|
|
text-overflow: ellipsis;
|
|
color: var(--color-fg-highlight-tertiary);
|
|
overflow-x: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
#install:hover object svg {
|
|
width: 16px;
|
|
height: 16px;
|
|
filter: brightness(130%);
|
|
}
|
|
#install:hover code {
|
|
color: var(--color-fg-contrast);
|
|
}
|
|
#install:hover svg {
|
|
color: var(--color-fg-contrast);
|
|
}
|
|
#install:active svg {
|
|
color: var(--color-fg-highlight-secondary);
|
|
}
|
|
#install svg {
|
|
color: var(--color-fg-highlight-tertiary);
|
|
}
|
|
#install:active code {
|
|
color: var(--color-fg-highlight-secondary);
|
|
}
|
|
#install-copy {
|
|
display: flex;
|
|
align-items: center;
|
|
color: var(--color-fg-highlight-secondary);
|
|
line-height: 16px;
|
|
margin-left: 1rem;
|
|
}
|
|
</style>
|
|
|
|
<div id="install">
|
|
<code id="install-command">curl -sSLf {{ site.url }}/install | sh</code>
|
|
<span id="install-copy">
|
|
<svg width="16" height="16" viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<rect x="60" y="24" width="12" height="12" fill="currentColor"/>
|
|
<rect x="72" y="24" width="12" height="12" fill="currentColor"/>
|
|
<rect x="84" y="24" width="12" height="12" fill="currentColor"/>
|
|
<rect x="96" y="24" width="12" height="12" fill="currentColor"/>
|
|
<rect x="108" y="24" width="12" height="12" fill="currentColor"/>
|
|
<rect x="120" y="24" width="12" height="12" fill="currentColor"/>
|
|
<rect x="132" y="24" width="12" height="12" fill="currentColor"/>
|
|
<rect x="144" y="24" width="12" height="12" fill="currentColor"/>
|
|
<rect x="60" y="36" width="12" height="12" fill="currentColor"/>
|
|
<rect x="144" y="36" width="12" height="12" fill="currentColor"/>
|
|
<rect x="144" y="48" width="12" height="12" fill="currentColor"/>
|
|
<rect x="24" y="60" width="12" height="12" fill="currentColor"/>
|
|
<rect x="36" y="60" width="12" height="12" fill="currentColor"/>
|
|
<rect x="48" y="60" width="12" height="12" fill="currentColor"/>
|
|
<rect x="60" y="60" width="12" height="12" fill="currentColor"/>
|
|
<rect x="72" y="60" width="12" height="12" fill="currentColor"/>
|
|
<rect x="84" y="60" width="12" height="12" fill="currentColor"/>
|
|
<rect x="96" y="60" width="12" height="12" fill="currentColor"/>
|
|
<rect x="108" y="60" width="12" height="12" fill="currentColor"/>
|
|
<rect x="144" y="60" width="12" height="12" fill="currentColor"/>
|
|
<rect x="24" y="72" width="12" height="12" fill="currentColor"/>
|
|
<rect x="108" y="72" width="12" height="12" fill="currentColor"/>
|
|
<rect x="144" y="72" width="12" height="12" fill="currentColor"/>
|
|
<rect x="24" y="84" width="12" height="12" fill="currentColor"/>
|
|
<rect x="108" y="84" width="12" height="12" fill="currentColor"/>
|
|
<rect x="144" y="84" width="12" height="12" fill="currentColor"/>
|
|
<rect x="24" y="96" width="12" height="12" fill="currentColor"/>
|
|
<rect x="108" y="96" width="12" height="12" fill="currentColor"/>
|
|
<rect x="144" y="96" width="12" height="12" fill="currentColor"/>
|
|
<rect x="24" y="108" width="12" height="12" fill="currentColor"/>
|
|
<rect x="108" y="108" width="12" height="12" fill="currentColor"/>
|
|
<rect x="144" y="108" width="12" height="12" fill="currentColor"/>
|
|
<rect x="24" y="120" width="12" height="12" fill="currentColor"/>
|
|
<rect x="108" y="120" width="12" height="12" fill="currentColor"/>
|
|
<rect x="144" y="120" width="12" height="12" fill="currentColor"/>
|
|
<rect x="24" y="132" width="12" height="12" fill="currentColor"/>
|
|
<rect x="108" y="132" width="12" height="12" fill="currentColor"/>
|
|
<rect x="132" y="132" width="12" height="12" fill="currentColor"/>
|
|
<rect x="144" y="132" width="12" height="12" fill="currentColor"/>
|
|
<rect x="24" y="144" width="12" height="12" fill="currentColor"/>
|
|
<rect x="108" y="144" width="12" height="12" fill="currentColor"/>
|
|
<rect x="24" y="156" width="12" height="12" fill="currentColor"/>
|
|
<rect x="108" y="156" width="12" height="12" fill="currentColor"/>
|
|
<rect x="24" y="168" width="12" height="12" fill="currentColor"/>
|
|
<rect x="36" y="168" width="12" height="12" fill="currentColor"/>
|
|
<rect x="48" y="168" width="12" height="12" fill="currentColor"/>
|
|
<rect x="60" y="168" width="12" height="12" fill="currentColor"/>
|
|
<rect x="72" y="168" width="12" height="12" fill="currentColor"/>
|
|
<rect x="84" y="168" width="12" height="12" fill="currentColor"/>
|
|
<rect x="96" y="168" width="12" height="12" fill="currentColor"/>
|
|
<rect x="108" y="168" width="12" height="12" fill="currentColor"/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
|