-
Notifications
You must be signed in to change notification settings - Fork 327
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
3 changed files
with
134 additions
and
88 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,92 +1,137 @@ | ||
<!DOCTYPE html> | ||
<!doctype html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<meta http-equiv="x-ua-compatible" content="ie=edge"> | ||
<title>Get started with your Twilio Functions!</title> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
<meta http-equiv="x-ua-compatible" content="ie=edge" /> | ||
<title>Get started with your Twilio Functions!</title> | ||
|
||
<link rel="icon" href="https://twilio-labs.github.io/function-templates/static/v1/favicon.ico"> | ||
<link rel="stylesheet" href="https://twilio-labs.github.io/function-templates/static/v1/ce-paste-theme.css"> | ||
<link | ||
rel="icon" | ||
href="https://twilio-labs.github.io/function-templates/static/v1/favicon.ico" | ||
/> | ||
<link | ||
rel="stylesheet" | ||
href="https://twilio-labs.github.io/function-templates/static/v1/ce-paste-theme.css" | ||
/> | ||
|
||
<script src="https://twilio-labs.github.io/function-templates/static/v1/ce-helpers.js" defer></script> | ||
<script> | ||
window.addEventListener('DOMContentLoaded', (_event) => { | ||
inputPrependBaseURL(); | ||
}); | ||
</script> | ||
</head> | ||
<body> | ||
<div class="page-top"> | ||
<header> | ||
<div id="twilio-logo"> | ||
<a href="https://www.twilio.com/" target="_blank" rel="noopener"> | ||
<svg class="logo" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 60 60"> | ||
<title>Twilio Logo</title><path class="cls-1" d="M30,15A15,15,0,1,0,45,30,15,15,0,0,0,30,15Zm0,26A11,11,0,1,1,41,30,11,11,0,0,1,30,41Zm6.8-14.7a3.1,3.1,0,1,1-3.1-3.1A3.12,3.12,0,0,1,36.8,26.3Zm0,7.4a3.1,3.1,0,1,1-3.1-3.1A3.12,3.12,0,0,1,36.8,33.7Zm-7.4,0a3.1,3.1,0,1,1-3.1-3.1A3.12,3.12,0,0,1,29.4,33.7Zm0-7.4a3.1,3.1,0,1,1-3.1-3.1A3.12,3.12,0,0,1,29.4,26.3Z"/></svg> | ||
</a> | ||
</div> | ||
<nav> | ||
<span>Your Twilio application</span> | ||
<aside> | ||
<svg class="icon" role="img" aria-hidden="true" width="100%" height="100%" viewBox="0 0 20 20" aria-labelledby="NewIcon-1577"><path fill="currentColor" fill-rule="evenodd" d="M6.991 7.507c.003-.679 1.021-.675 1.019.004-.012 2.956 1.388 4.41 4.492 4.48.673.016.66 1.021-.013 1.019-2.898-.011-4.327 1.446-4.48 4.506-.033.658-1.01.639-1.018-.02-.03-3.027-1.382-4.49-4.481-4.486-.675 0-.682-1.009-.008-1.019 3.02-.042 4.478-1.452 4.49-4.484zm.505 2.757l-.115.242c-.459.9-1.166 1.558-2.115 1.976l.176.08c.973.465 1.664 1.211 2.083 2.22l.02.05.088-.192c.464-.973 1.173-1.685 2.123-2.124l.039-.018-.118-.05c-.963-.435-1.667-1.117-2.113-2.034l-.068-.15zm10.357-8.12c.174.17.194.434.058.625l-.058.068-1.954 1.905 1.954 1.908a.482.482 0 010 .694.512.512 0 01-.641.056l-.07-.056-1.954-1.908-1.954 1.908a.511.511 0 01-.71 0 .482.482 0 01-.058-.626l.058-.068 1.954-1.908-1.954-1.905a.482.482 0 010-.693.512.512 0 01.64-.057l.07.057 1.954 1.905 1.954-1.905a.511.511 0 01.71 0z"></path></svg> | ||
Live | ||
</aside> | ||
</nav> | ||
</header> | ||
<script | ||
src="https://twilio-labs.github.io/function-templates/static/v1/ce-helpers.js" | ||
defer | ||
></script> | ||
<script> | ||
window.addEventListener('DOMContentLoaded', (_event) => { | ||
inputPrependBaseURL(); | ||
}); | ||
</script> | ||
</head> | ||
<body> | ||
<div class="page-top"> | ||
<header> | ||
<div id="twilio-logo"> | ||
<a href="https://www.twilio.com/" target="_blank" rel="noopener"> | ||
<svg | ||
class="logo" | ||
data-name="Layer 1" | ||
xmlns="http://www.w3.org/2000/svg" | ||
viewbox="0 0 60 60" | ||
> | ||
<title>Twilio Logo</title> | ||
<path | ||
class="cls-1" | ||
d="M30,15A15,15,0,1,0,45,30,15,15,0,0,0,30,15Zm0,26A11,11,0,1,1,41,30,11,11,0,0,1,30,41Zm6.8-14.7a3.1,3.1,0,1,1-3.1-3.1A3.12,3.12,0,0,1,36.8,26.3Zm0,7.4a3.1,3.1,0,1,1-3.1-3.1A3.12,3.12,0,0,1,36.8,33.7Zm-7.4,0a3.1,3.1,0,1,1-3.1-3.1A3.12,3.12,0,0,1,29.4,33.7Zm0-7.4a3.1,3.1,0,1,1-3.1-3.1A3.12,3.12,0,0,1,29.4,26.3Z" | ||
/> | ||
</svg> | ||
</a> | ||
</div> | ||
<main> | ||
<div class="content"> | ||
<h1> | ||
<img src="https://twilio-labs.github.io/function-templates/static/v1/success.svg" /> | ||
<div> | ||
<p>Welcome!</p> | ||
<p>Your live application with Twilio is ready to use!</p> | ||
</div> | ||
</h1> | ||
<section> | ||
<h2>Get started with your application</h2> | ||
<p> | ||
Follow these steps to try out your new app: | ||
</p> | ||
<p> | ||
This app is a basic Twilio Voice TwiML template Function that will return the | ||
<a href="https://www.twilio.com/docs/voice/twiml" | ||
target="_blank" | ||
rel="noopener">TwiML</a> | ||
to say "Hello World" | ||
</p> | ||
<ol class="steps"> | ||
<li>Call your Twilio phone number</li> | ||
<li>Be greeted by a robot voice saying "Hello World"</li> | ||
</ol> | ||
</section> | ||
<nav> | ||
<span>Your Twilio application</span> | ||
<aside> | ||
<svg | ||
class="icon" | ||
role="img" | ||
aria-hidden="true" | ||
width="100%" | ||
height="100%" | ||
viewBox="0 0 20 20" | ||
aria-labelledby="NewIcon-1577" | ||
> | ||
<path | ||
fill="currentColor" | ||
fill-rule="evenodd" | ||
d="M6.991 7.507c.003-.679 1.021-.675 1.019.004-.012 2.956 1.388 4.41 4.492 4.48.673.016.66 1.021-.013 1.019-2.898-.011-4.327 1.446-4.48 4.506-.033.658-1.01.639-1.018-.02-.03-3.027-1.382-4.49-4.481-4.486-.675 0-.682-1.009-.008-1.019 3.02-.042 4.478-1.452 4.49-4.484zm.505 2.757l-.115.242c-.459.9-1.166 1.558-2.115 1.976l.176.08c.973.465 1.664 1.211 2.083 2.22l.02.05.088-.192c.464-.973 1.173-1.685 2.123-2.124l.039-.018-.118-.05c-.963-.435-1.667-1.117-2.113-2.034l-.068-.15zm10.357-8.12c.174.17.194.434.058.625l-.058.068-1.954 1.905 1.954 1.908a.482.482 0 010 .694.512.512 0 01-.641.056l-.07-.056-1.954-1.908-1.954 1.908a.511.511 0 01-.71 0 .482.482 0 01-.058-.626l.058-.068 1.954-1.908-1.954-1.905a.482.482 0 010-.693.512.512 0 01.64-.057l.07.057 1.954 1.905 1.954-1.905a.511.511 0 01.71 0z" | ||
></path> | ||
</svg> | ||
Live | ||
</aside> | ||
</nav> | ||
</header> | ||
</div> | ||
<main> | ||
<div class="content"> | ||
<h1> | ||
<img | ||
src="https://twilio-labs.github.io/function-templates/static/v1/success.svg" | ||
/> | ||
<div> | ||
<p>Welcome!</p> | ||
<p>Your live application with Twilio is ready to use!</p> | ||
</div> | ||
</h1> | ||
<section> | ||
<h2>Get started with your application</h2> | ||
<p>Follow these steps to try out your new app:</p> | ||
<p> | ||
This app is a basic Twilio Voice TwiML template Function that will | ||
return the | ||
<a | ||
href="https://www.twilio.com/docs/voice/twiml" | ||
target="_blank" | ||
rel="noopener" | ||
>TwiML</a | ||
> | ||
to say "Hello World" | ||
</p> | ||
<ol class="steps"> | ||
<li>Call your Twilio phone number</li> | ||
<li>Be greeted by a robot voice saying "Hello World"</li> | ||
</ol> | ||
</section> | ||
|
||
<section> | ||
<!-- APP_INFO_V2 --> | ||
</section> | ||
<section> | ||
<h2>Troubleshooting</h2> | ||
<ul> | ||
<li> | ||
Check the | ||
<a href="https://www.twilio.com/console/phone-numbers/incoming" | ||
target="_blank" | ||
rel="noopener"> | ||
phone number configuration | ||
</a> | ||
and make sure the Twilio phone number you want for your app has a voice webhook | ||
configured to point at the following URL | ||
<form> | ||
<label for="twilio-webhook">Webhook URL</label> | ||
<input type="text" id="twilio-webhook" class="function-root" readonly=true value="/hello-voice"> | ||
</form> | ||
</li> | ||
</ul> | ||
</section> | ||
</div> | ||
</main> | ||
<footer> | ||
<span class="statement">We can't wait to see what you build.</span> | ||
</footer> | ||
</body> | ||
<section> | ||
<!-- APP_INFO_V2 --> | ||
</section> | ||
<section> | ||
<h2>Troubleshooting</h2> | ||
<ul> | ||
<li> | ||
Check the | ||
<a | ||
href="https://www.twilio.com/console/phone-numbers/incoming" | ||
target="_blank" | ||
rel="noopener" | ||
> | ||
phone number configuration | ||
</a> | ||
and make sure the Twilio phone number you want for your app has a | ||
voice webhook configured to point at the following URL | ||
<form> | ||
<label for="twilio-webhook">Webhook URL</label> | ||
<input | ||
type="text" | ||
id="twilio-webhook" | ||
class="function-root" | ||
readonly="true" | ||
value="/hello-voice" | ||
/> | ||
</form> | ||
</li> | ||
</ul> | ||
</section> | ||
</div> | ||
</main> | ||
<footer> | ||
<span class="statement">We can't wait to see what you build.</span> | ||
</footer> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -3,6 +3,7 @@ | |
## [Unreleased] | ||
|
||
## [1.0.0] | ||
|
||
### Added | ||
- Initial release. | ||
|
||
- Initial release. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters