diff --git a/data/tomsters.yml b/data/tomsters.yml new file mode 100644 index 0000000000..07731f4e66 --- /dev/null +++ b/data/tomsters.yml @@ -0,0 +1,108 @@ +- title: Original Tomster + url: http://emberjs.com/ + date: May 16, 2012 + image: /images/tomsters/original.png +- title: Salt Lake City Tomster + url: http://www.meetup.com/emberjs-slc/ + date: September 25, 2014 + image: /images/tomsters/slc.png +- title: Seattle Tomster + url: http://www.meetup.com/Ember-js-Seattle-Meetup/ + date: April 11, 2015 + image: /images/tomsters/seattle.png +- title: Philly Tomster + url: http://www.meetup.com/EmberJS-Philly/ + date: March 13, 2015 + image: /images/tomsters/philly.png +- title: Munich Tomster + url: http://www.meetup.com/Ember-js-Munich/ + date: June 16, 2014 + image: /images/tomsters/munich.png +- title: Montevideo Tomster + url: http://www.meetup.com/ember-montevideo/ + date: April 25, 2015 + image: /images/tomsters/montevideo.png +- title: Louisville Tomster + url: http://www.meetup.com/Ember-js-Louisville + date: April 9, 2015 + image: /images/tomsters/louisville.png +- title: London Tomster + url: http://emberlondon.com/ + date: July 14, 2014 + image: images/tomsters/london.png +- title: Jacksonville Tomster + url: http://www.meetup.com/EmberJax/ + date: March 30, 2015 + image: /images/tomsters/jacksonville.png +- title: Houston Tomster + url: http://www.meetup.com/EmberJS-Houston/ + date: March 16, 2015 + image: /images/tomsters/houston.png +- title: Dallas Tomster + url: http://www.meetup.com/Ember-Dallas/ + date: April 20, 2015 + image: /images/tomsters/dallas.png +- title: Austin Tomster + url: http://www.meetup.com/Ember-ATX/ + date: March 25, 2015 + image: /images/tomsters/austin.png +- title: BuiltWithEmber Tomster + url: http://builtwithember.io/ + date: December 3, 2014 + image: /images/tomsters/builtwith.png +- title: Ember Sherpa + url: + date: November 25, 2014 + image: /images/tomsters/sherpa.png +- title: Stable Release Bust + url: http://www.emberjs.com/builds + date: December 2, 2013 + image: /images/tomsters/3-release.png +- title: Canary Release Bust + url: http://www.emberjs.com/builds + date: December 2, 2013 + image: /images/tomsters/1-canary.png +- title: Beta Release Bust + url: http://www.emberjs.com/builds + date: December 2, 2013 + image: /images/tomsters/2-beta.png +- title: RFC Bust + url: + date: February 26, 2015 + image: /images/tomsters/0-rfc.png +- title: Construction Tomster + url: + date: March 24, 2013 + image: /images/tomsters/construction.png +- title: EmberCamp Tomster + url: + date: December 21, 2012 + image: /images/tomsters/embercamp.png +- title: Fishy Tomster + url: http://emberjs.com/community/ + date: November 17, 2012 + image: /images/tomsters/fishy.png +- title: Deprecated Tomster + url: + date: March 24, 2013 + image: /images/tomsters/deprecated.png +- title: 5K Tomster + url: + date: March 12, 2014 + image: /images/tomsters/5k.png +- title: EmberConf 2015 + url: http://www.emberconf.com + date: November 17, 2014 + image: /images/tomsters/kayaking.png +- title: EmberConf 2014 + url: http://www.emberconf.com + date: November 1, 2013 + image: /images/tomsters/hanggliding.png +- title: Teaching Tomster + url: + date: January 14, 2013 + image: /images/tomsters/teaching.png +- title: Office Hours Tomster + url: + date: March 25, 2013 + image: /images/tomsters/officehours.png \ No newline at end of file diff --git a/source/images/tomster-faq.png b/source/images/tomster-faq.png new file mode 100644 index 0000000000..fcf836b56e Binary files /dev/null and b/source/images/tomster-faq.png differ diff --git a/source/images/tomsters/0-rfc.png b/source/images/tomsters/0-rfc.png new file mode 100644 index 0000000000..1e76927080 Binary files /dev/null and b/source/images/tomsters/0-rfc.png differ diff --git a/source/images/tomsters/1-canary.png b/source/images/tomsters/1-canary.png new file mode 100644 index 0000000000..b1644b1daa Binary files /dev/null and b/source/images/tomsters/1-canary.png differ diff --git a/source/images/tomsters/2-beta.png b/source/images/tomsters/2-beta.png new file mode 100644 index 0000000000..b54924fcf9 Binary files /dev/null and b/source/images/tomsters/2-beta.png differ diff --git a/source/images/tomsters/3-release.png b/source/images/tomsters/3-release.png new file mode 100644 index 0000000000..075be9f4d6 Binary files /dev/null and b/source/images/tomsters/3-release.png differ diff --git a/source/images/tomsters/5k.png b/source/images/tomsters/5k.png new file mode 100644 index 0000000000..6c87a8612f Binary files /dev/null and b/source/images/tomsters/5k.png differ diff --git a/source/images/tomsters/austin.png b/source/images/tomsters/austin.png new file mode 100644 index 0000000000..b1fd7a8c6a Binary files /dev/null and b/source/images/tomsters/austin.png differ diff --git a/source/images/tomsters/builtwith.png b/source/images/tomsters/builtwith.png new file mode 100644 index 0000000000..4170ebaa13 Binary files /dev/null and b/source/images/tomsters/builtwith.png differ diff --git a/source/images/tomsters/construction.png b/source/images/tomsters/construction.png new file mode 100644 index 0000000000..b6be6aab90 Binary files /dev/null and b/source/images/tomsters/construction.png differ diff --git a/source/images/tomsters/dallas.png b/source/images/tomsters/dallas.png new file mode 100644 index 0000000000..46b719e1d9 Binary files /dev/null and b/source/images/tomsters/dallas.png differ diff --git a/source/images/tomsters/deprecated.png b/source/images/tomsters/deprecated.png new file mode 100644 index 0000000000..e06e818819 Binary files /dev/null and b/source/images/tomsters/deprecated.png differ diff --git a/source/images/tomsters/embercamp.png b/source/images/tomsters/embercamp.png new file mode 100644 index 0000000000..d0f0851dbc Binary files /dev/null and b/source/images/tomsters/embercamp.png differ diff --git a/source/images/tomsters/fishy.png b/source/images/tomsters/fishy.png new file mode 100644 index 0000000000..20310a0456 Binary files /dev/null and b/source/images/tomsters/fishy.png differ diff --git a/source/images/tomsters/hanggliding.png b/source/images/tomsters/hanggliding.png new file mode 100644 index 0000000000..f80793e1cf Binary files /dev/null and b/source/images/tomsters/hanggliding.png differ diff --git a/source/images/tomsters/houston.png b/source/images/tomsters/houston.png new file mode 100644 index 0000000000..38c3bd012f Binary files /dev/null and b/source/images/tomsters/houston.png differ diff --git a/source/images/tomsters/jacksonville.png b/source/images/tomsters/jacksonville.png new file mode 100644 index 0000000000..6514bfab35 Binary files /dev/null and b/source/images/tomsters/jacksonville.png differ diff --git a/source/images/tomsters/kayaking.png b/source/images/tomsters/kayaking.png new file mode 100644 index 0000000000..f003de6fe2 Binary files /dev/null and b/source/images/tomsters/kayaking.png differ diff --git a/source/images/tomsters/london.png b/source/images/tomsters/london.png new file mode 100644 index 0000000000..57a8b3ac69 Binary files /dev/null and b/source/images/tomsters/london.png differ diff --git a/source/images/tomsters/louisville.png b/source/images/tomsters/louisville.png new file mode 100644 index 0000000000..a6f51a9b0d Binary files /dev/null and b/source/images/tomsters/louisville.png differ diff --git a/source/images/tomsters/montevideo.png b/source/images/tomsters/montevideo.png new file mode 100644 index 0000000000..dad7ac7a06 Binary files /dev/null and b/source/images/tomsters/montevideo.png differ diff --git a/source/images/tomsters/munich.png b/source/images/tomsters/munich.png new file mode 100644 index 0000000000..10cae78a0e Binary files /dev/null and b/source/images/tomsters/munich.png differ diff --git a/source/images/tomsters/officehours.png b/source/images/tomsters/officehours.png new file mode 100644 index 0000000000..9061c71814 Binary files /dev/null and b/source/images/tomsters/officehours.png differ diff --git a/source/images/tomsters/original.png b/source/images/tomsters/original.png new file mode 100644 index 0000000000..9eeb35ec81 Binary files /dev/null and b/source/images/tomsters/original.png differ diff --git a/source/images/tomsters/philly.png b/source/images/tomsters/philly.png new file mode 100644 index 0000000000..5ffb8d4c69 Binary files /dev/null and b/source/images/tomsters/philly.png differ diff --git a/source/images/tomsters/seattle.png b/source/images/tomsters/seattle.png new file mode 100644 index 0000000000..63d5e11f5d Binary files /dev/null and b/source/images/tomsters/seattle.png differ diff --git a/source/images/tomsters/sherpa.png b/source/images/tomsters/sherpa.png new file mode 100644 index 0000000000..7e9c299e63 Binary files /dev/null and b/source/images/tomsters/sherpa.png differ diff --git a/source/images/tomsters/slc.png b/source/images/tomsters/slc.png new file mode 100644 index 0000000000..e71c4d6b6f Binary files /dev/null and b/source/images/tomsters/slc.png differ diff --git a/source/images/tomsters/teaching.png b/source/images/tomsters/teaching.png new file mode 100644 index 0000000000..749613c775 Binary files /dev/null and b/source/images/tomsters/teaching.png differ diff --git a/source/javascripts/app/faq/faq-questions.js b/source/javascripts/app/faq/faq-questions.js new file mode 100644 index 0000000000..1960f694f3 --- /dev/null +++ b/source/javascripts/app/faq/faq-questions.js @@ -0,0 +1,13 @@ +$(function() { + var faqQuestions = $('#faq-questions').find('li'); + + if (faqQuestions.length) { + + faqQuestions.on('click', function(e){ + e.preventDefault(); + var answerAnchor = $(this).find('a').attr('href'); + $('html, body').animate({ scrollTop: $(answerAnchor).offset().top - 20 }, 'slow'); + }); + } + +}); \ No newline at end of file diff --git a/source/stylesheets/site.css.scss b/source/stylesheets/site.css.scss index 2248343bfc..955cac8de1 100644 --- a/source/stylesheets/site.css.scss +++ b/source/stylesheets/site.css.scss @@ -1546,6 +1546,132 @@ body.security #content { border-bottom: none; } +/** + Tomster Page +**/ + +.tomster.section.intro { + margin: 3em auto 0; + width: 54em; + h1 { + text-align: center; + } +} + +.tomster.section.list { + margin: 0 auto; + + #tomster-list td { + padding: 20px; + } + + .tomster-container { + border-radius: 2px; + border: 1px solid #ddd; + background-color: #fff; + -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); + box-shadow: 0 1px 2px rgba(0,0,0,0.15); + } + + .tomster-image { + text-align: center; + width: 438px; + height: 438px; + padding: 30px; + // These next three lines control centering the Tomsters + display: flex; + align-items: center; + justify-content: center; + img { + margin-bottom: -4px; // Fixes 4px space below image + max-width: 100%; + max-height: 100%; + } + } + + .tomster-info { + @include clearfix; + padding: 12px; + height: 41px; + .title { + float: left; + font-size: 15px; + font-weight: bold; + font-family: 'Maven Pro'; + text-transform: uppercase; + } + .date { + float: right; + } + p.not-yet-url { + // If the Tomster entry has no URL, this controls the formatting + margin-top: 0; + margin-bottom: 0; + } + } +} + +/** + Tomster FAQ Page +**/ + +body.tomster_faq #content { + margin: 3em auto 0 auto; + width: 54em; + + h1, h1:first-child { + margin-top: 0; + padding-bottom: 20px; + } + + .section { + width: auto; + } + + li { + margin-bottom: 4px; + } + + hr { + height: 1px; + border: none; + margin: 2em 0; + background-color: #dfd7d4; + } + + #back-to-top { + padding-left: 13px; + text-align: center; + display: none; + @include transition(opacity 0.05s linear); + + @media screen and (max-width: 1200px) { + padding-left: 0px; + height: 20px; + width: 30px; + overflow: hidden; + } + + @media screen and (max-width: 1020px) { + display: none !important; + } + } +} + +.tomster-faq { + @include clearfix; + .left-col { + float: left; + width: 491px; + } + .right-col { + float: left; + width: 225px; + margin-left: 40px; + text-align: center; + } +} /** Sponsors Page diff --git a/source/tomster.html.erb b/source/tomster.html.erb new file mode 100644 index 0000000000..86b84b39f3 --- /dev/null +++ b/source/tomster.html.erb @@ -0,0 +1,43 @@ +--- +title: "Tomster" +--- + +
+

