Permalink
Browse files

Updated all images to support HiDPI goodness

  • Loading branch information...
1 parent 9574b3b commit f3237c179a8add0d7d4a5ecab4fa5742f6a90b98 @meltingice committed Jan 7, 2013
View
@@ -12,7 +12,7 @@ asset_bundler:
remove_bundled: false
dev: false
caman:
- stable_version: 3.3.0
+ stable_version: 4.0.0
cdn_version: 3.3.0
filters:
View
@@ -13,13 +13,19 @@
<link href='http://fonts.googleapis.com/css?family=Source+Code+Pro|Raleway:400,200,700' rel='stylesheet' type='text/css'>
{% bundle %}
- - //cdnjs.cloudflare.com/ajax/libs/camanjs/{{site.caman.cdn_version}}/caman.full.min.js
+ - //raw.github.com/meltingice/CamanJS/master/dist/caman.full.js
- //ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js
- /javascripts/ext/html5slider.js
- /javascripts/ext/underscore.js
{% endbundle %}
<script src="/javascripts/{{page.section}}.js"></script>
+
+ {% if site.dev or site.server %}
+ <script type="text/javascript">
+ Caman.DEBUG = true
+ </script>
+ {% endif %}
</head>
<body>
{{ content }}
View
@@ -10,7 +10,11 @@
<h3>Interactive Example</h3>
<p>Choose a filter and move the slider to see it in action. This is only a sample of the full power of CamanJS.</p>
- <img id="example" src="/images/example1_600.jpg">
+ <img
+ id="example"
+ src="/images/example1_600.jpg"
+ data-caman-hidpi="/images/example1_1200.jpg"
+ >
<div id="Filters">
{% for filter in site.filters %}
@@ -39,7 +43,11 @@
<h3>Preset Examples</h3>
<p>CamanJS has a number of preset filters that show off how to generate consistent effects on many types of images.</p>
- <img id="preset-example" src="/images/example2_600.jpg">
+ <img
+ id="preset-example"
+ src="/images/example2_600.jpg"
+ data-caman-hidpi="/images/example2_1200.jpg"
+ >
<div id="PresetFilters">
{% for preset in site.caman_presets %}
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -32,19 +32,25 @@
{% highlight html %}
<img
data-caman="brightness(10) contrast(30) sepia(60) saturation(-30)"
+ data-caman-hidpi="/path/to/image@2x.jpg"
src="path/to/image.jpg"
>
{% endhighlight %}
<div id="HomeExamples">
<div class="Left">
- <img src="/images/example1_290.jpg">
+ <img
+ src="/images/example1_290.jpg"
+ data-caman=""
+ data-caman-hidpi="/images/example1_580.jpg"
+ >
<p>Before</p>
</div>
<div class="Right">
<img
src="/images/example1_290.jpg"
data-caman="brightness(10) contrast(30) sepia(60) saturation(-30)"
+ data-caman-hidpi="/images/example1_580.jpg"
>
<p>After</p>
</div>

0 comments on commit f3237c1

Please sign in to comment.