From f5951f3a55f14d7e5e1dd9acf3039c13e8c65c56 Mon Sep 17 00:00:00 2001 From: Thomas Park Date: Thu, 6 Dec 2012 09:18:07 -0500 Subject: moved readme and swatchmaker to gh-pages branch --- swatchmaker/test/test-full.html | 2379 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 2379 insertions(+) create mode 100755 swatchmaker/test/test-full.html (limited to 'swatchmaker/test/test-full.html') diff --git a/swatchmaker/test/test-full.html b/swatchmaker/test/test-full.html new file mode 100755 index 00000000..9e8edfaa --- /dev/null +++ b/swatchmaker/test/test-full.html @@ -0,0 +1,2379 @@ + + + + + Twitter Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + + + + + Brand +
+ +
+ +
+ Button +
+
+
+
+ + + + + + + +
+
+

Components

+

Dozens of reusable components built to provide navigation, alerts, popovers, and more.

+
+
+ + +
+ + +
+ +
+ + +
+
+

Typography

+
+ +
+

h1. Heading 1

+

h2. Heading 2

+

h3. Heading 3

+

h4. Heading 4

+
h5. Heading 5
+
h6. Heading 6
+
+ +
+

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

+ +

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

+

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.

+

Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

+
+ +
+

This line of text is meant to be treated as fine print.

+
+ +
+

The following snippet of text is rendered as bold text.

+
+ +
+

The following snippet of text is rendered as italicized text.

+
+ +
+

An abbreviation of the word attribute is attr.

+
+ +
+

HTML is the best thing since sliced bread.

+
+ +
+
+ Twitter, Inc.
+ 795 Folsom Ave, Suite 600
+ San Francisco, CA 94107
+ P: (123) 456-7890 +
+
+ Full Name
+ first.last@gmail.com +
+
+ +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

+ Someone famous in Source Title +
+
+ +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

+ Someone famous in Source Title +
+
+ +
+
    +
  • Lorem ipsum dolor sit amet
    • +
  • Consectetur adipiscing elit
    • +
  • Integer molestie lorem at massa
    • +
  • Facilisis in pretium nisl aliquet
    • +
  • Nulla volutpat aliquam velit +
      +
    • Phasellus iaculis neque
      • +
    • Purus sodales ultricies
      • +
    • Vestibulum laoreet porttitor sem
      • +
    • Ac tristique libero volutpat at
      • +
    +
    • +
  • Faucibus porta lacus fringilla vel
    • +
  • Aenean sit amet erat nunc
    • +
  • Eget porttitor lorem
    • +
+
+ +
+
    +
  1. Lorem ipsum dolor sit amet
    2. +
  2. Consectetur adipiscing elit
    3. +
  3. Integer molestie lorem at massa
    4. +
  4. Facilisis in pretium nisl aliquet
    5. +
  5. Nulla volutpat aliquam velit
    6. +
  6. Faucibus porta lacus fringilla vel
    7. +
  7. Aenean sit amet erat nunc
    8. +
  8. Eget porttitor lorem
    9. +
+
+ +
+
    +
  • Lorem ipsum dolor sit amet
    • +
  • Consectetur adipiscing elit
    • +
  • Integer molestie lorem at massa
    • +
  • Facilisis in pretium nisl aliquet
    • +
  • Nulla volutpat aliquam velit +
      +
    • Phasellus iaculis neque
      • +
    • Purus sodales ultricies
      • +
    • Vestibulum laoreet porttitor sem
      • +
    • Ac tristique libero volutpat at
      • +
    +
    • +
  • Faucibus porta lacus fringilla vel
    • +
  • Aenean sit amet erat nunc
    • +
  • Eget porttitor lorem
    • +
+
+ +
+
+
Description lists
+
A description list is perfect for defining terms.
+
Euismod
+
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
+
Donec id elit non mi porta gravida at eget metus.
+
Malesuada porta
+
Etiam porta sem malesuada magna mollis euismod.
+
+
+ +
+
+
Description lists
+
A description list is perfect for defining terms.
+
Euismod
+
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
+
Donec id elit non mi porta gravida at eget metus.
+
Malesuada porta
+
Etiam porta sem malesuada magna mollis euismod.
+
Felis euismod semper eget lacinia
+
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
+
+
+ +
+ + + + +
+
+

Code

+
+ +
+ For example, <section> should be wrapped as inline. +
+ +
+ 
<p>Sample text here...</p>
+
+ +
+ + + + +
+
+

Tables

+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#First NameLast NameUsername
1MarkOtto@mdo
MarkOtto@TwBootstrap
2JacobThornton@fat
3Larry the Bird@twitter
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larry the Bird@twitter
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larry the Bird@twitter
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#ProductPayment TakenStatus
1TB - Monthly01/04/2012Approved
2TB - Monthly02/04/2012Declined
3TB - Monthly03/04/2012Pending
+
+ +
+ + + + +
+
+

