Permalink
Browse files

update

  • Loading branch information...
1 parent 2d2d55e commit 251ac866d5b127ac8d69fcd89b668385959b7b56 @mattetti committed Apr 20, 2012
Showing with 445 additions and 76 deletions.
  1. +4 −0 javascripts/jquery.min.js
  2. +2 −1 sass/_parts.scss
  3. +18 −4 sass/base/_layout.scss
  4. +59 −0 sass/custom/_layout.scss
  5. +3 −0 sass/partials/_header.scss
  6. +4 −1 sass/parts/_article.scss
  7. +3 −0 sass/parts/_footer.scss
  8. +10 −0 sass/parts/_header.scss
  9. +9 −1 sass/parts/_index.scss
  10. +1 −1 sass/parts/_post.scss
  11. +4 −0 source/_includes/article.html
  12. +3 −0 source/_includes/bio.html
  13. +1 −1 source/_includes/custom/navigation.html
  14. +2 −2 source/_includes/head.html
  15. +2 −1 source/_includes/header.html
  16. +41 −0 source/_posts/2009-11-21-rubyconf-2009-2d-games-for-os-x.markdown
  17. +30 −0 source/_posts/2010-04-11-apples-ruby-macruby.markdown
  18. +33 −0 source/_posts/2010-04-11-confoo-dot-ca-rails-for-non-ruby-developers.markdown
  19. +4 −2 source/_posts/2010-09-27-the-ruby-movement-art-programming.markdown
  20. +0 −14 source/_posts/2010-09-28-the-ruby-movement.markdown
  21. +16 −31 source/_posts/2010-11-12-rubyconf-2010-macruby-talk.markdown
  22. +9 −3 source/_posts/2011-11-08-rubyconf-argentina-2011.markdown
  23. +4 −1 source/_posts/2012-02-04-larubyconf-2012.markdown
  24. +41 −0 source/_posts/2012-04-20-rubyconf-2009-2d-games-for-os-x.markdown
  25. BIN source/images/Matt_Aimonetti_-_RubyConf_Argentina_2011.jpg
  26. BIN source/images/matt_aimonetti/Matt-Aimonetti-and-Aaron-Patterson_small.jpg
  27. BIN source/images/matt_aimonetti/matt-Aimonetti-matz-yehuda-katz_small.jpg
  28. BIN source/images/matt_aimonetti/matt-aimonetti-chris-jan-nick_small.jpg
  29. BIN source/images/matt_aimonetti/matt-aimonetti-david-chelimsky_small.jpg
  30. BIN source/images/matt_aimonetti/matt_aimonetti_gogaruco.jpg
  31. BIN source/images/matt_aimonetti/matt_aimonetti_rails_summit.jpg
  32. BIN source/images/matt_aimonetti/matt_aimonetti_rubyconf_argentina.jpg
  33. BIN source/images/matt_aimonetti/matt_aimonetti_yehuda_katz_jim_freeze_matz_small.jpg
  34. BIN source/images/matt_aimonetti/matz_koichi_matt_aimonetti_sansonetti_jimmy_small.jpg
  35. BIN source/images/matt_aimonetti_2d_video_games.jpg
  36. BIN source/images/matt_aimonetti_rubyconf2010.jpeg
  37. BIN source/images/quote.gif
  38. +1 −3 source/index.html
  39. +4 −0 source/javascripts/jquery.min.js
  40. +9 −9 source/javascripts/slash.js
  41. +128 −0 source/matt_aimonetti/index.html
  42. +0 −1 source/robots.txt
  43. BIN source/slides/matt_aimonetti_2dvideogamewithmacruby.pdf

Large diffs are not rendered by default.

