From dbb3f00bca783295fc0b1d4837e313b846f5ce88 Mon Sep 17 00:00:00 2001 From: Mark Geller Date: Wed, 23 Oct 2013 15:20:02 -0700 Subject: [PATCH] Added new features to pattern primer - Updated accordion to use new markup - Added a section for image captions - Added a section for the video hover --- patterns/accordion.html | 638 +++++++++++++++++++++-------------- patterns/image-captions.html | 23 ++ patterns/video-hover.html | 22 ++ views/index.erb | 7 +- 4 files changed, 429 insertions(+), 261 deletions(-) create mode 100644 patterns/image-captions.html create mode 100644 patterns/video-hover.html diff --git a/patterns/accordion.html b/patterns/accordion.html index db20670..f2e5426 100644 --- a/patterns/accordion.html +++ b/patterns/accordion.html @@ -1,264 +1,386 @@
- +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+

Back to Game Guide +

+
+
\ No newline at end of file diff --git a/patterns/image-captions.html b/patterns/image-captions.html new file mode 100644 index 0000000..f2f7ab9 --- /dev/null +++ b/patterns/image-captions.html @@ -0,0 +1,23 @@ +
+
+TERA The Basics +
+

Title for this image if applicable

+

This is a really long caption for this image. You can decide to use this or not. It really is up to you. Just don't come crying to me about it if it doesn't work out.

+
+ +
+
+
+ +
\ No newline at end of file diff --git a/patterns/video-hover.html b/patterns/video-hover.html new file mode 100644 index 0000000..6bda664 --- /dev/null +++ b/patterns/video-hover.html @@ -0,0 +1,22 @@ +
+ +
+ +
+
+
+
+ +
\ No newline at end of file diff --git a/views/index.erb b/views/index.erb index 56f0105..53b1b7c 100644 --- a/views/index.erb +++ b/views/index.erb @@ -4,9 +4,10 @@ Design Template + - - + +