Skip to content

Commit 91530b2

Browse files
kmelvekmelve
committed
fix spelling error
1 parent 0a1e63c commit 91530b2

File tree

3 files changed

+42
-36
lines changed

3 files changed

+42
-36
lines changed

‎README.md

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
1-
# How to use Netlify Form and Functions to submist data to Sanity.io
1+
# How to use Netlify Form and Functions to submit data to Sanity.io
22

33
This is a simple example of how you can use Forms and Functions in [Netlify](https://netlify.com) to submit data to your Sanity.io project.
44

5+
![Demonstration of Netlify form via Functions to Sanity Studio](https://cdn.sanity.io/images/3do82whm/production/374483baddffd6a3e96f4ab232dc985f99ab5bac-1642x1056.gif)
6+
57
## How to use
68

79
1. Fork or clone this repo

‎build/index.html

+37-33
Original file line numberDiff line numberDiff line change
@@ -8,42 +8,46 @@
88
<title>How to use Netlify Form and Functions to submist data to Sanity.io</title>
99
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css">
1010
</head>
11+
1112
<body>
12-
<div class="container">
13-
<div class="columns is-vcentered">
14-
<div class="column is-half is-offset-one-quarter">
15-
<h1 class="is-size-2">How to use Netlify Form and Functions to submist data to <a href="https://www.sanity.io">Sanity.io</a></h1>
16-
<form class="container" name="contact" method="POST" data-netlify="true">
17-
<div class="field">
18-
<label class="label">Your Name:
19-
<input class="input" type="text" name="name" />
20-
</label>
21-
</div>
22-
<div class="field">
23-
<label class="label">Your Email:
24-
<input class="input" type="email" name="email" />
25-
</label>
26-
</div>
27-
<div class="field">
28-
<label for="role[]" class="label">Your Role:</label>
29-
<div class="select is-multiple">
30-
<select name="role[]" multiple size="2">
31-
<option value="leader">Leader</option>
32-
<option value="follower">Follower</option>
33-
</select>
13+
<section class="section level">
14+
<div class="container">
15+
<div class="columns is-vcentered is-centered">
16+
<div class="column is-half">
17+
<h1 class="is-size-2">How to use Netlify Form and Functions to submist data to <a href="https://www.sanity.io">Sanity.io</a></h1>
18+
<form name="contact" method="POST" data-netlify="true">
19+
<div class="field">
20+
<label class="label">Your Name:
21+
<input class="input" type="text" name="name" />
22+
</label>
23+
</div>
24+
<div class="field">
25+
<label class="label">Your Email:
26+
<input class="input" type="email" name="email" />
27+
</label>
28+
</div>
29+
<div class="field">
30+
<label for="role[]" class="label">Your Role:</label>
31+
<div class="select is-multiple">
32+
<select name="role[]" multiple size="2">
33+
<option value="leader">Leader</option>
34+
<option value="follower">Follower</option>
35+
</select>
36+
</div>
3437
</div>
35-
</div>
36-
<div class="field">
37-
<label class="label">Message:
38-
<textarea class="textarea" name="message"></textarea>
39-
</label>
40-
</div>
41-
<div class="field">
42-
<button class="button" type="submit">Send</button>
43-
</div>
44-
</form>
38+
<div class="field">
39+
<label class="label">Message:
40+
<textarea class="textarea" name="message"></textarea>
41+
</label>
42+
</div>
43+
<div class="field">
44+
<button class="button is-primary is-medium" type="submit">Send</button>
45+
</div>
46+
</form>
47+
</div>
4548
</div>
4649
</div>
47-
</div>
50+
</section>
4851
</body>
52+
4953
</html>

‎src/index.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1">
77
<meta http-equiv="X-UA-Compatible" content="ie=edge">
8-
<title>How to use Netlify Form and Functions to submist data to Sanity.io</title>
8+
<title>How to use Netlify Form and Functions to submit data to Sanity.io</title>
99
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css">
1010
</head>
1111

@@ -14,7 +14,7 @@
1414
<div class="container">
1515
<div class="columns is-vcentered is-centered">
1616
<div class="column is-half">
17-
<h1 class="is-size-2">How to use Netlify Form and Functions to submist data to <a href="https://www.sanity.io">Sanity.io</a></h1>
17+
<h1 class="is-size-2">How to use Netlify Form and Functions to submit data to <a href="https://www.sanity.io">Sanity.io</a></h1>
1818
<form name="contact" method="POST" data-netlify="true">
1919
<div class="field">
2020
<label class="label">Your Name:

0 commit comments

Comments
 (0)