Giter VIP home page Giter VIP logo

mwskinnaturkunde's Introduction

mwSkinNaturkunde

A Mediawiki skin developed at Museum für Naturkunde Berlin

Examples:

Compatibility

Works on MediaWiki 1.25+ (for MediaWiki older than 1.25, please use the 1.20 branch).

Configuration

The Mainpage may have a different look than the rest of the pages. Set these variables in your LocalSettings.php:

$wgMainPageBackgroundImage Full URL (including http) to an image to be used as background on the Mainpage only. The image will be scaled to width. Make it big (recommended: 1600 px wide).

$wgMainPageBackgroundColor Background color (name or hex) for the Mainpage.

$wgMainPageHideNav Hide navigation elements on the Mainpage (comes in handy when the background is dark).

$wgSkinTheme Path to an extra css file in the skins/naturkunde/css directory. Use it instead of Mediawiki:Common.css if you have several wikis which share the same extra styles (e.g. different languages).

Checking out and dependencies

Please clone the main repository:

git clone https://github.com/MfN-Berlin/mwSkinNaturkunde.git naturkunde

Font awesome toolkit

Depends on Font Awesome toolkit by Dave Gandy - http://fontawesome.io Font-Awesome is included as a submodule. Please clone the submodules:

cd naturkunde
git submodule update --init

Licenses

Naturkunde - Mediawiki skin for Museum fuer Naturkunde Berlin Copyright 2014 Museum fuer Naturkunde Berlin Licensed under the Apache License v2.0 http://www.apache.org/licenses/LICENSE-2.0

Based on: Neverland theme by Frederic Sheedy, Mayank Madan - https://projects.kde.org/neverland Copyright 2013 KDE Licensed under the Apache License v2.0 http://www.apache.org/licenses/LICENSE-2.0

Uses: Font Awesome by Dave Gandy - http://fontawesome.io

mwskinnaturkunde's People

Contributors

aot29 avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Forkers

aot29

mwskinnaturkunde's Issues

Header mit Anmelden/Abmelden

Der Header auf dem sich der An und Abmeldebutton und einig andere Elemente ist zu dunkel, oder die Schrift muss eine andere bekommen. Vielleicht standartmäßig weiß und mit hover MfN-Grün, oder ähnliches.

H2 vs. H3

GH reported that H2 difficult to tell apart from H3

Navigationsleiste Links

Beim Hovern in Navigation und Werkzeuge ist fast über die komplette Seite unterschrichen und auch mit mehr Abstand zur schrift.

Im Inhaltsverzeichnis ist es direkt unter der Schrift aber auch nur die breite der Schrift.

Für eins von beiden sollte sich entschieden werden.

Pages with "enhanced" layout

The Main Page may have an "enhanced" layout: background can be different, some navigation elements can be hidden. Some Wikis require than several other pages have this same "enhanced" layout. So there should be a configuration property to hold an array of "enhanced" pages.

Pfeile im Menü "Inhaltsverzeichnis"

Die Pfeilen im Menü "Inhaltsverzeichnis" sollen in einer MfN-Farbe angezeigt werden. Ob Blau oder Grün oder Grau weiss ich nicht, bitte auf der Webseite nach ähnliche Elementen gucken.

Quelltexteditor Menüs

Quelltexteditor Menüs haben durchsichtigen Hintergrund. Sollten weiss sein. evtl. auch Schriftgröße und layout anpassen.

Seiten-Buttons: Lesen, Bearbeiten, ...

Die Buttons Lesen, Bearbeiten, Quelltext bearbeiten, Versionsgeschichte, Zahnräder sind auf aktive Größer als die anderen Buttons. Desweiteren ist beim hovern über den Bereits ausgewählten Button eine Farbveränderung (leicht helleres Grün) zu vernehmen.
Wenn die jetzt feststeht, dass bei Hover der Button Weiß wird muss bei der Suche der Button auch noch so angepasst werden (und die Lupe wieder dunkel).
Seite Diskussion sollten so eingestellt werden, dass das aktuell ausgewählte Dunkel und die andere Möglichkeit hell ist. Sonst könnte man das vertauschen.

Der button unter Versionsgeschichte : Gewählte Versionen vergleichen sollte ein Margin-Button bekommen.

3D Effekt Buttons soll weg

Auf der Webseite sind Buttons flache Flächen. Im Wiki sind die Buttons 3D-schattiert. Diese 3D-Schattierung soll weg.

Datenschutz Banner

Die beiden Buttons sind nicht auf der gleichen Höhe und nur der "Ich habe die Datenschutz ...." wird Grün beim Hovern.

Schriftgröße

Die Schriftgröße im Wiki ist deutlich kleiner als de Schriftgröße auf der Webseite. Dadurch sind die Zeilen zu lang und die Lesbarkeit geringer.

Korrekturen nach CSS Aufräumen

Browser

Bitte unbedingt testen mit Firefox und Explorer für Windows, denn das sind die meistbenutzten Browser am MfN (laut Stats).

Um die lokale Webseite auf der VM von Windows aus zu erreichen, soll im VM-Manager unter maschine->Ändern->Netzwerk->Erweitert->Port-Weiterleitung die Host und Gast-Port konfiguriert sein.

