diff options
| author | Cameron <cameron@soycow.org> | 2013-11-23 12:35:28 -0800 |
|---|---|---|
| committer | Cameron <cameron@soycow.org> | 2013-11-23 12:35:28 -0800 |
| commit | 0fc2d8919e47fbd6207623e76ef66c149efd81d1 (patch) | |
| tree | 53ed5e1b816cdfa1c7a6f5e8a6ec1afba13f7c0c /templates/add.html | |
Initial commit
Diffstat (limited to 'templates/add.html')
| -rw-r--r-- | templates/add.html | 128 |
1 files changed, 128 insertions, 0 deletions
diff --git a/templates/add.html b/templates/add.html new file mode 100644 index 0000000..a9c38b3 --- /dev/null +++ b/templates/add.html @@ -0,0 +1,128 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]--> +<head> + + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8"> + <title>dogear</title> + <meta name="description" content=""> + <meta name="author" content=""> + + <!-- Mobile Specific Metas + ================================================== --> + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> + + <!-- CSS + ================================================== --> + <link rel="stylesheet" href="static/stylesheets/base.css"> + <link rel="stylesheet" href="static/stylesheets/skeleton.css"> + <link rel="stylesheet" href="static/stylesheets/layout.css"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- Favicons + ================================================== --> + <link rel="shortcut icon" href="images/favicon.ico"> + <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> + <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> + <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png"> + +</head> +<body> + + + + <!-- Primary Page Layout + ================================================== --> + + <!-- Delete everything in this .container and get started on your own site! --> + + <div class="container"> + <h1 class="remove-bottom" style="margin-top: 40px">dogear</h1> + <hr /> + <form action="/add" method="post"> + + <label for="url_to_save">URL</label> + <input type="text" id="url_to_save" name="url_to_save" /> + <label for="tags">Tags</label> + <input type="text" id="tags" name="tags"/> + <label for="notes">Notes</label> + <textarea id="notes" name="notes"></textarea> + + <!-- Label and select list --> + <label for="selectList">Select List</label> + <select id="selectList"> + <option value="Option 1">Option 1</option> + <option value="Option 2">Option 2</option> + <option value="Option 3">Option 3</option> + </select> + + <!-- Wrap checkbox/radio button groups in fieldsets --> + <fieldset> + <!-- Give the fieldset a label --> + <label for="">Checkboxes</label> + + <!-- Wrap each checkbox in a label, then give it the input and span for the text option --> + <label for="regularCheckbox"> + <input type="checkbox" id="regularCheckbox" value="checkbox 1" /> + <span>Regular Checkbox</span> + </label> + + <label for="secondRegularCheckbox"> + <input type="checkbox" id="secondRegularCheckbox" value="checkbox 2" /> + <span>Regular Checkbox</span> + </label> + </fieldset> + + <fieldset> + <label for="">Radio Buttons</label> + <label for="regularRadio"> + <input type="radio" name="radios" id="regularRadio" value="radio 1" /> + <span>Regular Radio</span> + </label> + <label for="secondRegularRadio"> + <input type="radio" name="radios" id="secondRegularRadio" value="radio 2" /> + <span>Regular Radio</span> + </label> + </fieldset> + + <button type="submit">Submit Form</button> + + </form> + + <div class="sixteen columns"> + <h1 class="remove-bottom" style="margin-top: 40px">Skeleton</h1> + <h5>Version 1.2</h5> + <hr /> + </div> + <div class="one-third column"> + <h3>About Skeleton?</h3> + <p>Skeleton is a small collection of well-organized CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. It's based on a responsive grid, but also provides very basic CSS for typography, buttons, forms and media queries. Go ahead, resize this super basic page to see the grid in action.</p> + </div> + <div class="one-third column"> + <h3>Three Core Principles</h3> + <p>Skeleton is built on three core principles:</p> + <ul class="square"> + <li><strong>A Responsive Grid Down To Mobile</strong>: Elegant scaling from a browser to tablets to mobile.</li> + <li><strong>Fast to Start</strong>: It's a tool for rapid development with best practices</li> + <li><strong>Style Agnostic</strong>: It provides the most basic, beautiful styles, but is meant to be overwritten.</li> + </ul> + </div> + <div class="one-third column"> + <h3>Docs & Support</h3> + <p>The easiest way to really get started with Skeleton is to check out the full docs and info at <a href="http://www.getskeleton.com">www.getskeleton.com.</a>. Skeleton is also open-source and has a <a href="https://github.com/dhgamache/skeleton">project on git</a>, so check that out if you want to report bugs or create a pull request. If you have any questions, thoughts, concerns or feedback, please don't hesitate to email me at <a href="mailto:hi@getskeleton.com">hi@getskeleton.com</a>.</p> + </div> + + </div><!-- container --> + + +<!-- End Document +================================================== --> +</body> +</html> |