From a1e8245f76633f394efa1a023503f1a0b8bdb975 Mon Sep 17 00:00:00 2001 From: bmen Date: Sun, 14 Apr 2019 22:40:45 +0000 Subject: [PATCH] =?UTF-8?q?'README.md'=20=C3=A4ndern?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 494d3e2..23ad7b2 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,21 @@ # OHO - Openource Hardware Observatory +## Intro +The styling of the page is in the CSS file: **[style.css](https://git.bmen.eu/Projekte/oho/src/master/style.css)**. In general, only the classes of elements of the media wiki have to be found out and transferred to the CSS. Some implementations are a bit more tricky and are described in more detail in this Readme. + + +The images in the folder [/img](https://git.bmen.eu/Projekte/oho/src/master/img) are only examples and not important for the styling of the website. + +The Javascript functions are saved in separate files in the [/js](https://git.bmen.eu/Projekte/oho/src/master/js) folder and named according to their task. +## Overview CSS classes homepage +![Overview CSS classes homepage](https://git.bmen.eu/Projekte/oho/raw/master/doc/overview_css_classes_home.png) + +## Row - Background and red lines (CSS line: 51-87) +The rows who separating the content horizontally must be 100% wide. This means that the width restriction of the content must be made within the row. So the background color gradiation is in full width and the red lines are on the left and right side of the browser. + +The red lines are purely CSS and no additionaly HTML elements have to be created. +``` +.row::before {...} +.row::after {...} +``` +## Search results grid -Es geht darum ein Interfacekonzept für das Mediawiki umzusetzen. Es handelt sich hierbei nur um statische HTML, CSS und Javascript Dateien, die keinen Webserver oder Datenbank benötigen.