screenshot_vm

Dann ist die Webseite in der VM vom Windows-Host erreichbar unter http://127.0.0.1:6080/wiki

Test Data

Test Data sind jetzt im GitLab IKON/test/testdata.sql. Diese Daten kannst du laden mit
IKON/test/load_test_data.sh.
Das Login und Passwort für den Testnutzer kannst du finden in IKON/test/testconfig.ini

Issues

Links

Die folgenden Issues könnten vielleich mit einer Zeile erledigt werden.

  • Links in Menubar oben rechts ("Diskussion", "Einstellungen", ... , "An/Abmelden") sollen nicht unterstrichen sein.
  • Reiter in Seiten menü ("Hauptseite", "Diskussion") sollen nicht unterstrichen sein.
  • Buttons in Tools-Menü ("Lesen", "Bearbeiten", ...) sollen nicht unterstrichen sein.
  • Links im Text sollen nicht unterstrichen sein.
  • Links im Text sollen MfN-Blau bleiben on-mouse-over
  • Hauptseite: Links im Tagcloud sollen MfN-Blau und nicht unterstrichen sein
  • Index-Seiten (zB. "Aktuelle Projekte"): Links sollen nicht unterstrichen sein

Abfrage-Ergebnis-Kästchen

Die Kästchen benutzen die CSS-Klassen: portlet, portlet header, portlet content

  • Index-Seiten (zB. "Aktuelle Projekte"): Kästchen ("FB1", ...)sollen Rand haben.
  • Index-Seiten (zB. "Aktuelle Projekte"): Kästchen ("FB1", ...)sollen Abstand zum nächsten Kästchen haben

Formulare

Wahrscheinlich ist input[type="button"] usw. mit width: auto nötig (sieh auf dem Produktivserver).

  • Formular-Buttons (z.B "Projekt neu anlegen") sollen nicht so breit wie die Seite sein, sondern gerade so breit, dass der Teext darin passt.
  • Formular-Buttons ("Mit Formular bearbeiten") sollen nicht so breit wie die Seite sein, sondern gerade so breit, dass der Teext darin passt. Buttons unterhalb des Formulars sollen nebenaeinander passen.

Einstellungen

Diese Seite wird von MediaWiki generiert. Ich vermute, dass das HTML-Element "fieldset" mit border:0 gestaltet werden soll, bin aber nicht sicher.

  • Seite "Einstellungen" alle Kästchenränder sollen weg. Dafür sollen die Titel ("Benutzerdaten", ...) deutlicher sichtbar sein (wie auf "Werkzeuge->Spezialseiten", dort ist es gut).

Datenschutz-Balken

Das erste Mal, dass das Wiki abgerufen wird, sollte einen Balken mit der Hinweis, die Datenschutzerklärung zu akzeptieren. Wenn du den Balken schon weggeklickst hast, dann kannst du das entsprechende Browser-Cookie löschen. In Firefox: Edit->Preferences->Privacy->remove individual cookies->Search->ikoncookiewarning
Wenn der Balken immer noch nicht erscheint, dann brauchst du einen neuere Testdaten. Sieh oben "Test Data"

  • Dieser Balken sollte aussehen wie auf dem Produktivserver

Datum-Elemente im Formular Forschungsprojekte

Öffne bitte ein Forschungsprojekt und klicke auf "mit Formular bearbeiten". Klicke dann auf dem Reiter "Projektdaten". Unter Laufzeit sind dort Anfangs- und End-Datum angezeigt. Die Elemente des Datums sollen auf einer Zeile stehen, statt untereinander.

Redirect looks like text

Redirects should look lik they do in Wikipedia (reported by GH).
The problem is that Mediawiki pripor to version 1.25 does not seem to provide a class or id to distinguish between redirects and the rest of the page.

Hintergrundfarbe

Auf der Webseite ist die Hintergrundfarbe des Inhalts hellgrau, von manchen Menüelementen weiss, und von machen schwarz. Bitte überlegen, ob das Wiki auch einen hellgrauen Hintegrund haben könnte, und so ja, welche Textelemente wären hellgrau und welche weiss oder schwarz.

Menu "Verschieben" usw.

In der Buttons-Balk "Lesen", "Bearbeiten", ... funktioniert der letzte Button nicht mehr. Dort sollte ein Pulldown-Menü zu sehen sein. Guck bitte, ob das vielleicht mit der CSS Umstellung zu tun hat.

Projektseiten

Bei Lesen befindet sich oben unter der Überschrift unbestimmtes Fenster. Was ist das?

Die Überlick ... Leiste
Das active : grau ist anders als das background grau, wenn ich mich nicht täusche. Ich bin mir aber nicht sicher. Ich würde den kasten aber auch über die ganze Höhe machen.
Wenn Überblick ausgewählt ist sieht es komisch aus wenn unten Links noch die Border-Buttom zu sehen ist, wie ein Pixelfehler oder so. Also auch ein bisschen Breiter.

Überlick-Schrift ist immer Grün, nicht nur beim hovern

Small images are too small

The skin sets a 15px margin around images by default. This is not so noticeable with larger images, but small images become very small.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.