NERDDISCO commited on
Commit
11e58ff
•
1 Parent(s): 684a661

refactor: moved text around

Browse files
Files changed (1) hide show
  1. src/components/Introduction.tsx +60 -52
src/components/Introduction.tsx CHANGED
@@ -23,20 +23,15 @@ export default function Introduction() {
23
  <Grid item md={4}>
24
  <Stack spacing={2}>
25
  <Typography>
26
- You provide a prompt that describes the game you want, so that your
27
- skilled 2D Game Developer can built it for you. The game runs directly
28
- in your browser (thanks to JavaScript on Canvas2D).
29
  </Typography>
30
 
31
  <Typography>
32
- You are stuck?{" "}
33
- <Link
34
- href="https://huggingface.co/spaces/failfast/2D-GameCreator/discussions"
35
- target="_blank"
36
- rel="noopener"
37
- >
38
- We are here to help!
39
- </Link>
40
  </Typography>
41
 
42
  <Typography>
@@ -53,47 +48,60 @@ export default function Introduction() {
53
  </Stack>
54
  </Grid>
55
  <Grid item md={4}>
56
- <Paper>
57
- <List disablePadding>
58
- <ListSubheader>Quickstart</ListSubheader>
59
- <ListItem>
60
- <ListItemIcon>
61
- <KeyIcon />
62
- </ListItemIcon>
63
- <ListItemText>
64
- {" "}
65
- Add your&nbsp;
66
- <Link
67
- href="https://platform.openai.com/account/api-keys"
68
- target="_blank"
69
- rel="noopener"
70
- >
71
- OpenAI API key
72
- </Link>
73
- </ListItemText>
74
- </ListItem>
75
- <ListItem>
76
- <ListItemIcon>
77
- <SmartButtonIcon />
78
- </ListItemIcon>
79
- <ListItemText>
80
- Select one of the <b>Examples</b>
81
- </ListItemText>
82
- </ListItem>
83
- <ListItem>
84
- <ListItemIcon>
85
- <PlayArrowIcon />
86
- </ListItemIcon>
87
- <ListItemText>
88
- Click on &nbsp;
89
- <Button variant="contained" startIcon={<PlayArrow />}>
90
- <Typography sx={{ fontWeight: "500" }}>Run</Typography>
91
- </Button>
92
- &nbsp;
93
- </ListItemText>
94
- </ListItem>
95
- </List>
96
- </Paper>
 
 
 
 
 
 
 
 
 
 
 
 
 
97
  </Grid>
98
  </Grid>
99
  </Stack>
 
23
  <Grid item md={4}>
24
  <Stack spacing={2}>
25
  <Typography>
26
+ Provide a prompt detailing your desired game, and our 2D Game Developer
27
+ will build it. The game operates directly in your browser via JavaScript
28
+ on Canvas2D.
29
  </Typography>
30
 
31
  <Typography>
32
+ This demo is ideal for crafting simple games and rapid prototyping.
33
+ However, due to the limited context size and single-request design,
34
+ there are constraints on the code volume.
 
 
 
 
 
35
  </Typography>
36
 
37
  <Typography>
 
48
  </Stack>
49
  </Grid>
50
  <Grid item md={4}>
51
+ <Stack spacing={2}>
52
+ <Paper>
53
+ <List disablePadding>
54
+ <ListSubheader>Quickstart</ListSubheader>
55
+ <ListItem>
56
+ <ListItemIcon>
57
+ <KeyIcon />
58
+ </ListItemIcon>
59
+ <ListItemText>
60
+ {" "}
61
+ Add your&nbsp;
62
+ <Link
63
+ href="https://platform.openai.com/account/api-keys"
64
+ target="_blank"
65
+ rel="noopener"
66
+ >
67
+ OpenAI API key
68
+ </Link>
69
+ </ListItemText>
70
+ </ListItem>
71
+ <ListItem>
72
+ <ListItemIcon>
73
+ <SmartButtonIcon />
74
+ </ListItemIcon>
75
+ <ListItemText>
76
+ Select one of the <b>Examples</b>
77
+ </ListItemText>
78
+ </ListItem>
79
+ <ListItem>
80
+ <ListItemIcon>
81
+ <PlayArrowIcon />
82
+ </ListItemIcon>
83
+ <ListItemText>
84
+ Click on &nbsp;
85
+ <Button variant="contained" startIcon={<PlayArrow />}>
86
+ <Typography sx={{ fontWeight: "500" }}>Run</Typography>
87
+ </Button>
88
+ &nbsp;
89
+ </ListItemText>
90
+ </ListItem>
91
+ </List>
92
+ </Paper>
93
+
94
+ <Typography>
95
+ You are stuck?{" "}
96
+ <Link
97
+ href="https://huggingface.co/spaces/failfast/2D-GameCreator/discussions"
98
+ target="_blank"
99
+ rel="noopener"
100
+ >
101
+ We are here to help!
102
+ </Link>
103
+ </Typography>
104
+ </Stack>
105
  </Grid>
106
  </Grid>
107
  </Stack>