contradictioned / fsme2.0

FSME2.0

This is a fork of Wolff09's FSME (shoutouts to him), groundwork for a redesign of the Intranet. This has become necessary as

• the features and data of the Intranet have grown alot [sic]
• Gumby has been discontinued
• Someone has invented Flexbox

This is not a valid design template anymore: Since the intranet has further evolved, look there for current code. For everybody else: enjoy the history ;)

Playing around

Install jekyll gem install jekyll, and run jekyll s in the root of this repository.

Documentation

FSME2.0 now based on Foundation, the .scss-files are in _sass/foundation.

Important design elements are panels. They can be built either via using the class panel on some container, or by including the panel-mixin. Especially <section>-elements are panels.

Headlines: <h1> is only allowed once per page, on top. <h2> may be used inside panels.

Tables: They are nested as follows: ul > li > a > .cell-x. You can declare a headline row via li.tab-head. You can adjust the width of the columns by the x of class cell-x where x can be 1 upto 12, according to Foundation's grid.

Modals: Just add a div with class reveal, attribute data-reveal and some id. You can add a close button inside with a

<div class="small reveal" id="guthaben_einzahlen" data-reveal>
  <h2>Einzahlen</h2>

  <button class="close-button" data-close aria-label="Close modal" type="button">
    <span aria-hidden="true">&times;</span>
  </button>
</div>