nileane / alicht Goto Github PK

A page on the demo site (http://alicht.sch.am) to explain how to create and organise content layouts with alicht (cards feature, and section types).

The h1 appears too close to the header.

This doesn't work…

<h1>Free price web hosting.</h1>

…but this does!?

<h1 id="lel">Free price web hosting.</h1>

We need a cute favicon for Archost!

😱😱😱

Just like alerts : success, error, warning, but also disabled or recommanded.
Also : different sizes.

What is happening here! 🙆‍♀️

Alicht's homepage should :

• use the new section.cover as main view.
• summary in two or three phrases to explain the logic behind Alicht's design principles and ideas
• include a button to download and get started with alicht

From @fabienwang on May 27, 2015 13:45

Copied from original issue: eliteheberg/elicht#1

It's a bit too badass to have the archost logo directly embedded in alicht.

Follow-up from discussion on Issue #16

We still want the following result, without having to add yet another type of .card. Instead, healines inside cards will always be aligned to the left, and have reduced margins. Also, cards inserted on section.cover have a darker background.

cc @younishd

I'm angry now.

We would require some styles to make nice tables,
either using custom classes or through table tag.

Currently, this displays as :

When you display a notification on a cover layout it fucks up everything.

A page on the demo site (http://alicht.sch.am) to explain how to create forms and how to organize them with alicht, and how buttons and its variations work.

Look at that menu, wtf is happening :)

Suggested by @fabienwang

You have put some new backgrounds in img/

Some old backgrounds are still in css/img/ and are not used anymore by the alicht.css file
background.jpg & noise.png

A page on the demo site (http://alicht.sch.am) to explain how to create alerts and how to use its different variations (error, warning, success, etc.), and features (fading animations, close button, autohide)

A new card style, mostly to be used on section.cover, over a background picture.

Its specificities :

• h1, h2, and h3 are aligned to the left with reduced margins
• Buttons are set to the right
• A background-color set to rgba(0, 0, 0, .7) (to be determined).
• No border-radius
• No box-shadow
• No text-shadow
• Only light and normal font weights.

How @younishd and I imagined it:

That way it's handier to use alicht in projects.

The icons should be handled with CSS, so as not to add any markup within the alerts.