The Tomster

+

+ Tomster is one of the friendly faces of the Ember project and community. Over the years we've dressed and redressed him for all sorts of fun projects and reasons. +

+

+ The Tomster is a registered and protected trademark. These images may not be used without specific and explicit consent (which we aim never to hold back unreasonably). If you have questions about using or commissioning a Tomster, check out the FAQ. +

+
+ +
+ + <% data.tomsters.sort_by {|t| Date.parse(t.date) }.reverse.each_slice(2) do |slice| %> + + <% slice.each do |tomster| %> + + <% end %> + + <% end %> +
+
+
+ +
+
+ <% if tomster.url %> + + <%= tomster.title %> + + <% else %> +

<%= tomster.title %>

+ <% end %> +
+ <%= tomster.date %> +
+
+
+
+
\ No newline at end of file diff --git a/source/tomster/faq.html.erb b/source/tomster/faq.html.erb new file mode 100644 index 0000000000..ff1c8f8f02 --- /dev/null +++ b/source/tomster/faq.html.erb @@ -0,0 +1,47 @@ +--- +title: "Tomster FAQ" +--- + +

Tomster FAQ

+ +
⬆ Back to Top
+ +
+
+
    +
  1. Can I use the Tomster for my product/website/company/etc.?
    2. +
  2. Can I use it for my avatar/Twitter photo/OKCupid headshot/etc?
    3. +
  3. Can you make a Tomster that looks like [insert thing here]?
    4. +
  4. Can I make my own Tomster?
    5. +
  5. Do you own the Trademark to Ember and the Tomster?
    6. +
  6. Who designed the original Tomster?
    7. +
