431 lines
8.5 KiB
Plaintext
431 lines
8.5 KiB
Plaintext
{
|
|
"type": "excalidraw",
|
|
"version": 2,
|
|
"source": "turbostarter-wireframes",
|
|
"elements": [
|
|
{
|
|
"id": "backdrop",
|
|
"type": "rectangle",
|
|
"x": 0,
|
|
"y": 0,
|
|
"width": 800,
|
|
"height": 600,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "#1a1a1a",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 30,
|
|
"groupIds": [],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "modal-container",
|
|
"type": "rectangle",
|
|
"x": 160,
|
|
"y": 140,
|
|
"width": 480,
|
|
"height": 320,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "#ffffff",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"modal-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 12
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "header-border",
|
|
"type": "line",
|
|
"x": 160,
|
|
"y": 196,
|
|
"width": 480,
|
|
"height": 0,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"modal-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
480,
|
|
0
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"id": "modal-title",
|
|
"type": "rectangle",
|
|
"x": 184,
|
|
"y": 160,
|
|
"width": 200,
|
|
"height": 24,
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "#1a1a1a",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"modal-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 4
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "close-button",
|
|
"type": "rectangle",
|
|
"x": 592,
|
|
"y": 156,
|
|
"width": 32,
|
|
"height": 32,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"modal-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 4
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "close-x-h",
|
|
"type": "line",
|
|
"x": 600,
|
|
"y": 164,
|
|
"width": 16,
|
|
"height": 16,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"modal-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
16,
|
|
16
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"id": "close-x-v",
|
|
"type": "line",
|
|
"x": 616,
|
|
"y": 164,
|
|
"width": -16,
|
|
"height": 16,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"modal-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
-16,
|
|
16
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"id": "content-desc-1",
|
|
"type": "rectangle",
|
|
"x": 184,
|
|
"y": 220,
|
|
"width": 432,
|
|
"height": 16,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "#e5e5e5",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 60,
|
|
"groupIds": [
|
|
"modal-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 2
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "content-desc-2",
|
|
"type": "rectangle",
|
|
"x": 184,
|
|
"y": 244,
|
|
"width": 380,
|
|
"height": 16,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "#e5e5e5",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 60,
|
|
"groupIds": [
|
|
"modal-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 2
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "content-desc-3",
|
|
"type": "rectangle",
|
|
"x": 184,
|
|
"y": 268,
|
|
"width": 300,
|
|
"height": 16,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "#e5e5e5",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 60,
|
|
"groupIds": [
|
|
"modal-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 2
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "optional-input",
|
|
"type": "rectangle",
|
|
"x": 184,
|
|
"y": 304,
|
|
"width": 432,
|
|
"height": 40,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "#ffffff",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"modal-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 6
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "footer-bg",
|
|
"type": "rectangle",
|
|
"x": 160,
|
|
"y": 396,
|
|
"width": 480,
|
|
"height": 64,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "#f5f5f5",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"modal-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 12
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "footer-bg-top-mask",
|
|
"type": "rectangle",
|
|
"x": 160,
|
|
"y": 396,
|
|
"width": 480,
|
|
"height": 20,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "#f5f5f5",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"modal-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "footer-border",
|
|
"type": "line",
|
|
"x": 160,
|
|
"y": 396,
|
|
"width": 480,
|
|
"height": 0,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"modal-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
480,
|
|
0
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"id": "cancel-button",
|
|
"type": "rectangle",
|
|
"x": 408,
|
|
"y": 408,
|
|
"width": 100,
|
|
"height": 40,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"modal-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 6
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "confirm-button",
|
|
"type": "rectangle",
|
|
"x": 516,
|
|
"y": 408,
|
|
"width": 100,
|
|
"height": 40,
|
|
"strokeColor": "#f97316",
|
|
"backgroundColor": "#f97316",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"modal-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 6
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
}
|
|
],
|
|
"appState": {
|
|
"gridSize": 20,
|
|
"viewBackgroundColor": "$background"
|
|
}
|
|
} |