====== csstimeline Plugin ======

---- plugin ----
description: Create a simple, CSS-only timeline
author     : Andreas Böhler
email      : dev@aboehler.at
type       : Syntax
lastupdate : 2017-01-06
compatible : Hrun, Greebo
depends    : 
conflicts  : 
similar    : timeline, timeline2, tline
tags       : timeline, !discontinued

downloadurl: https://gitlab.aboehler.at/dokuwiki/csstimeline/-/archive/main/csstimeline-main.tar.gz
bugtracker : https://gitlab.aboehler.at/dokuwiki/csstimeline/-/issues
sourcerepo : https://gitlab.aboehler.at/dokuwiki/csstimeline
donationurl: 

screenshot_img : 
----

:!: **This plugin is no longer maintained.**

A very simple plugin to generate a CSS-only timeline. The CSS is taken from [[http://nilswe.com/lab/css-timeline]].

===== Installation =====

Search and install the plugin using the [[plugin:extension|Extension Manager]]. Refer to [[:Plugins]] on how to install plugins manually.

===== Examples/Usage =====

<code>
<csstimeline>
<entry>
date: 04.12.2014
title: My first timeline entry
description: Within the description, you can even use Wiki markup
</entry>
<entry>
date: 06.01.2015
title: My second timeline entry
description: This one is rendered at the other side of the timeline
</entry>
</csstimeline>
</code>
Creates the following output:

{{ https://i.ibb.co/VtDTkHx/2022-06-20-16h09-04.png?recache |Timeline}}


The keyword ''%%<csstimeline>%%'' activates the plugin. Enclose each entry on the timeline with ''%%<entry>%%'' and ''%%</entry>%%'' so that the plugin knows when an entry is finished. There are then only the three fields ''%%date%%'', ''%%title%%'' and ''%%description%%''. The description can also contain wiki syntax and is fed through DokuWiki's parser.

  * [[http://www.rnb-consulting.at|www.rnb-consulting.at]] News section uses a modified csstimeline

=== Known Problems / Limitations ===

  * The title doesn't wrap properly. If it's too long, the position is wrong. This is also present in the original CSS.