+ +
+ +

Can I use the Tomster for my product/website/
company/etc.?

+

The Tomster is a registered trademark, and more importantly, a big part of our identity! He may not be used for any unofficial purposes without us granting a specific license.

+

There are processes whereby community efforts and user groups can commission specific Tomsters and be granted license to use them. It’s affordable and easy, but we’re picky about approvals. To learn more, reach out.

+ +

Can I use it for my avatar/Twitter photo/
OKCupid headshot/etc?

+

See the previous question as well. Please do not use the Tomster for anything without specific permission. Besides: you’re lovely! And also (probably) not a hamster. You can find something better <3

+ +

Can you make a Tomster that looks like [insert thing here]?

+

Maybe! Ember is an open source project with little by way of funding, so for now, Tomsters are made as they’re needed, rather than any time a fun idea comes up (because trust us, there are LOTS of good ideas!). You’re welcome to toss us a note with an idea or request, but for right now, assume they’re designed by necessity only.

+ +

Can I make my own Tomster?

+

A big friendly and polite… absolutely not :p The Tomsers are all made in-house by a small number of official Tomster Designers we work directly with and trust to help us keep the brand and image in the right place. We’re very protective of him; please don’t customize, manipulate or otherwise commandeer our identity and assets.

+ +

Do you own the Trademark to Ember and the Tomster?

+

We do indeed!

+ +

Who designed the original Tomster?

+

The Tomster was originally designed by the fabulous Lindsey Wilson, as part of a set of illustrations we had made for the first Ember website. From there he rapidly grew into the iconic Tomster you know today :) Lindsey has also designed something like 90% of the other Tomsters in existence.

+

Contact Leah for any Tomster-related questions or commission requests. If you want to hire Lindsey for non Ember related work, please do! She’s great. Really.

+
+
+ +
+
+ + \ No newline at end of file