Logo HPV

HANS-PETER VOLLMER
MALEREI UND ZEICHNUNG

HANS-PETER VOLLMER

Brunnenstraße 6
D-56729 Welschenbach
Telefon +49 (0) 2656/95 20 35

E-Mail: v@llmer.de

Website Design (inkl. Blog):
www.design-vollmer.de
(hier befinden Sie sich gerade…)

Website Art (Malerei und Zeichnung):
www.art-vollmer.de
Ein Archiv für meine künstlerischen Arbeiten mit der Möglichkeit, Arbeiten in Zoom-Darstellung zu betrachen…

Kein Social-Media!
Ein Kontakt zu mir über Social-Media-Kanäle ist nicht möglich!

IMPRESSUM

Inhaltlich Verantwortlicher gemäß § 55 Abs. 2 RStV:

Siehe Kontaktadresse (links bzw. oben).

HANS-PETER VOLLMER
MALEREI UND ZEICHNUNG

Brunnenstraße 6
D-56729 Welschenbach
Telefon +49 (0) 2656/95 20 35

E-Mail: v@llmer.de

Haftungshinweis

Trotz sorgfältiger inhaltlicher Kontrolle übernehme ich keine Haftung für die Inhalte externer Links. Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich.

Verwendung von Bildern, Abbildungen

Bilder und Abbildungen dieser Website dienen nicht in erster Linie der verständnisfördernden Illustration zugehöriger Textinhalte. Vielmehr wird auf dieser Website der Versuch unternommen, dem Leser mit Bildern sinnerweiternde Assoziationsebenen anzubieten und ihn so zum Nachdenken anzuregen.

Alle Bilder und Abbildungen (sofern nicht explizit anders gekennzeichnet):
© Hans‑Peter Vollmer, Brunnenstraße 6, D‑56729 Welschenbach

Alle Texte sind geistiges Eigentum des Autors.
Sofern nicht anders (in Quellenangaben) gekennzeichnet:
© Hans‑Peter Vollmer, Brunnenstraße 6, D‑56729 Welschenbach

Ganz bewusst publiziert diese Website „Meinung“ (nach Stand und Vermögen des Autors). Die Meinungsäußerung versteht sich als Aufforderung zum Dialog mit dem Leser. Ich nehme für mich das Recht in Anspruch, auch irren zu dürfen.

Datenschutz

KODEX IT-FUTURE®:
Diese Website verwendet keinerlei Cookies, um Daten von Website-Usern in irgendeiner Weise zu sammeln und/oder weiterzuverarbeiten.
Es wurden Maßnahmen getroffen, um das Einschleusen von Cookies Dritter zu unterbinden.

Diese Website versteht sich als ein Plädoyer für mehr Verbraucherschutz und Datensicherheit im Internet.
Sie demonstiert in exemplarischer Weise, wie man sich (heute schon, einer bis dato leider fehlenden weltweiten Regulierung des Internets zuvorkommend…) mit relativ einfachen Mitteln gegen unerwünschten Datenmissbrauch wehren kann.

Es wurden spezielle Maßnahmen getroffen, um Ihnen ein möglichst unbeschwertes, sicheres, DSVGO-konformes Surferlebnis zu ermöglichen.

Getroffene Datenschutz-Maßnahmen…
  • Pure HTML+CSS+JS.
  • Keine Verwendung von Content-Management-Systemen (CMS).
  • Keine CDN-Links.
    Benötigte Ressourcen werden lokal gehostet.
  • Keine Links zu Social-Media-Plattformen.
  • Keine Verwendung fremder Templates, Themes oder Snippets.
  • Keine Verwendung von iFrames.
  • Audio- und Videoinhalte wurden vermieden.
  • Konsequente Unterscheidung und Kennzeichnung interner und externer Links.
  • Kein durch Robots oder KI generierter Content.
  • Meta-Tag „noindex, nofollow“ auf allen Sites.
  • Inhalte für Menschen (= intelligente Wesen) optimiert, Verzicht auf „SEO-Optimierung“.
  • Validierung meines HTML+CSS-Codes.

Features und Animationen via HTML+CSS+JS
(Informationen für Entwickler und Interessierte)

Diese Website verwendet relativ viele Animationen (alle via HTML+CSS+JS), die für ein Funktionieren der Site nicht unbedingt notwendig, aber doch nützlich und für Sie vielleicht interessant sind.

Normalerweise vertrete ich (auch hier) den Standpunkt:
Weniger ist mehr.
Dass ich mich diesmal hier doch anders entschieden habe, hat zwei Gründe:

1.
Die Entwicklung meiner Blog-Website bot mir eine gute Gelegenheit, mich in Sachen HTML+CSS+JS selbst weiter­zubilden, „am Ball zu bleiben“. Diese Gelegenheit habe ich natürlich genutzt.

2.
Die Verwendung vieler „heutzutage angesagter“ Animationen demonstriert, dass Sie bei Vermeidung von CMS, Templates, Frameworks etc. auf nichts verzichten müssen.
Mit HTML+CSS+JS ist fast alles möglich
(Ausnahme: Realisation von Webshops etc.).

Auflistung verwendeter Features und Animationen:

Header, Navigation und Toolbar:

  • Hover-Animation über CSS (nur Hauptseiten)
  • position: fixed; top:0; für ≥576px
  • position: fixed; bottom:0; für <576px (=> Useblity)
  • Verwendung von Glyphen anstelle von Icons

Darkmode:

  • Icon-Toggle über CSS-Variable
  • Color-Switch über CSS
  • darkmode.js steuert Klassenzuweisung .dark_mode
  • theme.js (im Header vor Stylesheet-Link eingebunden) speichert .dark_mode im Local Storage

Page-transition:

  • CSS-Keyframe-Animation (class="page-transition")
  • Keyframe-Animation nur für Content, Fixierte Seitenelemente bleiben stehen
  • theme.js vor Stylesheet-Link eingebungen, daher kein „Blitzen“ bei Seitenwechsel oder Reload im Darkmode

Smooth-Scrolling:

  • einfache CSS-Anweisung, ohne JS…

Fancybox-Zoomdarstellungen

  • Fancybox lokal gehostet
  • Fancybox anstelle von Lightbox, um auch HTML-Inhalte „hovern“ zu können (optional)

Footer:

  • Erzwungener Zeilenumbuch über CSS-Media Queries
  • Spacer "|": CSS-Media-Queries + dispay: none;

Startseite:

  • HPV-Logo-Toggle über CSS-Variable
  • Accordeon: HTML (details / summery) + CSS
  • typewriter.js (angepasstes JS)
  • Bildgrößen-Optimierung via I❤IMG
    (alle Bilder der Website)

Alle Seiten:

  • Bootstrap eingebunden (lokal gehostet)
    (Ich verwende hier fast nur die genialen Klassen zur Abstandsregulierung und „flexe“ lieber selbst.)
  • Anassungen vordefinierter CSS-Styles durch Element-Styles (Ausnutzung der CSS-Caskade)

Impressum:

  • Für iPhone-Bildschirme <390px:
    Drehung der Visitenkarte -90deg

Blog-Seiten:

  • Ganz normale HTML+CSS-Seiten
  • Auf MDX wurde verzichtet (HTML ist mir lieber…)

Druckdarstellung:

  • print.css reduziert Darstellung auf das Wesentliche.