@@ -31,7 +21,7 @@ tags: home
# HDMI2USB: Open video capture hardware + firmware
-![HDMI2USB Diagram](../img/hdmi2usb-diagram.png "HDMI2USB Diagram"){: .image-right}
+![HDMI2USB Diagram](../img/hdmi2usb.jpg "HDMI2USB Diagram"){: .image-right}
**The HDMI2USB project develops affordable hardware options to record and stream HD videos (from HDMI & DisplayPort sources) for conferences, meetings and user groups.**
@@ -59,8 +49,8 @@ Our aim is this becomes the defacto, incredibly affordable and easy to use video
@@ -82,15 +72,85 @@ Our aim is this becomes the defacto, incredibly affordable and easy to use video
-
-
-
-
-
-# TODO: Put some type of image carousal here.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/README.md b/README.md
index b8e91a3..1984406 100644
--- a/README.md
+++ b/README.md
@@ -8,9 +8,10 @@ TODO: Update this information for HDMI2USB information.
```
sudo apt-get install build-essential ruby ruby-dev gem bundler rake nodejs
+imagemagick
bundle install
-bundle exec jekyll serve --watch
+rake site:watch
```
## How to contribute to TimVideos Developer website?
diff --git a/_includes/banner.html b/_includes/banner.html
new file mode 100644
index 0000000..5c8696c
--- /dev/null
+++ b/_includes/banner.html
@@ -0,0 +1,8 @@
+
diff --git a/_includes/head.html b/_includes/head.html
index 9abd1d2..5bdb41e 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -5,12 +5,15 @@
-
+
-
-
+
+
+
+
+
-
+
diff --git a/_includes/scripts.html b/_includes/scripts.html
index 16d2ea0..a13be39 100644
--- a/_includes/scripts.html
+++ b/_includes/scripts.html
@@ -1,2 +1,5 @@
-
-
\ No newline at end of file
+
+
+
+
+
diff --git a/_includes/sidebar.html b/_includes/sidebar.html
index fa4905d..18aafac 100644
--- a/_includes/sidebar.html
+++ b/_includes/sidebar.html
@@ -5,22 +5,22 @@
- FIRMWARE
+ FIRMWARE
- GETTING HELP
+ GETTING HELP
- NEWS
+ NEWS
To TimVideos
diff --git a/_layouts/base.html b/_layouts/base.html
index 672a119..983e9e6 100644
--- a/_layouts/base.html
+++ b/_layouts/base.html
@@ -7,6 +7,7 @@
{% include sidebar.html %}
+ {% include banner.html %}
{{ content }}
diff --git a/_layouts/default-noedit.html b/_layouts/default-noedit.html
new file mode 100644
index 0000000..a71bac1
--- /dev/null
+++ b/_layouts/default-noedit.html
@@ -0,0 +1,12 @@
+---
+layout: base
+---
+
diff --git a/_layouts/default.html b/_layouts/default.html
index c8b3d41..6be5b5e 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -8,7 +8,7 @@
-
+
{{ content }}
diff --git a/_layouts/post.html b/_layouts/post.html
index c574a17..57e5cd3 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -1,5 +1,5 @@
---
-layout: default
+layout: default-noedit
---
diff --git a/_plugins/thumbnail.rb b/_plugins/thumbnail.rb
new file mode 100644
index 0000000..73233d0
--- /dev/null
+++ b/_plugins/thumbnail.rb
@@ -0,0 +1,70 @@
+# Generates a thumbnail to an image and renders an image tag.
+# The image will be resized to fit within a max bounding box.
+# The resulting filename is based on original and includes dimensions.
+# All paths are relative to /source.
+
+# Usage:
+#
+# {% thumbnail /path/to/local/image.png 50x50< %}
+#
+# The dimensions will be given directly to imagemagick.
+# You probably want the "<" at the end. See http://www.imagemagick.org/Magick++/Geometry.html.
+#
+# Installation:
+#
+# * add the gem: gem "mini_magick" (and bundle install)
+# * copy thumbnail.rb to plugins folder
+#
+# https://github.com/xfxf/jekyll-thumbnailer
+
+require 'mini_magick'
+
+class Jekyll::Thumbnail < Liquid::Tag
+ def initialize(tag_name, markup, tokens)
+ if /(?
[^\s]+)\s+(?[^\s]+)/i =~ markup
+ @source = source
+ @dimensions = dimensions
+ end
+ super
+ end
+
+ def render(context)
+ if @source
+
+ # parking
+ source = @source
+ dimensions = @dimensions
+
+ raise "#{source} is not readable" unless File.readable?(source)
+ ext = File.extname(source)
+ desc = dimensions.gsub(/[^\da-z]+/i, '')
+ w, h = desc.split('x')
+
+ dest = "#{File.dirname(source)}/#{File.basename(source, ext)}_#{desc}#{ext}"
+
+ # only thumbnail the image if it doesn't exist tor is less recent than the source file
+ # will prevent re-processing thumbnails for a ton of images...
+ if !File.exists?(dest) || File.mtime(dest) <= File.mtime(source)
+ # puts ENV.inspect
+
+ puts "Thumbnailing #{source} to #{dest} (#{dimensions})"
+
+ MiniMagick::Tool::Convert.new do |convert|
+ convert << source
+ convert.resize dimensions
+ convert.gravity 'center'
+ convert.extent dimensions
+ convert << dest
+ end
+
+ end
+
+ """ """
+
+ else
+ "Could not create thumbnail for #{source}. Usage: thumbnail /path/to/local/image.png 50x50<"
+ end
+ end
+end
+
+Liquid::Template.register_tag('thumbnail', Jekyll::Thumbnail)
diff --git a/css/styles.css b/css/styles.css
index 34851b0..e22501c 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -39,10 +39,6 @@ a {
color:#024c7d;
}
-img {
- max-width: 100%;
-}
-
img.favicon {
height: 24px;
width: 24px;
@@ -333,6 +329,11 @@ padding-bottom: 0;
img.board-pic {
+ max-width: 100%;
+}
+
+img.firmware-pic {
+ max-width: 100%;
}
.footnote {
@@ -393,6 +394,7 @@ table.firmware td.fw-misoc {
.image-right {
float: right;
margin: 15px;
+ max-width: 100%;
}
.top-message {
diff --git a/img/gallery/HDMI2USB.jpg b/img/gallery/HDMI2USB.jpg
new file mode 100644
index 0000000..ef08d77
Binary files /dev/null and b/img/gallery/HDMI2USB.jpg differ
diff --git a/img/gallery/HDMI2USB_200x150.jpg b/img/gallery/HDMI2USB_200x150.jpg
new file mode 100644
index 0000000..0ca49ca
Binary files /dev/null and b/img/gallery/HDMI2USB_200x150.jpg differ
diff --git a/img/gallery/atlys.jpg b/img/gallery/atlys.jpg
new file mode 100644
index 0000000..5ed0735
Binary files /dev/null and b/img/gallery/atlys.jpg differ
diff --git a/img/gallery/atlys_200x150.jpg b/img/gallery/atlys_200x150.jpg
new file mode 100644
index 0000000..b11ba08
Binary files /dev/null and b/img/gallery/atlys_200x150.jpg differ
diff --git a/img/gallery/img0.jpg b/img/gallery/img0.jpg
new file mode 100644
index 0000000..7e1b57d
Binary files /dev/null and b/img/gallery/img0.jpg differ
diff --git a/img/gallery/img0_200x150.jpg b/img/gallery/img0_200x150.jpg
new file mode 100644
index 0000000..22905ab
Binary files /dev/null and b/img/gallery/img0_200x150.jpg differ
diff --git a/img/gallery/img1.jpg b/img/gallery/img1.jpg
new file mode 100644
index 0000000..874d7fc
Binary files /dev/null and b/img/gallery/img1.jpg differ
diff --git a/img/gallery/img1_200x150.jpg b/img/gallery/img1_200x150.jpg
new file mode 100644
index 0000000..69737ab
Binary files /dev/null and b/img/gallery/img1_200x150.jpg differ
diff --git a/img/gallery/img3.jpg b/img/gallery/img3.jpg
new file mode 100644
index 0000000..5fb2208
Binary files /dev/null and b/img/gallery/img3.jpg differ
diff --git a/img/gallery/img3_200x150.jpg b/img/gallery/img3_200x150.jpg
new file mode 100644
index 0000000..ab7ee76
Binary files /dev/null and b/img/gallery/img3_200x150.jpg differ
diff --git a/img/gallery/img4.jpg b/img/gallery/img4.jpg
new file mode 100644
index 0000000..c77e351
Binary files /dev/null and b/img/gallery/img4.jpg differ
diff --git a/img/gallery/img4_200x150.jpg b/img/gallery/img4_200x150.jpg
new file mode 100644
index 0000000..09a9263
Binary files /dev/null and b/img/gallery/img4_200x150.jpg differ
diff --git a/img/gallery/img5.jpg b/img/gallery/img5.jpg
new file mode 100644
index 0000000..d9779e7
Binary files /dev/null and b/img/gallery/img5.jpg differ
diff --git a/img/gallery/img5_200x150.jpg b/img/gallery/img5_200x150.jpg
new file mode 100644
index 0000000..cf14b7c
Binary files /dev/null and b/img/gallery/img5_200x150.jpg differ
diff --git a/img/gallery/img7.jpg b/img/gallery/img7.jpg
new file mode 100644
index 0000000..a7c3333
Binary files /dev/null and b/img/gallery/img7.jpg differ
diff --git a/img/gallery/img7_200x150.jpg b/img/gallery/img7_200x150.jpg
new file mode 100644
index 0000000..e2a6b2e
Binary files /dev/null and b/img/gallery/img7_200x150.jpg differ
diff --git a/img/gallery/img8.jpg b/img/gallery/img8.jpg
new file mode 100644
index 0000000..4d3e9bd
Binary files /dev/null and b/img/gallery/img8.jpg differ
diff --git a/img/gallery/img8_200x150.jpg b/img/gallery/img8_200x150.jpg
new file mode 100644
index 0000000..e2f919a
Binary files /dev/null and b/img/gallery/img8_200x150.jpg differ
diff --git a/img/gallery/oss-hardware.png b/img/gallery/oss-hardware.png
new file mode 100644
index 0000000..26c2b7f
Binary files /dev/null and b/img/gallery/oss-hardware.png differ
diff --git a/img/gallery/oss-hardware_200x150.png b/img/gallery/oss-hardware_200x150.png
new file mode 100644
index 0000000..3b799b3
Binary files /dev/null and b/img/gallery/oss-hardware_200x150.png differ
diff --git a/img/gallery/sprint-team-lca2015.jpg b/img/gallery/sprint-team-lca2015.jpg
new file mode 100644
index 0000000..546e05b
Binary files /dev/null and b/img/gallery/sprint-team-lca2015.jpg differ
diff --git a/img/gallery/sprint-team-lca2015_200x150.jpg b/img/gallery/sprint-team-lca2015_200x150.jpg
new file mode 100644
index 0000000..ea187e0
Binary files /dev/null and b/img/gallery/sprint-team-lca2015_200x150.jpg differ
diff --git a/img/gallery/timvideos.jpg b/img/gallery/timvideos.jpg
new file mode 100644
index 0000000..c3d5daa
Binary files /dev/null and b/img/gallery/timvideos.jpg differ
diff --git a/img/gallery/timvideos_200x150.jpg b/img/gallery/timvideos_200x150.jpg
new file mode 100644
index 0000000..aa1cc3b
Binary files /dev/null and b/img/gallery/timvideos_200x150.jpg differ
diff --git a/img/hdmi2usb.jpg b/img/hdmi2usb.jpg
new file mode 100644
index 0000000..640e3ab
Binary files /dev/null and b/img/hdmi2usb.jpg differ
diff --git a/js/app.js b/js/app.js
new file mode 100644
index 0000000..82fd2e7
--- /dev/null
+++ b/js/app.js
@@ -0,0 +1,28 @@
+$(document).ready(function() {
+
+ $('.imageslick').slick({
+ slidesToShow: 4,
+ slidesToScroll: 1,
+ autoplay: true,
+ autoplaySpeed: 2000,
+ dots: true,
+ centerMode: true,
+ responsive: [
+ {
+ breakpoint: 1024,
+ settings: {
+ slidesToShow: 2,
+ }
+ },
+ {
+ breakpoint: 600,
+ settings: {
+ slidesToShow: 1,
+ }
+ },
+ ]
+ });
+
+ $(".fancybox").fancybox();
+
+} );