Forms

+
+ +
+ Legend + + + Example block-level help text here. + + +
+ +
+ + +
+ +
+ + + + +
+ +
+ Legend +
+ +
+ +
+
+
+ +
+ +
+
+
+
+ + +
+
+
+ +
+ +
+ +
+ +
+ +
+ +
+ + +
+ +
+ + + +
+ +
+ +
+ +
+ +
+
+ @ + +
+
+
+ + .00 +
+
+ +
+
+ $ + + .00 +
+
+ +
+
+ + +
+
+
+ + + +
+
+ +
+
+ + +
+
+ + +
+
+ +
+
+ + + + + + +
+
+ +
+
+ + + + + + +
+
+ +
+
+ +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+ Some value here +
+ +
+
+ + +
+
+ +
+ Inline help text +
+ +
+ + A longer block of help text that breaks onto a new line and may extend beyond one line. +
+ +
+ +
+ +
+ +
+ +
+
+ +
+ + Something may have gone wrong +
+
+
+ +
+ + Please correct the error +
+
+
+ +
+ + Woohoo! +
+
+
+ +
+ + + + +
+
+

Buttons

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Buttonclass=""Description
btnStandard gray button with gradient
btn btn-primaryProvides extra visual weight and identifies the primary action in a set of buttons
btn btn-infoUsed as an alternative to the default styles
btn btn-successIndicates a successful or positive action
btn btn-warningIndicates caution should be taken with this action
btn btn-dangerIndicates a dangerous or potentially negative action
btn btn-inverseAlternate dark gray button, not tied to a semantic action or use
btn btn-linkDeemphasize a button by making it look like a link while maintaining button behavior
+ +
+

+ + +

+

+ + +

+

+ + +

+

+ + +

+
+ +
+
+ + +
+
+ +

+ Primary link + Link +

+ +

+ + +

+ +
+ Link + + + +
+ +
+ + + + +
+
+

Images

+
+ +
+ + + +
+ + +
+ + + + +
+
+

Icons by Glyphicons

+
+ +
    +
  • icon-glass
    • +
  • icon-music
    • +
  • icon-search
    • +
  • icon-envelope
    • +
  • icon-heart
    • +
  • icon-star
    • +
  • icon-star-empty
    • +
  • icon-user
    • +
  • icon-film
    • +
  • icon-th-large
    • +
  • icon-th
    • +
  • icon-th-list
    • +
  • icon-ok
    • +
  • icon-remove
    • +
  • icon-zoom-in
    • +
  • icon-zoom-out
    • +
  • icon-off
    • +
  • icon-signal
    • +
  • icon-cog
    • +
  • icon-trash
    • +
  • icon-home
    • +
  • icon-file
    • +
  • icon-time
    • +
  • icon-road
    • +
  • icon-download-alt
    • +
  • icon-download
    • +
  • icon-upload
    • +
  • icon-inbox
    • + +
  • icon-play-circle
    • +
  • icon-repeat
    • +
  • icon-refresh
    • +
  • icon-list-alt
    • +
  • icon-lock
    • +
  • icon-flag
    • +
  • icon-headphones
    • +
  • icon-volume-off
    • +
  • icon-volume-down
    • +
  • icon-volume-up
    • +
  • icon-qrcode
    • +
  • icon-barcode
    • +
  • icon-tag
    • +
  • icon-tags
    • +
  • icon-book
    • +
  • icon-bookmark
    • +
  • icon-print
    • +
  • icon-camera
    • +
  • icon-font
    • +
  • icon-bold
    • +
  • icon-italic
    • +
  • icon-text-height
    • +
  • icon-text-width
    • +
  • icon-align-left
    • +
  • icon-align-center
    • +
  • icon-align-right
    • +
  • icon-align-justify
    • +
  • icon-list
    • + +
  • icon-indent-left
    • +
  • icon-indent-right
    • +
  • icon-facetime-video
    • +
  • icon-picture
    • +
  • icon-pencil
    • +
  • icon-map-marker
    • +
  • icon-adjust
    • +
  • icon-tint
    • +
  • icon-edit
    • +
  • icon-share
    • +
  • icon-check
    • +
  • icon-move
    • +
  • icon-step-backward
    • +
  • icon-fast-backward
    • +
  • icon-backward
    • +
  • icon-play
    • +
  • icon-pause
    • +
  • icon-stop
    • +
  • icon-forward
    • +
  • icon-fast-forward
    • +
  • icon-step-forward
    • +
  • icon-eject
    • +
  • icon-chevron-left
    • +
  • icon-chevron-right
    • +
  • icon-plus-sign
    • +
  • icon-minus-sign
    • +
  • icon-remove-sign
    • +
  • icon-ok-sign
    • + +
  • icon-question-sign
    • +
  • icon-info-sign
    • +
  • icon-screenshot
    • +
  • icon-remove-circle
    • +
  • icon-ok-circle
    • +
  • icon-ban-circle
    • +
  • icon-arrow-left
    • +
  • icon-arrow-right
    • +
  • icon-arrow-up
    • +
  • icon-arrow-down
    • +
  • icon-share-alt
    • +
  • icon-resize-full
    • +
  • icon-resize-small
    • +
  • icon-plus
    • +
  • icon-minus
    • +
  • icon-asterisk
    • +
  • icon-exclamation-sign
    • +
  • icon-gift
    • +
  • icon-leaf
    • +
  • icon-fire
    • +
  • icon-eye-open
    • +
  • icon-eye-close
    • +
  • icon-warning-sign
    • +
  • icon-plane
    • +
  • icon-calendar
    • +
  • icon-random
    • +
  • icon-comment
    • +
  • icon-magnet
    • + +
  • icon-chevron-up
    • +
  • icon-chevron-down
    • +
  • icon-retweet
    • +
  • icon-shopping-cart
    • +
  • icon-folder-close
    • +
  • icon-folder-open
    • +
  • icon-resize-vertical
    • +
  • icon-resize-horizontal
    • +
  • icon-hdd
    • +
  • icon-bullhorn
    • +
  • icon-bell
    • +
  • icon-certificate
    • +
  • icon-thumbs-up
    • +
  • icon-thumbs-down
    • +
  • icon-hand-right
    • +
  • icon-hand-left
    • +
  • icon-hand-up
    • +
  • icon-hand-down
    • +
  • icon-circle-arrow-right
    • +
  • icon-circle-arrow-left
    • +
  • icon-circle-arrow-up
    • +
  • icon-circle-arrow-down
    • +
  • icon-globe
    • +
  • icon-wrench
    • +
  • icon-tasks
    • +
  • icon-filter
    • +
  • icon-briefcase
    • +
  • icon-fullscreen
    • +
