Skip to content

Commit

Permalink
fix: fixes #6
Browse files Browse the repository at this point in the history
  • Loading branch information
iFadi committed Jun 28, 2024
1 parent 9a32422 commit 2c757d0
Show file tree
Hide file tree
Showing 469 changed files with 10,823 additions and 2 deletions.
Binary file added images/FramedBack.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
182 changes: 182 additions & 0 deletions images/HeaderIcon.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
182 changes: 182 additions & 0 deletions images/HeaderIconAvatar.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
182 changes: 182 additions & 0 deletions images/HeaderIconResponsive.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
45 changes: 45 additions & 0 deletions images/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
# ILIAS images

All images used in the default system style of ILIAS are stored in the directory /images
and its sub-directories. They are part of the visual appearance of ILIAS.


## Icons


### Principles

* We ensure a uniform icon language. That means: A PR is needed for each new icon. CSS Maintainer acts as gatekeeper for such PRs. In each case, the icon designer (Caroline Wanner), is consulted to determine whether the icon complies with the Milos icon design rules.
* We do our best to design the icons according to the guidelines. That means: Others may also design icons, but our icon designer keeps an eye on them and provides advice.

### Design guidelines

#### General
* In principle, the icons are designed with significantly more line than area. The area often serves as an accent.
* The design of the icons is based on a visual vocabulary and a certain grammar. There are rules and design guidelines, as well as recurring elements (More precise details will be added gradually).
* Equal is treated equal as well as possible.
* The icon set meets the requirements for different functionalities (f.e. size, transparencies, colorings) and areas of use (f.e. content page, mainbar, tiles).

#### Composition
* The icons were originally created in the format 320 x 320 px .
* The lines are created in a line width of 15 px when designing, then converted to areas and joined together to form a large shape. There are a few exceptions, in cases where the 15 px just didn't fit.
* In each file there is an invisible frame in this format. This prevents line width differences due to different resizing or automatic scaling.
* The icons are created in one color (grey value not lighter than #636363).
* There are no white areas.
* The background is transparent.


### Customizing

Via ILIAS Administration the icon colors can be adapted via the GUI or icons can be replaced individually. Go to «Administration > Layout and Navigation > Layout and Styles > System Styles > Edit a System Style > Icons».

If you want to develop your own icons (e.g. for plugins), make sure that they fit into the ILIAS icon system. Please follow the guidelines mentioned above.

The original files of the icons in Adobe Illustrator format are available in the following directory: https://github.com/ILIAS-eLearning/ILIAS-images







23 changes: 23 additions & 0 deletions images/ROADMAP.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
# Roadmap

## Short Term

### Revise internal structure of /images directory

We would We would like to tidy up the /images folder and move the many files stored
there into suitable subdirectories. This should make the directory clearer. And the
images files can be more easily assigned to the associated application fields.

### Get rid of duplicates

Some icons in /images exist two or more times. We will check if we really need all of
them or if we can reduce them in some cases to one image file.

## Mid Term

### Adapting glyphs to icon language

The glyphs we currently use in ILIAS (il-icons font) should be adpated to the style and
visual language of the new Milos iconset.

## Long Term
Binary file added images/Strichzeichung_Welfenschloss_inverted.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/advknow.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
124 changes: 124 additions & 0 deletions images/answered.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
133 changes: 133 additions & 0 deletions images/answered_not.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 2c757d0

Please sign in to comment.