29 lines
2 KiB
XML
29 lines
2 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 400" width="1000" height="400" role="img" aria-label="Terminal: npm create waybetter app kickapp creates a wayBetter app in kickapp (32 files) and prints the next steps">
|
|
<defs>
|
|
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#0d1222"/>
|
|
<stop offset="1" stop-color="#080a12"/>
|
|
</linearGradient>
|
|
<style>
|
|
.m{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:15px;fill:#cbd5e1}
|
|
.p{fill:#22c55e}.d{fill:#7c8aa5}.o{fill:#e6e9f2;font-weight:600}.a{fill:#7dd3fc}
|
|
</style>
|
|
</defs>
|
|
<rect width="1000" height="400" rx="14" fill="url(#bg)" stroke="#24304a"/>
|
|
<rect width="1000" height="36" rx="14" fill="#121a2e"/>
|
|
<rect y="22" width="1000" height="14" fill="#121a2e"/>
|
|
<circle cx="22" cy="18" r="6" fill="#ef4444" opacity=".8"/><circle cx="42" cy="18" r="6" fill="#f59e0b" opacity=".8"/><circle cx="62" cy="18" r="6" fill="#22c55e" opacity=".8"/>
|
|
<text class="m d" x="500" y="23" text-anchor="middle" font-size="13">npm create waybetter</text>
|
|
<g class="m">
|
|
<text x="28" y="76"><tspan class="p">$</tspan> npm create waybetter app kickapp -- --site kick.com --name "wayBetter for Kick" --yes</text>
|
|
<text x="28" y="120" class="o">Created a wayBetter app in kickapp (32 files).</text>
|
|
<text x="28" y="160">Next:</text>
|
|
<text x="52" y="186"><tspan class="a">cd kickapp</tspan></text>
|
|
<text x="52" y="210"><tspan class="a">git init && git submodule add https://git.crt.fyi/CRT/waybetter.git waybetter</tspan></text>
|
|
<text x="52" y="234"><tspan class="a">npm install</tspan></text>
|
|
<text x="52" y="258"><tspan class="a">npm run build</tspan></text>
|
|
<text x="52" y="282"><tspan class="a">npm run tauri dev</tspan></text>
|
|
<text x="52" y="306" class="d">then replace the PLACEHOLDER selectors in src/site.ts and src-tauri/src/site.rs</text>
|
|
<text x="28" y="356"><tspan class="p">$</tspan> <tspan class="d">▍</tspan></text>
|
|
</g>
|
|
</svg>
|