+ +
+
+
+ + + + +
+
+
+ +
+
+ User + + +
+
+ +
+ +
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+ + + + + + + + +
+
+

Button groups

+
+ +
+
+ + + +
+ +
+
+ + + + +
+
+ + + +
+
+ +
+
+ +
+ + + + +
+
+ + +
+ +
+ + + + +
+
+

Button dropdown menus

+
+ + +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ +
+
+ + + +
+
+
+
+ + + +
+
+
+
+ + + +
+
+ +
+
+ + + +
+
+ + + +
+
+
+ +
+ + + + + + + + + + + + + + + + + + + +
+
+

Pagination

+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + + +
+
+

Labels and badges

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
LabelsMarkup
+ Default + + <span class="label">Default</span> +
+ Success + + <span class="label label-success">Success</span> +
+ Warning + + <span class="label label-warning">Warning</span> +
+ Important + + <span class="label label-important">Important</span> +
+ Info + + <span class="label label-info">Info</span> +
+ Inverse + + <span class="label label-inverse">Inverse</span> +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameExampleMarkup
+ Default + + 1 + + <span class="badge">1</span> +
+ Success + + 2 + + <span class="badge badge-success">2</span> +
+ Warning + + 4 + + <span class="badge badge-warning">4</span> +
+ Important + + 6 + + <span class="badge badge-important">6</span> +
+ Info + + 8 + + <span class="badge badge-info">8</span> +
+ Inverse + + 10 + + <span class="badge badge-inverse">10</span> +
+ +
+ + + + +
+
+

Typographic components

+
+ +
+
+

Hello, world!

+

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

+

Learn more

+
+
+ +
+
+

Example page header Subtext for header

+
+
+ +
+ + + + +
+
+

Thumbnails

+
+ +
+ +
+ + + +
+ + + + +
+
+

Alerts

+
+ +
+
+ + Warning! Best check yo self, you're not looking too good. +
+ +
+ +

Warning!

+

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

+
+ +
+ + Oh snap! Change a few things up and try submitting again. +
+ +
+ + Well done! You successfully read this important alert message. +
+ +
+ + Heads up! This alert needs your attention, but it's not super important. +
+
+ +
+ + + + +
+
+

Progress bars

+
+ +
+
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ + + + + + +
+
+

Miscellaneous

+
+ +
+
+ Look, I'm in a well! +
+ +
+ Look, I'm in a well-large! +
+ +
+ Look, I'm in a well-small! +
+ +

+
+ +
+

Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral. +

+
+ +
+ Click to toggle popover +
+ +
+ + + +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -- cgit v1.2.3