Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Branch: master
Commits on Jul 15, 2015
  1. @tenderlove
Commits on Jul 7, 2015
  1. @rafaelfranca

    Merge pull request #65 from alpracka/master

    rafaelfranca authored
    version info updated
Commits on Jul 2, 2015
  1. @alpracka

    version info updated

    alpracka authored
Commits on Jun 15, 2015
  1. @rafaelfranca

    Update my profile

    rafaelfranca authored
Commits on Jun 3, 2015
  1. @carlosantoniodasilva
  2. @carlosantoniodasilva
Commits on May 12, 2015
  1. @rafaelfranca

    Merge pull request #64 from claudiob/responsive-design

    rafaelfranca authored
    Make rubyonrails.org responsive
Commits on May 9, 2015
  1. @claudiob

    Make rubyonrails.org responsive

    claudiob authored
    This commit "flips the switch" of using an adaptive viewport on
    smaller devices which (combined with the most recent commits) makes
    the site looks nicer on narrow screens by means of Boostrap’s
    adaptive grid.
    
    Additionally, this commit cleans up the CSS / markup by removing
    DOM elements that are not required anymore (e.g. `<div id="article">`),
    using more semantic elements (e.g., `<mark>` replaces `<div class="highlight">`).
    
    The site should look the same when seen on big screens, but should
    provide a better experience on smaller screens.
    
    Closes #46
Commits on May 8, 2015
  1. @rafaelfranca

    Merge pull request #63 from claudiob/responsive-grid

    rafaelfranca authored
    Responsive design: all two-column sections
  2. @claudiob

    Responsive design: all two-column sections

    claudiob authored
    Make every page responsive by turning the central two-column sections
    from fixed width to a grid system that adapts at smaller screen sizes.
    
    Once again, the site will look the same in a normal-sized window, but
    will adapt nicely (and not overflow) at smaller resolutions.
Commits on May 7, 2015
  1. @rafaelfranca

    Merge pull request #62 from claudiob/responsive-slideshow

    rafaelfranca authored
    Responsive design: slideshow in home-page
  2. @claudiob

    Responsive design: slideshow in home-page

    claudiob authored
    The #slideshow element in the home page (quotes about Rails)
    is now responsive, wrapping correctly in small screen sizes
    rather than overflowing.
  3. @rafaelfranca

    Merge pull request #61 from claudiob/responsive-slivers

    rafaelfranca authored
    Responsive slivers
  4. @claudiob

    Remove redundant CSS rules

    claudiob authored
    This commit is just DOM/CSS optimization, removing for the CSS
    items like `!important` reusing styles already declared for other
    elements (such as: the color and background of links).
  5. @claudiob

    Responsive design: slivers in home-page

    claudiob authored
    The #slivers element in the home page (Get Excited/Get Started/Get Better/Get Involved)
    is now responsive, showing 4 items in a row at normal screen sizes, and 2 items
    in a row at smaller screen sizes.
  6. @rafaelfranca

    Merge pull request #60 from claudiob/responsive-header

    rafaelfranca authored
    Responsive header