Oops, something went wrong.
View
@@ -6,4 +6,5 @@
@import "parts/comment";
@import "parts/footer";
@import "parts/syntax";
-@import "parts/twitter";
+@import "parts/twitter";
+@import "parts/profile";
View
@@ -12,10 +12,13 @@ body{
color: $gray01;
@media screen and (max-width: 1040px){
margin: 0 20px;
- }
- @media screen and (max-width: 600px){
- font-size: 13px;
- }
+ }
+ // @media screen and (max-width: 600px){
+ // font-size: 13px;
+ // }
+ // @media screen and (min-device-width : 320px) {
+ // margin: 0px;
+ // }
}
h1{
font-size: 1.8em;
@@ -47,3 +50,14 @@ a{
width: 100%;
}
}
+div.inner{
+ // @media screen and (min-device-width : 320px) {
+ // height: 150px;
+ // }
+}
+#content{
+ @media screen and (min-device-width : 320px) {
+ // margin: 0 20px
+ }
+}
+
View
@@ -19,3 +19,62 @@
//$sidebar-pad-medium: 15px;
//$sidebar-pad-wide: 20px;
//$sidebar-width-wide: 300px;
+/* Smartphones (portrait and landscape) ----------- */
+@media only screen
+and (min-device-width : 320px){
+/* Styles */
+}
+
+/* Smartphones (landscape) ----------- */
+@media only screen
+and (min-width : 321px) {
+/* Styles */
+}
+
+/* Smartphones (portrait) ----------- */
+@media only screen
+and (max-width : 320px) {
+/* Styles */
+}
+
+/* iPads (portrait and landscape) ----------- */
+@media only screen
+and (min-device-width : 768px)
+and (max-device-width : 1024px) {
+/* Styles */
+}
+
+/* iPads (landscape) ----------- */
+@media only screen
+and (min-device-width : 768px)
+and (max-device-width : 1024px)
+and (orientation : landscape) {
+/* Styles */
+}
+
+/* iPads (portrait) ----------- */
+@media only screen
+and (min-device-width : 768px)
+and (max-device-width : 1024px)
+and (orientation : portrait) {
+/* Styles */
+}
+
+/* Desktops and laptops ----------- */
+@media only screen
+and (min-width : 1224px) {
+/* Styles */
+}
+
+/* Large screens ----------- */
+@media only screen
+and (min-width : 1824px) {
+/* Styles */
+}
+
+/* iPhone 4 ----------- */
+@media
+only screen and (-webkit-min-device-pixel-ratio : 1.5),
+only screen and (min-device-pixel-ratio : 1.5) {
+/* Styles */
+}
@@ -1,5 +1,8 @@
body > header {
background: $header-bg;
+ @media screen and (min-device-width : 320px) {
+ height: 200px;
+ }
h1 {
display: inline-block;
margin: 0;
View
@@ -34,6 +34,9 @@ article{
p, blockquote, ul, ol, dl, table, iframe, h1, h2, h3, h4, h5, h6, .video-container{
margin-top: 10px;
}
+ ul{
+ line-height: 20px;
+ }
ul, ol, dl{
margin-left: 20px;
ul, ol, dl{
@@ -121,4 +124,4 @@ article{
.share{
padding: 15px 0;
@include border-shadow();
-}
+}
View
@@ -3,6 +3,9 @@ footer{
border-top: 1px solid $gray05;
text-align: center;
font-size: $meta-size;
+ // @media screen and (min-device-width : 320px) {
+ // display: none;
+ // }
}
div.vcard{
View
@@ -28,6 +28,9 @@ header{
@media screen and (max-width: 1040px){
float: none !important;
}
+ @media screen and (min-device-width : 320px) {
+ float: left !important;
+ }
}
div#matt-aimonetti{
img.photo{
@@ -37,8 +40,15 @@ header{
position: relative;
left: -5%;
}
+ @media screen and (min-device-width : 320px) {
+ padding-left: 30px;
+ }
+
ul{
padding-top: 10px;
+ @media screen and (min-device-width : 320px) {
+ padding-left: 20px;
+ }
li{
line-height: 1.4em;
}
View
@@ -1,6 +1,15 @@
div#home{
padding-top: 40px;
width: 770px;
+ @media only screen and (max-device-width : 320px) {
+ width: 90%;
+ padding-top: 10px;
+ }
+ .date{
+ text-align: right;
+ float: right;
+ width: 100px;
+ }
margin: auto;
p#bio{
padding-bottom: 30px;
@@ -13,7 +22,6 @@ div#home{
}
}
}
-.date{ width: 100px; text-align: right }
.slides{
background: $gray03;
border-radius: 5px;
View
@@ -25,7 +25,7 @@
@include link-colors($gray02, $gray01);
@include transition(0.3s);
}
- .date, .tags, .comments{
+ .date, .tags, .comments, .legacy{
padding-left: 30px;
@media screen and (max-width: 800px){
@include inline-block;
@@ -16,9 +16,13 @@ <h1 class="title entry-title"><a href="{{ root_url }}{{ post.url }}">{% if site.
{% else %}
<h1 class="title entry-title">{% if site.titlecase %}{{ page.title | titlecase }}{% else %}{{ page.title }}{% endif %}</h1>
<div class="entry">{{ content }}</div>
+
<div class="meta">
<div class="date updated">{% include post/date.html %}{{ time }}</div>
<div class="tags">{% include post/categories.html %}</div>
+ {% if page.legacy_url %}
+ <div class='legacy'><a href="{{ page.legacy_url }}">Original location</a></div>
+ {% endif %}
<div class='vcard author'>By <span class='fn'>Matt Aimonetti</span></div>
{% if site.disqus_short_name and page.comments == true and site.disqus_show_comment_count == true %}
<span class="comments"><a href="{{ root_url }}{{ post.url }}#disqus_thread">Comments</a></span>
@@ -0,0 +1,3 @@
+<p id='bio'>Matt Aimonetti is a web engineer, technical writer and active open-source contributor.
+ Based in San Diego California, he is currently working as a software architect for LivingSocial.
+ Prior to joining LivingSocial, Matt worked on video game development at Sony PlayStation.</p>
@@ -1,5 +1,5 @@
<ul class="main">
<li><a href="{{ root_url }}/articles/categories/blog-post/">Articles</a></li>
<li><a href="{{ root_url }}/articles/categories/presentation/">Presentations</a></li>
- <li><a href="{{ root_url }}/" rel='me'>About</a></li>
+ <li><a href="{{ root_url }}/matt_aimonetti" rel='me'>About</a></li>
</ul>
@@ -6,7 +6,7 @@
<meta name="author" content="{{ site.author }}">
{% capture description %}{% if page.description %}{{ page.description }}{% else %}{{ content | raw_content }}{% endif %}{% endcapture %}
- <meta name="description" content="{{ description | strip_html | condense_spaces | truncate:150 }}">
+ <meta name="description" content="{{ description | strip_html | condense_spaces | truncate:170 }}">
{% if page.keywords %}<meta name="keywords" content="{{ page.keywords }}">{% endif %}
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" />
@@ -17,7 +17,7 @@
<link href="{{ root_url }}/favicon.ico" rel="shortcut icon">
<link href="{{ root_url }}/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+ <script src="{{ root_url }}/javascripts/jquery.min.js"></script>
{% include custom/head.html %}
{% include google_analytics.html %}
</head>
@@ -1,6 +1,7 @@
<div id='meta' class='inner'>
<div id="matt-aimonetti" itemscope itemtype="http://data-vocabulary.org/Person">
- <img class="photo left" title='Matt Aimonetti' alt='Photo of Matt Aimonetti' src="{{ root_url }}/images/matt_aimonetti.jpg" />
+ <a href='/matt_aimonetti'><img class="photo left" title='Matt Aimonetti'
+ alt='Photo of Matt Aimonetti' src="{{ root_url }}/images/matt_aimonetti.jpg" /></a>
<h1 class="left"><a itemprop="name" href="{{ root_url }}/">{{ site.title }}</a></h1>
<br>
<ul class='left'>
@@ -0,0 +1,41 @@
+---
+layout: post
+title: "RubyConf 2009 - 2D games for OS X"
+date: 2009-11-21 10:25
+comments: false
+categories:
+- Presentation
+- RubyConf
+- MacRuby
+slides: /slides/matt_aimonetti_2dvideogamewithmacruby.pdf
+---
+
+
+During [RubyConf 2009](http://rubyconf.org/) in San Francisco, CA Matt
+Aimonetti gave a talk entitled *Writing 2D games for the OSX platform in Ruby*.
+
+##Description of the talk:
+
+Are you a developer who would love to get into video games but get scared when he hears "OpenGL" or "rendering engines"? Or Maybe, you never considered writing a video game because you have heard Ruby was slow and you are not ready to give up on your favorite programming language. This talk is for you then. Together, we will build a very simple game using Ruby and the development tools offered by Apple. At the end of the presentation you will be ready to get started on your own project.
+
+
+![Matt Aimonetti demonstrating a simple game workflow](/images/matt_aimonetti_2d_video_games.jpg)
+
+##Slides
+
+<script async class="speakerdeck-embed" data-id="4f911cf25edf72002200cf4e" data-ratio="1.299492385786802" src="http://speakerdeck.com/assets/embed.js"></script>
+
+The slides are available on [Matt's SpeakerDeck](http://speakerdeck.com/u/matt_aimonetti/p/rubyconf-2009-writing-2d-games-for-the-osx-platform-in-ruby) and can be [downloaded here]({{ page.slides }}).
+
+##Video
+
+{% video http://cdn.confreaks.com/system/assets/datas/420/original/21-nov-2009-10-25-writing-d-games-for-the-osx-platform-in-ruby-matt-aimonetti-small.mp4 640 360 http://www.confreaks.com/system/videos/images/192/preview/21-nov-2009-10-25-writing-d-games-for-the-osx-platform-in-ruby-matt-aimonetti-preview.png %}
+
+##Presentation website
+
+Matt's presentation was filmed by [confreaks](http://confreaks.com/) and the dedicated page for the talk is available [here](http://www.confreaks.com/videos/192-rubyconf2009-writing-2d-games-for-the-osx-platform-in-ruby)
+
+## Source Code
+
+The code and game demonstrated in this talk is available on Matt
+[Aimonetti's GitHub repository](https://github.com/mattetti/phileas_frog).
@@ -0,0 +1,30 @@
+---
+layout: post
+title: "ConFoo.ca - Apple's Ruby: MacRuby"
+date: 2010-04-11 09:52
+comments: false
+categories:
+- Presentation
+- ConFoo.ca
+---
+
+During [ConFoo Canada 2010](http://confoo.ca/) in Montreal, Canada Matt
+Aimonetti gave a talk entitled *{{ Apple's Ruby: MacRuby }}*.
+
+##Description of the talk:
+
+For many years, Apple has been shipping its OS with Ruby. But starting about two years ago, Apple started developing their own Ruby implementation on top of Objective-C runtime for performance and compatibility reasons. A developer can already write a fully native and compiled Cocoa application only using the Ruby language and the Cocoa API. But MacRuby is more than an Objective-C replacement, it allows developers to push the traditional boundaries of desktop/mobile applications & games by offering easy integration of web services, creation of p2p application, native GUI for backends web application, reuse of code and much more.
+
+During his talk, Matt Aimonetti, MacRuby team member, will explain the state of the project, its goal and potential as well as show concrete examples of how to use this powerful new Ruby implementation.
+
+##Slides
+
+Slides are not currently available.
+
+##Presentation's website
+
+[Presentation's website](http://confoo.ca/en/2010/session/apple-s-ruby-macruby) contains limited information about the talk.
+An interview with other developers was filmed during the conference and
+is available [there](http://www.youtube.com/watch?v=SKB4Re12fII). Note
+that the interviewed group speaks in French.
+The talk itself wasn't recorded.
@@ -0,0 +1,33 @@
+---
+layout: post
+title: "ConFoo.ca - Rails for non Ruby developers"
+date: 2010-04-11 09:51
+comments: false
+categories:
+- Presentation
+- Confoo.ca
+---
+
+During [ConFoo Canada 2010](http://confoo.ca/) in Montreal, Canada Matt
+Aimonetti gave a talk entitled *Rails for the non Ruby developers*.
+
+##Description of the talk:
+
+Unless you have been living on a different planet for the last few years, you have more than likely heard of Ruby on Rails.
+You have probably heard good and bad things about it, and might even have watched some of the famous screencasts.
+The thing is, you don't really know that much about Ruby and are not sure that it is worth learning yet another programming language and a new framework.
+With companies like Apple, Microsoft and Sun investing in Ruby, you might be surprised by how easy the transition can be.
+
+Matt will show you the pros and cons of using Rails. He'll go through some of the myths around the framework and explain why it might be a better fit than you would expect.
+
+##Slides
+
+Slides are not currently available.
+
+##Presentation's website
+
+[Presentation's website](http://confoo.ca/en/2010/session/rails-for-non-ruby-developers) contains limited information about the talk.
+An interview with other developers was filmed during the conference and
+is available [there](http://www.youtube.com/watch?v=SKB4Re12fII). Note
+that the interviewed group speaks in French.
+The talk itself wasn't recorded.
@@ -7,9 +7,10 @@ source: merbist.com
status: publish
title: The Ruby movement - art & programming
wordpress_id: '816'
+author: Matt Aimonetti
categories:
- Misc
-- ruby
+- Ruby
- merbist.com
- blog-post
---
@@ -18,4 +19,5 @@ I wrote a guest blog post for [Satish Talim](http://rubylearning.com/blog/about/
You can read it [there](http://rubylearning.com/blog/2010/09/28/the-ruby-movement/).
-[![](http://img.skitch.com/20100928-xk8n9kxyd5knaaja31pfpxkk86.png)](http://rubylearning.com/blog/2010/09/28/the-ruby-movement/)
+[![The Ruby Movement by Matt Aimonetti](/images/posts/the-ruby-movement.jpg "The Ruby Movement by Matt Aimonetti")](http://rubylearning.com/blog/2010/09/28/the-ruby-movement/)
+
@@ -1,14 +0,0 @@
----
-layout: post
-title: "The Ruby movement"
-date: 2010-09-28 16:50
-comments: false
-categories:
-- blog-post
-author: Matt Aimonetti
----
-
-In this [guest post](http://rubylearning.com/blog/2010/09/28/the-ruby-movement/), Matt writes for [Ruby
-Learning](http://rubylearning.com) and compares art movements with coding movements.
-
-[![The Ruby Movement](/images/posts/the-ruby-movement.jpg "The Ruby Movement by Matt Aimonetti")](http://rubylearning.com/blog/2010/09/28/the-ruby-movement/)
Oops, something went wrong.

0 comments on commit 251ac86

Please sign in to comment.