Skip to content

Commit

Permalink
Merge pull request #5 from lucanos/master
Browse files Browse the repository at this point in the history 
Demo HTML File made by Luke Stevenson.
  • Loading branch information
Atle Mo committed Sep 19, 2012
2 parents e8657ae + e8e8ea1 commit 3f86801
Showing 1 changed file with 318 additions and 0 deletions.
318 changes: 318 additions & 0 deletions demo.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,318 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Subtle Pattern Demo</title>
<style>
body , html { padding:0;margin:0;height:100%; }
body { background:#ccc none repeat 0 0; }
form { padding:10px;text-align:center;background:#FFF;border-bottom:1px solid #000; }
</style>
</head>
<body>
<form>
<select id="image">
<option>45degreee_fabric.png</option>
<option>60degree_gray.png</option>
<option>absurdidad.png</option>
<option>always_grey.png</option>
<option>arab_tile.png</option>
<option>arches.png</option>
<option>argyle.png</option>
<option>asfalt.png</option>
<option>assault.png</option>
<option>back_pattern.png</option>
<option>batthern.png</option>
<option>beige_paper.png</option>
<option>bgnoise_lg.png</option>
<option>black-Linen.png</option>
<option>blackmamba.png</option>
<option>black_denim.png</option>
<option>black_linen_v2.png</option>
<option>black_mamba.png</option>
<option>black_paper.png</option>
<option>black_scales.png</option>
<option>black_thread.png</option>
<option>black_twill.png</option>
<option>blizzard.png</option>
<option>blu_stripes.png</option>
<option>bo_play_pattern.png</option>
<option>bright_squares.png</option>
<option>brillant.png</option>
<option>broken_noise.png</option>
<option>brushed_alu.png</option>
<option>brushed_alu_dark.png</option>
<option>burried.png</option>
<option>candyhole.png</option>
<option>carbon_fibre.png</option>
<option>carbon_fibre_big.png</option>
<option>carbon_fibre_v2.png</option>
<option>cardboard.png</option>
<option>cardboard_1.png</option>
<option>cardboard_flat.png</option>
<option>cartographer.png</option>
<option>checkered_pattern.png</option>
<option>chruch.png</option>
<option>circles.png</option>
<option>classy_fabric.png</option>
<option>clean_textile.png</option>
<option>climpek.png</option>
<option>concrete_wall.png</option>
<option>concrete_wall_2.png</option>
<option>concrete_wall_3.png</option>
<option>connect.png</option>
<option>cork_1.png</option>
<option>corrugation.png</option>
<option>cracks_1.png</option>
<option>crisp_paper_ruffles.png</option>
<option>crissXcross.png</option>
<option>crossed_stripes.png</option>
<option>crosses.png</option>
<option>cross_scratches.png</option>
<option>cubes.png</option>
<option>cutcube.png</option>
<option>daimond_eyes.png</option>
<option>darkdenim3.png</option>
<option>dark_brick_wall.png</option>
<option>dark_circles.png</option>
<option>dark_dotted.png</option>
<option>dark_geometric.png</option>
<option>dark_leather.png</option>
<option>dark_matter.png</option>
<option>dark_mosaic.png</option>
<option>dark_stripes.png</option>
<option>dark_Tire.png</option>
<option>dark_wall.png</option>
<option>dark_wood.png</option>
<option>darth_stripe.png</option>
<option>denim.png</option>
<option>diagmonds.png</option>
<option>diagonal-noise.png</option>
<option>diagonal_striped_brick.png</option>
<option>diamonds.png</option>
<option>diamond_upholstery.png</option>
<option>dirty_old_shirt.png</option>
<option>double_lined.png</option>
<option>dust.png</option>
<option>dvsup.png</option>
<option>egg_shell.png</option>
<option>elastoplast.png</option>
<option>elegant_grid.png</option>
<option>embossed_paper.png</option>
<option>escheresque.png</option>
<option>exclusive_paper.png</option>
<option>extra_clean_paper.png</option>
<option>fabric_1.png</option>
<option>fabric_plaid.png</option>
<option>fake_brick.png</option>
<option>fake_luxury.png</option>
<option>fancy_deboss.png</option>
<option>farmer.png</option>
<option>felt.png</option>
<option>first_aid_kit.png</option>
<option>flowers.png</option>
<option>flowertrail.png</option>
<option>foggy_birds.png</option>
<option>foil.png</option>
<option>frenchstucco.png</option>
<option>furley_bg.png</option>
<option>gold_scale.png</option>
<option>gplaypattern.png</option>
<option>gradient_squares.png</option>
<option>graphy.png</option>
<option>gray_sand.png</option>
<option>green-fibers.png</option>
<option>green_dust_scratch.png</option>
<option>green_gobbler.png</option>
<option>grey.png</option>
<option>greyfloral.png</option>
<option>grey_sandbag.png</option>
<option>grid.png</option>
<option>gridme.png</option>
<option>grid_noise.png</option>
<option>grilled.png</option>
<option>groovepaper.png</option>
<option>grunge_wall.png</option>
<option>gun_metal.png</option>
<option>handmadepaper.png</option>
<option>hexabump.png</option>
<option>hexellence.png</option>
<option>hixs_pattern_evolution.png</option>
<option>husk.png</option>
<option>ice_age.png</option>
<option>inflicted.png</option>
<option>irongrip.png</option>
<option>knitted-netting.png</option>
<option>kuji.png</option>
<option>large_leather.png</option>
<option>leather_1.png</option>
<option>lghtmesh.png</option>
<option>lightpaperfibers.png</option>
<option>light_alu.png</option>
<option>light_checkered_tiles.png</option>
<option>light_grey_floral_motif.png</option>
<option>light_honeycomb.png</option>
<option>light_noise_diagonal.png</option>
<option>light_toast.png</option>
<option>light_wool.png</option>
<option>lil_fiber.png</option>
<option>lined_paper.png</option>
<option>linen.png</option>
<option>littleknobs.png</option>
<option>little_pluses.png</option>
<option>little_triangles.png</option>
<option>low_contrast_linen.png</option>
<option>lyonnette.png</option>
<option>merely_cubed.png</option>
<option>micro_carbon.png</option>
<option>mirrored_squares.png</option>
<option>nami.png</option>
<option>natural_paper.png</option>
<option>nistri.png</option>
<option>noise_lines.png</option>
<option>noise_pattern_with_crosslines.png</option>
<option>noisy.png</option>
<option>noisy_grid.png</option>
<option>norwegian_rose.png</option>
<option>office.png</option>
<option>old_mathematics.png</option>
<option>old_wall.png</option>
<option>outlets.png</option>
<option>padded.png</option>
<option>paper.png</option>
<option>paper_1.png</option>
<option>paper_2.png</option>
<option>paper_3.png</option>
<option>paven.png</option>
<option>perforated_white_leather.png</option>
<option>pineapplecut.png</option>
<option>pinstripe.png</option>
<option>pinstriped_suit.png</option>
<option>plaid.png</option>
<option>polaroid.png</option>
<option>polonez_car.png</option>
<option>polyester_lite.png</option>
<option>pool_table.png</option>
<option>project_papper.png</option>
<option>psychedelic_pattern.png</option>
<option>purty_wood.png</option>
<option>px_by_Gre3g.png</option>
<option>pyramid.png</option>
<option>quilt.png</option>
<option>random_grey_variations.png</option>
<option>ravenna.png</option>
<option>real_cf.png</option>
<option>rebel.png</option>
<option>redox_01.png</option>
<option>redox_02.png</option>
<option>reticular_tissue.png</option>
<option>retina_wood.png</option>
<option>retro_intro.png</option>
<option>ricepaper.png</option>
<option>ricepaper2.png</option>
<option>rip_jobs.png</option>
<option>robots.png</option>
<option>rockywall.png</option>
<option>roughcloth.png</option>
<option>rough_diagonal.png</option>
<option>rubber_grip.png</option>
<option>scribble_light.png</option>
<option>shattered.png</option>
<option>shinecaro.png</option>
<option>shinedotted.png</option>
<option>silver_scales.png</option>
<option>skelatal_weave.png</option>
<option>skewed_print.png</option>
<option>skin_side_up.png</option>
<option>small-crackle-bright.png</option>
<option>small_tiles.png</option>
<option>smooth_wall.png</option>
<option>snow.png</option>
<option>soft_circle_scales.png</option>
<option>soft_kill.png</option>
<option>soft_pad.png</option>
<option>soft_wallpaper.png</option>
<option>solid.png</option>
<option>squares.png</option>
<option>square_bg.png</option>
<option>stacked_circles.png</option>
<option>starring.png</option>
<option>stitched_wool.png</option>
<option>strange_bullseyes.png</option>
<option>straws.png</option>
<option>striped_lens.png</option>
<option>struckaxiom.png</option>
<option>stucco.png</option>
<option>subtlenet2.png</option>
<option>subtle_carbon.png</option>
<option>subtle_dots.png</option>
<option>subtle_freckles.png</option>
<option>subtle_orange_emboss.png</option>
<option>subtle_stripes.png</option>
<option>subtle_surface.png</option>
<option>subtle_zebra_3d.png</option>
<option>swirl.png</option>
<option>tactile_noise.png</option>
<option>tapestry_pattern.png</option>
<option>tasky_pattern.png</option>
<option>tex2res1.png</option>
<option>tex2res2.png</option>
<option>tex2res3.png</option>
<option>tex2res4.png</option>
<option>tex2res5.png</option>
<option>textured_stripes.png</option>
<option>texturetastic_gray.png</option>
<option>tileable_wood_texture.png</option>
<option>tiny_grid.png</option>
<option>triangles.png</option>
<option>triangles_pattern.png</option>
<option>txture.png</option>
<option>type.png</option>
<option>use_your_illusion.png</option>
<option>vaio_hard_edge.png</option>
<option>vertical_cloth.png</option>
<option>vichy.png</option>
<option>vintage_speckles.png</option>
<option>wall4.png</option>
<option>washi.png</option>
<option>wavecut.png</option>
<option>weave.png</option>
<option>whitediamond.png</option>
<option>whitey.png</option>
<option>white_bed_sheet.png</option>
<option>white_brick_wall.png</option>
<option>white_carbon.png</option>
<option>white_carbonfiber.png</option>
<option>white_leather.png</option>
<option>white_paperboard.png</option>
<option>white_plaster.png</option>
<option>white_sand.png</option>
<option>white_texture.png</option>
<option>white_tiles.png</option>
<option>white_wall.png</option>
<option>white_wave.png</option>
<option>wide_rectangles.png</option>
<option>wood_1.jpg</option>
<option>wood_1.png</option>
<option>wood_pattern.png</option>
<option>worn_dots.png</option>
<option>woven.png</option>
<option>xv.png</option>
<option>zigzag.png</option>
</select>
</form>

<script src="http://code.jquery.com/jquery.min.js"></script>
<script>
$(document).ready(function(){

$('#image')
.bind('keyup change unfocus blur',function(){
$('body').css( 'background-image' , 'url('+$(this).val()+')' );
})
.blur();

});
</script>
</body>
</html>

0 comments on commit 3f86801

Please sign in to comment.