Script

<!
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Snippet Tape | Results</title>


<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.0/css/materialize.min
.css" media="screen,projection">


<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
</head>
<body>
<style type="text/css">
nav .nav-wrapper i{
vertical-align: middle !important;
display: inline-block !important;
}
input.redd:-moz-placeholder {
color: #FFC5C8;
}
input.redd::-moz-placeholder {
color: #FFC5C8;
}
input.redd::-webkit-input-placeholder {
color: #FFC5C8;
}
input.redd:-ms-input-placeholder {
color: #FFC5C8;
}
input.redd:focus::-webkit-input-placeholder {
color: #969696;
}
input.redd:-moz-placeholder:focus {
color: #969696;
}
input.redd::-moz-placeholder:focus {
color: #969696;
}
input.redd:-ms-input-placeholder:focus {
color: #969696;
}
*::selection {
background: #6b6b6b;
color: #ffffff;
}
*::-moz-selection {
color: #ffffff;
}
*::-webkit-selection {
color: #ffffff;
}
label.search{
left: 10px !important;
}
i.mag{
color: #6b6b6b;
}
nav .input-field label.active i{
color: #E0D6D6;
}
</style>
<style>
.label-img{
width:50px;
height:50px;
vertical-align: middle;
margin-left:0.4em;
}
input#id_q{
padding-left: 5rem;
}
.body, html{
background-color: #DEDEDE !important;
}
.paper{
background-color:#fff !important;
}
.jagged {
position: relative;
padding: 8px 8px 32px 8px;
background: #DEDEDE;
}
.jagged:after {
background: linear-gradient(-45deg, #ffffff 16px, transparent 0), linear-
gradient(45deg, #ffffff 16px, transparent 0);
background-position: left-bottom;
background-repeat: repeat-x;
background-size: 32px 32px;
content: " ";
display: block;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 32px;
}
</style>

<ul id="dropdown1" class="dropdown-content">
<li><a href="#API" class="modal-trigger">API key</a></li>
<li class="divider"></li>
<li><a href="#about" class="modal-trigger">About</a></li>
</ul>
<nav>
<div class="nav-wrapper">
<ul class="left" style="width: 60% !important; overflow: hidden !important">
<form action="" method="post">
<input type='hidden' name='csrfmiddlewaretoken'
value='iQNz3OQ5BQvvKL9fssBwNpzTFm1fEntD' />
<div class="input-field">
<label for="search"><img
src="https://books.google.com.au/books/content?
id=L_7UDgAAQBAJ&printsec=frontcover&img=1&zoom=1" class="label-img
circle img-responsive " data-position="bottom" data-delay="50" data-
tooltip=""></label>
<input autocomplete="false" class="redd" id="id_q" maxlength="400"

name="q" placeholder="Last few words before "missing" page" type="search"
value="Another thing you can do is" />
<input id="id_key" name="key" type="hidden" />
</div>
</form>
</ul>
<a href="#" data-activates="mobile-demo" class="right button-collapse"><i

class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">

<li><a class="dropdown-button" href="#!" data-activates="dropdown1">Hi Guest!
<i class="material-icons right">arrow_drop_down</i></a></li>
</ul>
<ul class="side-nav" id="mobile-demo">
<li><a href="#API" class="modal-trigger">Google API key</a></li>

</ul>
</div>
</nav>


<div id="API" class="modal">
<div class="modal-content">
<h5>Google Books API key</h5>
<p>You need an API key to call certain Google APIs. The API key identifies
your project. Enter your Google Books API key, or <a
href="https://developers.google.com/books/docs/v1/using">acquire one</a> via the <a
href="https://console.developers.google.com/">Google Developers console</a> to lift
restrictions on the Google Books API. Please create a new key Server API key.</p>
<input id="id_key_proxy" maxlength="5000" name="key" placeholder="Enter your
Google Books API Server key" type="text">
<h5>What is an API key?</h5>
<p>An API key (either a server key or a browser key) is a unique identifier
that you generate using the Google Developers Console. Using an API key does not
require user action or consent. API keys do not grant access to any account
information, and are not used for authorization. The new Google Books API v1 gives
you programmatic access to many of the operations available on Google Books
website.</p>
</div>
<div class="modal-footer">
<a href="#!" class=" modal-action modal-close waves-effect waves-green btn-
flat">save</a>
</div>
</div>
<div id="about" class="modal">
<div class="modal-content">
<h5>Performance</h5>
<p>This application is limited to a quota of 1,000 requests/day, at 1
request/second. Daily quota resets at midnight Pacific Time (PT). Your free API key
is bound by the same usage limits. You need to apply for a higher quota and enable
billing at the Google Developers Consolve, before you can increase usage
limits.</p>
<p>Google Books respects copyright, contract, and other legal restrictions
associated with the end user's location. As a result, some users might not be able
to access book content from certain countries. For example, certain books are
"previewable" only in the United States; we omit such preview links for users in
other countries. Therefore, the API results are restricted based on your server or
client application's IP address.</p>
<h5>Security</h5>
<p>This application follows Google's <a
href="https://developers.google.com/console/help/new/#apikeybestpractices">best
practices</a> for securely using API keys.</p>
<h5>Privacy</h5>
<p>Any content you submit through our application, including your name or
nicknames, may be made publicly available on Google services as described by the <a
href="https://books.google.com/googlebooks/privacy.html">Books Privacy Policy</a>
and <a href="https://support.google.com/books/bin/answer.py?
hl=en&answer=100088">Help Center Article</a></p>
<h5>Legal</h5>
<p>Snippet Tape is bound by the <a
href="https://developers.google.com/books/terms">Google Books APIs Terms of
Service</a>, in addition to the <a
href="https://developers.google.com/terms">Google APIs Terms of Service ("API
ToS")</a></p>
<p>We will remove any content provided through the Books API that is alleged
to infringe the rights of third parties to the extent required by applicable law or
upon request from Google. To contact the creators of Snippet Tape, and request
removals: <a href="mailto:">email us</a></p>
</div>
</div>


<div class="container">
<div class="row">
<p>Ran out of sticky tape.</p>

</div>
</div>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.0/js/materialize.min.j
s"></script>


<script>
$(document).ready(function(){
$('#id_key_proxy').val($('#id_key').val());
$('#id_key_proxy').change(function() {
$('#id_key').val($(this).val());
});
$(".dropdown-button").dropdown();
$(".button-collapse").sideNav({edge: 'right'});
$('.modal-trigger').leanModal({
dismissible: true, // Modal can be dismissed by clicking outside of the
modal
in_duration: 300, // Transition in duration
out_duration: 50, // Transition out duration
ready: function() { }, // Callback for Modal open
complete: function() {
if ($('#id_key').value){
var API_key = $('#id_key_proxy').val()
Materialize.toast('Now using API key: '+API_key, 4000) // 4000 is
the duration of the toast
}
} // Callback for Modal close
}
);
})
</script>
</body>
</html>

Script

Caricato da

Informazioni sul documento

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Script

Caricato da

Copyright:

Formati disponibili

<!

<title>Snippet Tape | Results</title>

<input autocomplete="false" class="redd" id="id_q" maxlength="400"

<a href="#" data-activates="mobile-demo" class="right button-collapse"><i

<p>Ran out of sticky tape.</p>

Potrebbero piacerti anche