Commits on May 5, 2015
  1. @claudiob

    Remove redundant #article-specific styles

    claudiob authored
    This commit is just DOM/CSS optimization, replacing `#article header`
    with `header` in the CSS, since there is only one `<header>` element.
    
    The CSS file is updated accordingly, reusing styles already declared
    for the navbar (such as: text is black).
  2. @claudiob

    Fit header in one line on smaller screens

    claudiob authored
    Changing the font-size on smaller screens allows the header of each
    page to fit in a single line. See screenshots.
  3. @claudiob

    Responsive design: header and sub-headers

    claudiob authored
    On small window sizes, the headers and sub-headers of each page used
    to overflow, but now they wrap correctly.
  4. @claudiob

    Don’t use `box-sizing: content-box` in CSS

    claudiob authored
    In order to use Bootstrap grid system, the box-sizing should be the
    default, that is, any measure of width or height should be inclusive
    of padding and border (but not margin).
    
    This commit replaces the box-sizing value without affecting the web
    site, by updating all the width/height values to include paddings and
    borders.
  5. @claudiob
  6. @guilleiguaran
  7. @claudiob

    Remove redundant <div id="footer">

    claudiob authored
    This commit is just DOM/CSS optimization, replacing
    
    ```html
    <div id="footer" class="container"><footer>
    ...
    </footer></div>
    ```
    
    with
    
    ```html
    <footer class="container">
    ...
    </footer>
    ```
    
    and updating the CSS file accordingly, reusing styles already declared
    for the navbar (such as: links are black and become white with black
    background on hover).
  8. @claudiob

    Responsive design: footer

    claudiob authored
    Wrap the footer in a container, so that when the window is narrow,
    the text wraps correctly. See screenshots.
  9. @rafaelfranca

    Merge pull request #58 from claudiob/responsive-navbar

    rafaelfranca authored
    Responsive navbar
  10. @claudiob

    Responsive design: navigation menu

    claudiob authored
    This is the first commit to gradually make the web site responsive (#46).
    This commit *only* deals with the navigation menu at the top, and uses
    Bootstrap grid system so that it:
    
    * looks the same in a normal-sizes browser window
    * displays a collapsed dropdown menu in small-sized windows
    
    Interesting points of discussion about this commit:
    
    1) the collapsed dropdown requires bootstrap.js -- as in the previous commit, up for discussion whether using a CDN is ok
    2) bootstrap.js requires a more modern version of jquery, so 1.11.1 is used instead of 1.7.1
    3) some CSS rules have been added to transform the "bootstrap-styled" navbar into the same style currently used by the site
    
    Regarding the last point, I just want to iterate that this commit intends not
    to change the current style/layout at all, just to make it responsive.
    I'm all for removing some of those extra CSS rules if we want to change the
    design, but it's outside of the scope of the current PR.
    
    Attachments show how the site and the navigation looks like before/after the commit.
  11. @claudiob

    Load Bootstrap CSS, keep the current layout intact

    claudiob authored
    The first step for a responsive design is to use a CSS framework that
    supports grid (or to create one). I suggest we use the most widely used
    at the time: Bootstrap CSS.
    
    This commit loads Bootstrap CSS while keeping the current layout intact.
    
    The following commits will gradually replace the element of the current
    layout (such as `<div role="main"><section>`) with responsive elements
    provided by Bootstrap (such as `<div class="container">`).
    
    I'm open to discussion about whether it’s okay load Bootstrap CSS from
    a CDN or include the file in the repository.
    
    I'm in favor of using a CDN, because it guarantees faster loading time +
    the file might already be in the browser’s cache + does not require the
    CSS from the same host (GitHub Pages) that serves the HTML files.
  12. @rafaelfranca

    Merge pull request #56 from claudiob/fix-blockquotes

    rafaelfranca authored
    Fix: <pre><code>, not <blockquote>, for code block
  13. @rafaelfranca

    Merge pull request #57 from claudiob/uniform-layout

    rafaelfranca authored
    Don’t duplicate layout elements -- move them to the default layout
Commits on May 4, 2015
  1. @claudiob

    Don’t duplicate <h1> and <h2> in each page.

    claudiob authored
    Since all pages have the same layout, headers and sub-headers can
    be written using Jekyll front matters and styled in the default
    layout.
  2. @claudiob

    Don’t have styles specific to the Quotes page

    claudiob authored
    Removing the `class="quotes"` in the quotes page is the last step
    to guarantee that all the pages have the same layout (which can
    therefore be extracted into the "default" layout).
    
    The `class="quotes"` was only there to style `<blockquote`>, but
    their style can be defined without being specific to that page.
  3. @claudiob

    Don’t duplicate "Ruby on Rails" title in each page

    claudiob authored
    Instead, add it to the default layout.
  4. @claudiob

    Don’t duplicate "layout: default" in every page

    claudiob authored
    Jekyll lets you set the default layout in _config.yml instead
  5. @claudiob
  6. @rafaelfranca

    Merge pull request #55 from claudiob/uniform-security

    rafaelfranca authored
    Uniform the layout of /security with the site
Something went wrong with that request. Please try again.