Scratchpad
How do I make an scratchpad?
Just a place to paste code and tidy it up. What is a scratchpad? How do you make a scratchpad? This script and codes were developed by Martin Boyce on 18 August 2022, Thursday.
Scratchpad Previews
Scratchpad - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>scratchpad</title> <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
</head>
<body> <div class="container-fluid"> <h2><a href="/$1dcdb6f6-1c5c-4d1f-95cc-8526ead6372d$/Community/Library/Digital-Collections/Family-History/Find-My-Past" target="_self">Find My Past</a></h2> <div class="row"> <div class="col-sm-3 col-sm-push-9"> <p style="max-width:250px;"><img class="img-thumbnail" alt="Find My Past" src="/files/assets/website/images/subsites/library/product-logos/find-my-past-logo.jpg" /></p> </div> <div class="col-sm-9 col-sm-pull-3"> <p>Find My Past has a great range of material covering most countries of the world, with a particular focus on the records of the United Kingdom, Ireland, Australia and New Zealand. Records of women can be found among any of the resources indexed. Women can be particularly hard to trace so resources which point directly to women can be a boon. Calais Laceworker Immigrants to South Australia and South Australian Destitute Women are a couple of the indexes available via FindMyPast.</p> </div> </div> <div class="panel-group" role="tablist" aria-multiselectable="true"> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="suthLibrary"> <h3 class="panel-title"> <a role="button" data-toggle="collapse" href="#suthHours" aria-expanded="true" aria-controls="suthHours"> Sutherland Library Hours - 23 December to 3 January </a> </h3> </div> <div id="suthHours" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="suthLibrary"> <div class="panel-body"> <dl class="dl-horizontal"> <dt>Friday, 23 Dec 2016</dt> <dd>9:00am - 5:00pm</dd> <dt>Saturday, 24 Dec 2016</dt> <dd>9:00am - 12:00noon</dd> <dt>Sunday, 25 Dec 2016</dt> <dd>Closed</dd> <dt>Monday, 26 Dec 2016</dt> <dd>Closed</dd> <dt>Tuesday, 27 Dec 2016</dt> <dd>closed</dd> <dt>Wednesday, 28 Dec 2016</dt> <dd>9:00am - 5:00pm</dd> <dt>Thursday, 29 Dec 2016</dt> <dd>9:00am - 5:00pm</dd> <dt>Friday, 30 Dec 2016</dt> <dd>9:00am - 5:00pm</dd> <dt>Saturday, 31 Dec 2016</dt> <dd>9:00am - 12:00noon</dd> <dt>Sunday, 1 Jan 2017</dt> <dd>Closed</dd> <dt>Monday, 2 Jan 2017</dt> <dd>Closed</dd> </dl> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="carLibrary"> <h3 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" href="#carHours" aria-expanded="false" aria-controls="carHours"> Caringbah Library - Closing at 5pm, 29-31 December </a> </h3> </div> <div id="carHours" class="panel-collapse collapse" role="tabpanel" aria-labelledby="carLibrary"> <div class="panel-body"> <dl class="dl-horizontal"> <dt>Thursday, 24 Dec 2015</dt> <dd>9:30am - 2:30pm</dd> <dt>Friday, 25 Dec 2015</dt> <dd>Closed</dd> <dt>Saturday, 26 Dec 2015</dt> <dd>Closed</dd> <dt>Sunday, 27 Dec 2015</dt> <dd>Closed</dd> <dt>Monday, 28 Dec 2015</dt> <dd>Closed</dd> <dt>Tuesday, 29 Dec 2015</dt> <dd>9:30am - 5:00pm</dd> <dt>Wednesday, 30 Dec 2015</dt> <dd>9:30am - 5:00pm</dd> <dt>Thursday, 31 Dec 2015</dt> <dd>9:30am - 5:00pm</dd> <dt>Friday, 1 Jan 2016</dt> <dd>Closed</dd> </dl> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="croLibrary"> <h3 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" href="#croHours" aria-expanded="false" aria-controls="croHours"> Cronulla Library - Closing at 5pm, 29-31 December </a> </h3> </div> <div id="croHours" class="panel-collapse collapse" role="tabpanel" aria-labelledby="croLibrary"> <div class="panel-body"> <dl class="dl-horizontal"> <dt>Thursday, 24 Dec 2015</dt> <dd>9:30am - 2:30pm</dd> <dt>Friday, 25 Dec 2015</dt> <dd>Closed</dd> <dt>Saturday, 26 Dec 2015</dt> <dd>Closed</dd> <dt>Sunday, 27 Dec 2015</dt> <dd>Closed</dd> <dt>Monday, 28 Dec 2015</dt> <dd>Closed</dd> <dt>Tuesday, 29 Dec 2015</dt> <dd>9:30am - 5:00pm</dd> <dt>Wednesday, 30 Dec 2015</dt> <dd>9:30am - 5:00pm</dd> <dt>Thursday, 31 Dec 2015</dt> <dd>9:30am - 5:00pm</dd> <dt>Friday, 1 Jan 2016</dt> <dd>Closed</dd> </dl> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="engLibrary"> <h3 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" href="#engHours" aria-expanded="false" aria-controls="engHours"> Engadine Library - Closing at 5pm, 29-31 December </a> </h3> </div> <div id="engHours" class="panel-collapse collapse" role="tabpanel" aria-labelledby="engLibrary"> <div class="panel-body"> <dl class="dl-horizontal"> <dt>Thursday, 24 Dec 2015</dt> <dd>9:30am - 2:30pm</dd> <dt>Friday, 25 Dec 2015</dt> <dd>Closed</dd> <dt>Saturday, 26 Dec 2015</dt> <dd>Closed</dd> <dt>Sunday, 27 Dec 2015</dt> <dd>Closed</dd> <dt>Monday, 28 Dec 2015</dt> <dd>Closed</dd> <dt>Tuesday, 29 Dec 2015</dt> <dd>9:30am - 5:00pm</dd> <dt>Wednesday, 30 Dec 2015</dt> <dd>9:30am - 5:00pm</dd> <dt>Thursday, 31 Dec 2015</dt> <dd>9:30am - 5:00pm</dd> <dt>Friday, 1 Jan 2016</dt> <dd>Closed</dd> </dl> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="menLibrary"> <h3 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" href="#menHours" aria-expanded="false" aria-controls="menHours"> Menai Library - Closing at 5pm, 29-31 December </a> </h3> </div> <div id="menHours" class="panel-collapse collapse" role="tabpanel" aria-labelledby="menLibrary"> <div class="panel-body"> <dl class="dl-horizontal"> <dt>Thursday, 24 Dec 2015</dt> <dd>9:30am - 2:30pm</dd> <dt>Friday, 25 Dec 2015</dt> <dd>Closed</dd> <dt>Saturday, 26 Dec 2015</dt> <dd>Closed</dd> <dt>Sunday, 27 Dec 2015</dt> <dd>Closed</dd> <dt>Monday, 28 Dec 2015</dt> <dd>Closed</dd> <dt>Tuesday, 29 Dec 2015</dt> <dd>9:30am - 5:00pm</dd> <dt>Wednesday, 30 Dec 2015</dt> <dd>9:30am - 5:00pm</dd> <dt>Thursday, 31 Dec 2015</dt> <dd>9:30am - 5:00pm</dd> <dt>Friday, 1 Jan 2016</dt> <dd>Closed</dd> </dl> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="mirLibrary"> <h3 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" href="#mirHours" aria-expanded="false" aria-controls="mirHours"> Miranda Library - Closed 25 December to 1 January </a> </h3> </div> <div id="mirHours" class="panel-collapse collapse" role="tabpanel" aria-labelledby="mirLibrary"> <div class="panel-body"> <dl class="dl-horizontal"> <dt>Thursday, 24 Dec 2015</dt> <dd>9:30am - 2:30pm</dd> <dt>Friday, 25 Dec 2015</dt> <dd>Closed</dd> <dt>Saturday, 26 Dec 2015</dt> <dd>Closed</dd> <dt>Sunday, 27 Dec 2015</dt> <dd>Closed</dd> <dt>Monday, 28 Dec 2015</dt> <dd>Closed</dd> <dt>Tuesday, 29 Dec 2015</dt> <dd>Closed</dd> <dt>Wednesday, 30 Dec 2015</dt> <dd>Closed</dd> <dt>Thursday, 31 Dec 2015</dt> <dd>Closed</dd> <dt>Friday, 1 Jan 2016</dt> <dd>Closed</dd> </dl> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="sylLibrary"> <h3 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" href="#sylHours" aria-expanded="false" aria-controls="sylHours"> Sylvania Library - Closed 25 December to 1 January </a> </h3> </div> <div id="sylHours" class="panel-collapse collapse" role="tabpanel" aria-labelledby="sylLibrary"> <div class="panel-body"> <dl class="dl-horizontal"> <dt>Thursday, 24 Dec 2015</dt> <dd>9:30am - 2:30pm</dd> <dt>Friday, 25 Dec 2015</dt> <dd>Closed</dd> <dt>Saturday, 26 Dec 2015</dt> <dd>Closed</dd> <dt>Sunday, 27 Dec 2015</dt> <dd>Closed</dd> <dt>Monday, 28 Dec 2015</dt> <dd>Closed</dd> <dt>Tuesday, 29 Dec 2015</dt> <dd>Closed</dd> <dt>Wednesday, 30 Dec 2015</dt> <dd>Closed</dd> <dt>Thursday, 31 Dec 2015</dt> <dd>Closed</dd> <dt>Friday, 1 Jan 2016</dt> <dd>Closed</dd> </dl> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="bunLibrary"> <h3 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" href="#bunHours" aria-expanded="false" aria-controls="bunHours"> Bundeena Library - Closed 25 December to 1 January </a> </h3> </div> <div id="bunHours" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bunLibrary"> <div class="panel-body"> <dl class="dl-horizontal"> <dt>Thursday, 24 Dec 2015</dt> <dd>9:30am - 2:30pm</dd> <dt>Friday, 25 Dec 2015</dt> <dd>Closed</dd> <dt>Saturday, 26 Dec 2015</dt> <dd>Closed</dd> <dt>Sunday, 27 Dec 2015</dt> <dd>Closed</dd> <dt>Monday, 28 Dec 2015</dt> <dd>Closed</dd> <dt>Tuesday, 29 Dec 2015</dt> <dd>Closed</dd> <dt>Wednesday, 30 Dec 2015</dt> <dd>Closed</dd> <dt>Thursday, 31 Dec 2015</dt> <dd>Closed</dd> <dt>Friday, 1 Jan 2016</dt> <dd>Closed</dd> </dl> </div> </div> </div> </div> <div id="kids-src" class="panel panel-default"> <div class="panel-heading"> <h2 class="panel-title">For Kids Aged 0-11 (year 6 in 2016)</h2> </div> <div class="panel-body"> <p>Whether you live in the Shire or are just visiting, join the Summer Reading Club. Simply borrow and read books from the Sutherland Shire Libraries collection before 29 January for your chance to win. For every 5 books you read you get a reward and a ticket in the lucky prize draw.</p> <h3>How it Works</h3> <ol> <li>Visit any Sutherland Shire Library to register and collect your Reading Log. Parents can join up and read to children who cannot read by themselves.</li> <li>Borrow and read books from any Sutherland Shire Library between Monday, 14 December and Friday, 29 January.</li> <li>Write down each book you read on your Reading Log. Show your reading log to library staff when you return your books.</li> </ol> </div> </div> <div id="teens-src" class="panel panel-default"> <div class="panel-heading"> <h2 class="panel-title">For Ages 12-17 (year 7 upwards)</h2> </div> <div class="panel-body"> <p>High school students who live or are holidaying in the Shire this summer are encouraged to participate in the teen reading club. For every book you read before 29 January you get a ticket in the lucky draw for a prize. </p> <h3>How it Works</h3> <ol> <li>No Registration is required for the teen reading club.</li> <li>Read young adult or adult fiction novels, non-fiction, audio or e-books borrowed from any Sutherland Shire Library between Monday, 14 December and Friday, 29 January.</li> <li>For each book you've read fill out an entry form, available from the information desk at all Sutherland Shire Libraries.</li> </ol> </div> </div> <div class="row"> <div class="col-sm-4"> <div class="thumbnail"> <a href="/$1dcdb6f6-1c5c-4d1f-95cc-8526ead6372d$/Community/Library/Digital-Collections/Learn-a-Language/Mango-Languages"> <img alt="Departure board at the airport. Photo credit: Departure announcements at Stanstead, ©2009 Karl-Martin Skontorp, Flickr (cc-by-2.0)" src="/files/assets/website/images/subsites/library/departureboard-detail-flickr3741064924.jpg" /> </a> <div class="caption"> <h2><a href="/$1dcdb6f6-1c5c-4d1f-95cc-8526ead6372d$/Community/Library/Digital-Collections/Learn-a-Language/Mango-Languages">Learn a Foreign Language</a></h2> <p>Choose from more than 50 different online language courses with Mango Languages.</p> <p><a href="/$1dcdb6f6-1c5c-4d1f-95cc-8526ead6372d$/Community/Library/Digital-Collections/Learn-a-Language/Mango-Languages" class="btn">Learn More</a></p> </div> <!-- /caption --> </div> <!-- /thumbnail --> </div> <!-- /column --> <div class="col-sm-4"> <div class="thumbnail"> <a href="/$1dcdb6f6-1c5c-4d1f-95cc-8526ead6372d$/Community/Library/Services/Multicultural-Communities/Learning-English"> <img alt="African teenage girl with tutor" src="/files/assets/website/images/subsites/library/diverse-cultures/multicultural_tutoring.jpg" /> </a> <div class="caption"> <h2><a href="/$1dcdb6f6-1c5c-4d1f-95cc-8526ead6372d$/Community/Library/Services/Multicultural-Communities/Learning-English">Learn English</a></h2> <p>Prepare yourself with an online training program designed specifically for the IELTS exam.</p> <p><a href="/$1dcdb6f6-1c5c-4d1f-95cc-8526ead6372d$/Community/Library/Services/Multicultural-Communities/Learning-English" class="btn">Learn More</a></p> </div> <!-- /caption --> </div> <!-- /thumbnail --> </div> <!-- column --> <div class="col-sm-4"> <div class="thumbnail"> <div> <a class="js-ga-tracking" href="https://www.instagram.com/sslyouthconnect/" data-ga-label="sslyouthconnect" data-ga-action="click" data-ga-category="homepage-spotlight"><img alt="sslyouthconnect on Instagram" src="/files/assets/website/images/subsites/library/teens/instagram-youth.jpg" /></a> </div> <div class="caption"> <h3><a class="js-ga-tracking" href="https://www.instagram.com/sslyouthconnect/" data-ga-label="sslyouthconnect" data-ga-action="click" data-ga-category="homepage-spotlight">SSLYouthConnect</a></h3> <p>SSLYouthConnect is the library's new Instragram account. It's space for young people to connect with what's happening in Sutherland Shire Council Libraries</p> <p><a class="btn btn-info js-ga-tracking" href="https://www.instagram.com/sslyouthconnect/" data-ga-label="sslyouthconnect" data-ga-action="click" data-ga-category="homepage-spotlight">Follow</a></p> </div> <!-- /caption --> </div> <!-- /thumbnail --> </div> <!-- /column --> </div> <!-- /row --> <div class="row"> <div class="col-xs-7"> <p><a href="http://help.overdrive.com/#videos?" class="btn btn-primary btn-block btn-lg tool-tip" target="_blank" data-placement="top" data-toggle="tooltip" data-original-title="Watch an overview or device specific setup videos"><span data-icon=""> </span>Video Setup Guides</a></p> <p><a href="http://help.overdrive.com/" class="btn btn-default btn-block tool-tip" target="_blank" data-placement="bottom" data-toggle="tooltip" data-original-title="Search for setup guides and troubleshoot problems"><span data-icon=""> </span>Help & Support</a></p> <p> <a href="http://help.overdrive.com/#devices" class="btn btn-default btn-block tool-tip" target="_blank" data-placement="bottom" data-toggle="tooltip" data-original-title="Which computers, tablets and smartphones work with Overdrive formats?"><span data-icon=""> </span>Compatible Devices</a> </p> </div> </div> <!-- /row --> <div> <a class="js-ga-tracking" href="/$1dcdb6f6-1c5c-4d1f-95cc-8526ead6372d$/Community/Library/Services/Books-Reading/Annual-Library-Book-Sale" data-ga-label="book-sale" data-ga-action="click" data-ga-category="homepage-spotlight"><img alt="books stacked on tables ready for sale at the library" src="/files/016d2d85-4fbf-4664-9c75-d257219d069a/booksalebooks.jpg" /></a> </div> <div class="caption"> <h3><a class="js-ga-tracking" href="/$1dcdb6f6-1c5c-4d1f-95cc-8526ead6372d$/Community/Library/Services/Books-Reading/Annual-Library-Book-Sale" data-ga-label="book-sale" data-ga-action="click" data-ga-category="homepage-spotlight">Annual Book Sale</a></h3> <p>Bag a bargain from a wide range of fiction & non-fiction books, DVDs and other items for kids and adults at the Annual Book Sale held at Sutherland Library.</p> <p><a class="btn btn-success js-ga-tracking" href="/$1dcdb6f6-1c5c-4d1f-95cc-8526ead6372d$/Community/Library/Services/Books-Reading/Annual-Library-Book-Sale" data-ga-label="book-sale" data-ga-action="click" data-ga-category="homepage-spotlight">Learn More</a></p> </div> <!--/caption-->
<h2>What we can help with</h2> <div class="row"> <div class="col-sm-4"> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">3D Printing</h3> </div> <div class="panel-body"> <p>We can evaluate your 3D design file and suggest improvements for printability.</p> <p>We can Arrange for your object to be printed using our 3D printers (costs apply).</p> </div> </div> </div> <div class="col-sm-4"> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">Textiles</h3> </div> <div class="panel-body"> <p>Basic machine sewing and dress-making trouble-shooting.</p> <p>Machine sewing and overlocking tips (machines provided).</p> </div> </div> </div> <div class="col-sm-4"> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">Electronics</h3> </div> <div class="panel-body"> <p>Basic electronics projects, e.g. paper circuits.</p> <p>Beginner soldering help.</p> </div> </div> </div> </div> <h2>What we can't help with.</h2> <p>We are not a 3D design or printer for hire service.</p> <p>We are not a dress-making service.</p> <p>We won't do your assignment for you.</p> <p>Maker help is not a substitute for a structured training program.</p> <h2>Scope</h2> <p>Staff will provide up to 30 minutes of assistance per session and are limited to their area of existing knowledge. We're not experts – we learn with you and share our knowledge.</p> <p>Appointments generally need to be made 3 working days ahead of an appointment to ensure equipment availability. Maker staff may need to return your call to arrange for a time convenient to you both.</p> <p>Makers under 16 are welcome to arrange appointments with Maker Help (parents should accompany you if you are aged under 12).</p> <p>Restrictions and costs apply to 3D printing.</p> <div class="jumbotron"> <h2>Grandparent's Storytime</h2> <p>24-28 October 2016</p> <p>Celebrate Children’s Week and Grandparents Day with us; Invite Grandma and Grandpa to Storytime!</p> <p><a href="http://cms.ssc.nsw.gov.au/Community/Library/Services/Kids-Parents/Storytime" class="btn btn-success">See Times</a></p> </div> <div class="panel panel-danger"> <div class="panel-heading" role="tab" id="ie-error"> <h3 class="panel-title"> <strong data-icon="">Warning</strong>: <a role="button" data-toggle="collapse" href="#ie-fix" aria-expanded="false" aria-controls="ie-fix"> Users experiencing display issues and upgrade browser error </a> </h3> </div> <div id="ie-fix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="ie-error"> <div class="panel-body"> <p>Where library staff have been able to reproduce this error it has been while we are using a mobile data network (3G). Connecting to wifi has resolved the problem. If you are experiencing this issue and would like to provide us more feedback, please email the library with the following details: </p> <p>iPhone model; iOS version; Overdrive app version; web browser; network (3/4G including network provider or wifi).</p> <a class="btn btn-danger" href="mailto:[email protected]?subject=Overdrive upgarde error">Send an Email</a> </div> </div> </div>
</div>
<!-- /container --> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script>
</body>
</html>
| Developer | Martin Boyce |
| Username | boycetrus |
| Uploaded | August 18, 2022 |
| Rating | 3 |
| Size | 5,672 Kb |
| Views | 24,288 |
Do you need developer help for Scratchpad?
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Martin Boyce (boycetrus) Script Codes
| Name | Size |
| Flexbox login form | 3,551 Kb |
| Test Case for ajax fail on single result v2 | 3,313 Kb |
| Bootstrap Panel List | 2,472 Kb |
| Google Maps API test | 4,057 Kb |
| AJAX content from an RSS feed using jQuery | 3,878 Kb |
| Sutherland Shire Libraries Catalogue Search | 2,732 Kb |
| Booklist Using Google Spreadsheets as JSON Source and Handlebars for templating | 3,063 Kb |
| Flexbox test | 2,846 Kb |
| Homepage thumbnail | 1,852 Kb |
| First steps with Handlebars.js | 3,978 Kb |
Create amazing captions with AI!
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Similar Scripts & Codes
| Name | Username | Size |
| CSS Variables | Jdsteinbach | 4,759 Kb |
| Super Discount | Orrinward | 3,225 Kb |
| CSS Donut Charts | Seanstopnik | 2,908 Kb |
| The Rope | Chribbe | 2,886 Kb |
| STAR WARS LIGHTSABER | Francoiscoron | 4,420 Kb |
| A Pen by Oliver Schafeld | Schafeld | 1,720 Kb |
| Hoi hoi | JohnTheCat | 7,248 Kb |
| Loading animation - freedom purchase | Rocbear | 2,567 Kb |
| IbrahimJabbari-Effect21 | Ibrahimjabbari | 1,882 Kb |
| Exploring css spinners | Akagr | 3,569 Kb |
Do you want hide your ip address?
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!