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 ;)
Install jekyll gem install jekyll
, and run jekyll s
in the root of this repository.
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">×</span>
</button>
</div>