First pages commit, with all the files from branch

atlemo · Jan 11, 2013 · ecadfbd · ecadfbd
commit ecadfbd
Show file tree

Hide file tree

Showing 319 changed files with 124 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+
+.DS_Store
diff --git a/45degreee_fabric.png b/45degreee_fabric.png
diff --git a/60degree_gray.png b/60degree_gray.png
diff --git a/README.md b/README.md
@@ -0,0 +1,22 @@
+SubtlePatterns
+===============
+
+All the patterns from www.subtlepatterns.com - including the famous Photoshop .pat file
+
+If you need Base64 versions of the patterns you can use this generator:
+http://www.greywyvern.com/code/php/binary2base64
+
+
+Subtle Patterns is created and curated by Atle Mo.
+The original author of the patterns are credited on subtlepatterns.com
+
+Subtle Patterns by Subtle Patterns is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.
+Based on work at subtlepatterns.com.
+Permissions beyond the scope of this license may be available upon contact.
+A project by Atle Mo.
+
+Subtle Patterns and www.subtlepatterns.com © 2012 Atle Mo.
+
+===============
+
+ENJOY!
diff --git a/SubtlePatterns.pat.zip b/SubtlePatterns.pat.zip
diff --git a/absurdidad.png b/absurdidad.png
diff --git a/always_grey.png b/always_grey.png
diff --git a/arab_tile.png b/arab_tile.png
diff --git a/arches.png b/arches.png
diff --git a/argyle.png b/argyle.png
diff --git a/asfalt.png b/asfalt.png
diff --git a/assault.png b/assault.png
diff --git a/az_subtle.png b/az_subtle.png
diff --git a/back_pattern.png b/back_pattern.png
diff --git a/batthern.png b/batthern.png
diff --git a/bedge_grunge.png b/bedge_grunge.png
diff --git a/beige_paper.png b/beige_paper.png
diff --git a/bgnoise_lg.png b/bgnoise_lg.png
diff --git a/billie_holiday.png b/billie_holiday.png
diff --git a/black-Linen.png b/black-Linen.png
diff --git a/black_denim.png b/black_denim.png
diff --git a/black_linen_v2.png b/black_linen_v2.png
diff --git a/black_mamba.png b/black_mamba.png
diff --git a/black_paper.png b/black_paper.png
diff --git a/black_scales.png b/black_scales.png
diff --git a/black_thread.png b/black_thread.png
diff --git a/black_twill.png b/black_twill.png
diff --git a/blackmamba.png b/blackmamba.png
diff --git a/blackorchid.png b/blackorchid.png
diff --git a/blizzard.png b/blizzard.png
diff --git a/blu_stripes.png b/blu_stripes.png
diff --git a/bo_play_pattern.png b/bo_play_pattern.png
diff --git a/bright_squares.png b/bright_squares.png
diff --git a/brillant.png b/brillant.png
diff --git a/broken_noise.png b/broken_noise.png
diff --git a/brushed_alu.png b/brushed_alu.png
diff --git a/brushed_alu_dark.png b/brushed_alu_dark.png
diff --git a/burried.png b/burried.png
diff --git a/candyhole.png b/candyhole.png
diff --git a/carbon_fibre.png b/carbon_fibre.png
diff --git a/carbon_fibre_big.png b/carbon_fibre_big.png
diff --git a/carbon_fibre_v2.png b/carbon_fibre_v2.png
diff --git a/cardboard.png b/cardboard.png
diff --git a/cardboard_1.png b/cardboard_1.png
diff --git a/cardboard_flat.png b/cardboard_flat.png
diff --git a/cartographer.png b/cartographer.png
diff --git a/checkered_pattern.png b/checkered_pattern.png
diff --git a/chruch.png b/chruch.png
diff --git a/circles.png b/circles.png
diff --git a/classy_fabric.png b/classy_fabric.png
diff --git a/clean_textile.png b/clean_textile.png
diff --git a/climpek.png b/climpek.png
diff --git a/concrete_wall.png b/concrete_wall.png
diff --git a/concrete_wall_2.png b/concrete_wall_2.png
diff --git a/concrete_wall_3.png b/concrete_wall_3.png
diff --git a/connect.png b/connect.png
diff --git a/cork_1.png b/cork_1.png
diff --git a/corrugation.png b/corrugation.png
diff --git a/cracks_1.png b/cracks_1.png
diff --git a/cream_dust.png b/cream_dust.png
diff --git a/creampaper.png b/creampaper.png
diff --git a/crisp_paper_ruffles.png b/crisp_paper_ruffles.png
diff --git a/crissXcross.png b/crissXcross.png
diff --git a/cross_scratches.png b/cross_scratches.png
diff --git a/crossed_stripes.png b/crossed_stripes.png
diff --git a/crosses.png b/crosses.png
diff --git a/cubes.png b/cubes.png
diff --git a/cutcube.png b/cutcube.png
diff --git a/daimond_eyes.png b/daimond_eyes.png
diff --git a/dark_Tire.png b/dark_Tire.png
diff --git a/dark_brick_wall.png b/dark_brick_wall.png
diff --git a/dark_circles.png b/dark_circles.png
diff --git a/dark_dotted.png b/dark_dotted.png
diff --git a/dark_geometric.png b/dark_geometric.png
diff --git a/dark_leather.png b/dark_leather.png
diff --git a/dark_matter.png b/dark_matter.png
diff --git a/dark_mosaic.png b/dark_mosaic.png
diff --git a/dark_stripes.png b/dark_stripes.png
diff --git a/dark_wall.png b/dark_wall.png
diff --git a/dark_wood.png b/dark_wood.png
diff --git a/darkdenim3.png b/darkdenim3.png
diff --git a/darth_stripe.png b/darth_stripe.png
diff --git a/debut_dark.png b/debut_dark.png
diff --git a/debut_light.png b/debut_light.png
diff --git a/demo.html b/demo.html
@@ -0,0 +1,64 @@
+<!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 selected>Downloading Pattern Names...</option>
+</select>
+</form>
+
+<script src="http://code.jquery.com/jquery.min.js"></script>
+<script>
+$(document).ready(function(){
+
+  var pattern_selector = $('#image')
+      body_tag = $('body');
+
+  // make an ajax request to find all the file names
+  $.getJSON('https://api.github.com/repos/subtlepatterns/SubtlePatterns/contents?callback=?', function(files) {
+    // http://baylorrae.com/prevent-dom-reflow/
+    var items = document.createDocumentFragment(),
+        item, file;
+
+    // loop through all files in the repo
+    for( var i = 0, len = files.data.length; i < len; i++ ) {
+      file = files.data[i];
+
+      // skip over non image files
+      if( /\.(png|jpg|jpeg)$/.test(file["path"]) == false ) {
+        continue;
+      }
+
+      // create the option tag and use the raw image url
+      item = $('<option />', {
+        value: file["_links"]["html"].replace('blob', 'raw'),
+        text: file["path"]
+      })[0];
+
+      items.appendChild(item);
+    }
+
+    // update the dropdown menu
+    pattern_selector.find('option').remove();
+    pattern_selector.append(items);
+    pattern_selector.change();
+  });
+
+  // bind an event to change the body background image
+  pattern_selector.change(function() {
+    body_tag.css('background-image', 'url(' + this.value + ')');
+  });
+
+});
+</script>
+</body>
+</html>
diff --git a/demo.php b/demo.php
@@ -0,0 +1,36 @@
+<?php
+
+$files = glob('*.{png,jpg,jpeg}', GLOB_BRACE);
+
+?><!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><?php echo implode( "</option>\n  <option>" , $files ); ?></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>
diff --git a/denim.png b/denim.png
diff --git a/diagmonds.png b/diagmonds.png
diff --git a/diagonal-noise.png b/diagonal-noise.png
diff --git a/diagonal_striped_brick.png b/diagonal_striped_brick.png
diff --git a/diagonal_waves.png b/diagonal_waves.png
diff --git a/diagonales_decalees.png b/diagonales_decalees.png
diff --git a/diamond_upholstery.png b/diamond_upholstery.png
diff --git a/diamonds.png b/diamonds.png
diff --git a/dirty_old_shirt.png b/dirty_old_shirt.png
diff --git a/double_lined.png b/double_lined.png
diff --git a/dust.png b/dust.png
diff --git a/dvsup.png b/dvsup.png
diff --git a/ecailles.png b/ecailles.png
diff --git a/egg_shell.png b/egg_shell.png
diff --git a/elastoplast.png b/elastoplast.png
diff --git a/elegant_grid.png b/elegant_grid.png
diff --git a/embossed_paper.png b/embossed_paper.png
diff --git a/escheresque.png b/escheresque.png
diff --git a/exclusive_paper.png b/exclusive_paper.png
diff --git a/extra_clean_paper.png b/extra_clean_paper.png
diff --git a/fabric_1.png b/fabric_1.png
diff --git a/fabric_plaid.png b/fabric_plaid.png
diff --git a/fake_brick.png b/fake_brick.png
diff --git a/fake_luxury.png b/fake_luxury.png
diff --git a/fancy_deboss.png b/fancy_deboss.png
diff --git a/farmer.png b/farmer.png
diff --git a/felt.png b/felt.png
diff --git a/first_aid_kit.png b/first_aid_kit.png
diff --git a/flowers.png b/flowers.png
diff --git a/flowertrail.png b/flowertrail.png
diff --git a/foggy_birds.png b/foggy_birds.png
diff --git a/foil.png b/foil.png
diff --git a/frenchstucco.png b/frenchstucco.png
diff --git a/furley_bg.png b/furley_bg.png
diff --git a/gold_scale.png b/gold_scale.png
diff --git a/gplaypattern.png b/gplaypattern.png
diff --git a/gradient_squares.png b/gradient_squares.png
diff --git a/graphy.png b/graphy.png
diff --git a/gray_jean.png b/gray_jean.png
diff --git a/gray_sand.png b/gray_sand.png
diff --git a/green-fibers.png b/green-fibers.png
diff --git a/green_dust_scratch.png b/green_dust_scratch.png
diff --git a/green_gobbler.png b/green_gobbler.png
diff --git a/grey.png b/grey.png
diff --git a/grey_sandbag.png b/grey_sandbag.png
diff --git a/greyfloral.png b/greyfloral.png
diff --git a/grid.png b/grid.png
diff --git a/grid_noise.png b/grid_noise.png
diff --git a/gridme.png b/gridme.png
diff --git a/grilled.png b/grilled.png
diff --git a/groovepaper.png b/groovepaper.png
diff --git a/grunge_wall.png b/grunge_wall.png
diff --git a/gun_metal.png b/gun_metal.png
diff --git a/handmadepaper.png b/handmadepaper.png
diff --git a/hexabump.png b/hexabump.png
diff --git a/hexellence.png b/hexellence.png
diff --git a/hixs_pattern_evolution.png b/hixs_pattern_evolution.png
diff --git a/honey_im_subtle.png b/honey_im_subtle.png
diff --git a/husk.png b/husk.png
diff --git a/ice_age.png b/ice_age.png
diff --git a/inflicted.png b/inflicted.png
diff --git a/irongrip.png b/irongrip.png
diff --git a/knitted-netting.png b/knitted-netting.png
diff --git a/kuji.png b/kuji.png
diff --git a/large_leather.png b/large_leather.png
diff --git a/leather_1.png b/leather_1.png
diff --git a/lghtmesh.png b/lghtmesh.png
diff --git a/light_alu.png b/light_alu.png
diff --git a/light_checkered_tiles.png b/light_checkered_tiles.png
diff --git a/light_grey_floral_motif.png b/light_grey_floral_motif.png
diff --git a/light_honeycomb.png b/light_honeycomb.png
diff --git a/light_noise_diagonal.png b/light_noise_diagonal.png
diff --git a/light_toast.png b/light_toast.png
diff --git a/light_wool.png b/light_wool.png
diff --git a/lightpaperfibers.png b/lightpaperfibers.png
diff --git a/lil_fiber.png b/lil_fiber.png
diff --git a/lined_paper.png b/lined_paper.png
diff --git a/linedpaper.png b/linedpaper.png
diff --git a/linen.png b/linen.png
diff --git a/little_pluses.png b/little_pluses.png
diff --git a/little_triangles.png b/little_triangles.png
diff --git a/littleknobs.png b/littleknobs.png
diff --git a/low_contrast_linen.png b/low_contrast_linen.png
diff --git a/lyonnette.png b/lyonnette.png
diff --git a/merely_cubed.png b/merely_cubed.png
diff --git a/micro_carbon.png b/micro_carbon.png
diff --git a/mirrored_squares.png b/mirrored_squares.png
diff --git a/nami.png b/nami.png
diff --git a/nasty_fabric.png b/nasty_fabric.png
diff --git a/natural_paper.png b/natural_paper.png
diff --git a/navy_blue.png b/navy_blue.png
diff --git a/nistri.png b/nistri.png
diff --git a/noise_lines.png b/noise_lines.png
diff --git a/noise_pattern_with_crosslines.png b/noise_pattern_with_crosslines.png
diff --git a/noisy.png b/noisy.png
diff --git a/noisy_grid.png b/noisy_grid.png
diff --git a/noisy_net.png b/noisy_net.png
diff --git a/norwegian_rose.png b/norwegian_rose.png
diff --git a/office.png b/office.png
diff --git a/old_mathematics.png b/old_mathematics.png
diff --git a/old_wall.png b/old_wall.png
diff --git a/otis_redding.png b/otis_redding.png
diff --git a/outlets.png b/outlets.png
diff --git a/padded.png b/padded.png
diff --git a/paper.png b/paper.png
diff --git a/paper_1.png b/paper_1.png
diff --git a/paper_2.png b/paper_2.png
diff --git a/paper_3.png b/paper_3.png
diff --git a/paven.png b/paven.png
diff --git a/perforated_white_leather.png b/perforated_white_leather.png
diff --git a/pineapplecut.png b/pineapplecut.png
diff --git a/pinstripe.png b/pinstripe.png
diff --git a/pinstriped_suit.png b/pinstriped_suit.png
diff --git a/plaid.png b/plaid.png
diff --git a/polaroid.png b/polaroid.png
diff --git a/polonez_car.png b/polonez_car.png
diff --git a/polyester_lite.png b/polyester_lite.png
diff --git a/pool_table.png b/pool_table.png
diff --git a/project_papper.png b/project_papper.png
diff --git a/psychedelic_pattern.png b/psychedelic_pattern.png
diff --git a/purty_wood.png b/purty_wood.png
diff --git a/pw_maze_black.png b/pw_maze_black.png
diff --git a/pw_maze_white.png b/pw_maze_white.png
diff --git a/px_by_Gre3g.png b/px_by_Gre3g.png
diff --git a/pyramid.png b/pyramid.png
diff --git a/quilt.png b/quilt.png
diff --git a/random_grey_variations.png b/random_grey_variations.png
diff --git a/ravenna.png b/ravenna.png
diff --git a/real_cf.png b/real_cf.png
diff --git a/rebel.png b/rebel.png
diff --git a/redox_01.png b/redox_01.png
diff --git a/redox_02.png b/redox_02.png
diff --git a/reticular_tissue.png b/reticular_tissue.png
diff --git a/retina_wood.png b/retina_wood.png
diff --git a/retro_intro.png b/retro_intro.png
diff --git a/ricepaper.png b/ricepaper.png
diff --git a/ricepaper2.png b/ricepaper2.png
diff --git a/rip_jobs.png b/rip_jobs.png
diff --git a/robots.png b/robots.png
diff --git a/rockywall.png b/rockywall.png
diff --git a/rough_diagonal.png b/rough_diagonal.png
diff --git a/roughcloth.png b/roughcloth.png
diff --git a/rubber_grip.png b/rubber_grip.png
diff --git a/satinweave.png b/satinweave.png
diff --git a/scribble_light.png b/scribble_light.png
diff --git a/shattered.png b/shattered.png
diff --git a/shinecaro.png b/shinecaro.png
diff --git a/shinedotted.png b/shinedotted.png
diff --git a/shl.png b/shl.png
diff --git a/silver_scales.png b/silver_scales.png
diff --git a/skelatal_weave.png b/skelatal_weave.png
diff --git a/skewed_print.png b/skewed_print.png
diff --git a/skin_side_up.png b/skin_side_up.png
diff --git a/small-crackle-bright.png b/small-crackle-bright.png
diff --git a/small_tiles.png b/small_tiles.png
diff --git a/smooth_wall.png b/smooth_wall.png
diff --git a/snow.png b/snow.png
diff --git a/soft_circle_scales.png b/soft_circle_scales.png
diff --git a/soft_kill.png b/soft_kill.png
diff --git a/soft_pad.png b/soft_pad.png
diff --git a/soft_wallpaper.png b/soft_wallpaper.png
diff --git a/solid.png b/solid.png
diff --git a/square_bg.png b/square_bg.png
diff --git a/squares.png b/squares.png
diff --git a/stacked_circles.png b/stacked_circles.png
diff --git a/starring.png b/starring.png
diff --git a/stitched_wool.png b/stitched_wool.png
diff --git a/strange_bullseyes.png b/strange_bullseyes.png
diff --git a/straws.png b/straws.png
diff --git a/stressed_linen.png b/stressed_linen.png
diff --git a/striped_lens.png b/striped_lens.png
diff --git a/struckaxiom.png b/struckaxiom.png
diff --git a/stucco.png b/stucco.png
diff --git a/subtle_carbon.png b/subtle_carbon.png
diff --git a/subtle_dots.png b/subtle_dots.png
diff --git a/subtle_freckles.png b/subtle_freckles.png
diff --git a/subtle_grunge.png b/subtle_grunge.png
diff --git a/subtle_orange_emboss.png b/subtle_orange_emboss.png
diff --git a/subtle_stripes.png b/subtle_stripes.png
diff --git a/subtle_surface.png b/subtle_surface.png
diff --git a/subtle_zebra_3d.png b/subtle_zebra_3d.png
diff --git a/subtlenet2.png b/subtlenet2.png
diff --git a/swirl.png b/swirl.png
diff --git a/tactile_noise.png b/tactile_noise.png
diff --git a/tapestry_pattern.png b/tapestry_pattern.png
diff --git a/tasky_pattern.png b/tasky_pattern.png
diff --git a/tex2res1.png b/tex2res1.png
diff --git a/tex2res2.png b/tex2res2.png
diff --git a/tex2res3.png b/tex2res3.png
diff --git a/tex2res4.png b/tex2res4.png
diff --git a/tex2res5.png b/tex2res5.png
diff --git a/textured_stripes.png b/textured_stripes.png
diff --git a/texturetastic_gray.png b/texturetastic_gray.png
diff --git a/tileable_wood_texture.png b/tileable_wood_texture.png
diff --git a/tiny_grid.png b/tiny_grid.png
diff --git a/triangles.png b/triangles.png
diff --git a/triangles_pattern.png b/triangles_pattern.png
diff --git a/twinkle_twinkle.png b/twinkle_twinkle.png
diff --git a/txture.png b/txture.png
diff --git a/type.png b/type.png
diff --git a/use_your_illusion.png b/use_your_illusion.png
diff --git a/vaio_hard_edge.png b/vaio_hard_edge.png
diff --git a/vertical_cloth.png b/vertical_cloth.png
diff --git a/vichy.png b/vichy.png
diff --git a/vintage_speckles.png b/vintage_speckles.png
diff --git a/wall4.png b/wall4.png
diff --git a/washi.png b/washi.png
diff --git a/wavecut.png b/wavecut.png
diff --git a/weave.png b/weave.png
diff --git a/white_bed_sheet.png b/white_bed_sheet.png
diff --git a/white_brick_wall.png b/white_brick_wall.png
diff --git a/white_carbon.png b/white_carbon.png
diff --git a/white_carbonfiber.png b/white_carbonfiber.png
diff --git a/white_leather.png b/white_leather.png