Sophie: ikiwiki-3.20190228-1.1.mga6 noarch

ikiwiki-3.20190228-1.1.mga6.noarch.rpm

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>monthcalendar (third party plugin)</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />

<link rel="stylesheet" href="../../style.css" type="text/css" />

<link rel="stylesheet" href="../../local.css" type="text/css" />






<meta name="author" content="spalax" />



</head>
<body>

<div class="page">

<div class="pageheader">
<div class="header">
<span>
<span class="parentlinks">

<a href="../../index.html">ikiwiki</a>/ 

<a href="../../plugins.html">plugins</a>/ 

<a href="../contrib.html">contrib</a>/ 

</span>
<span class="title">
monthcalendar (third party plugin)

</span>
</span>



</div>









</div>





<div id="pagebody">

<div id="content" role="main">
<p><span class="infobox">
Plugin: monthcalendar<br />
Author: <span class="createlink">Louis</span><br />
Included in ikiwiki: no<br />
Enabled by default: no<br />
Included in <a href="../goodstuff.html">goodstuff</a>: no<br />
Currently enabled: no<br />
</span></p>

<h1>Monthcalendar</h1>

<p>This plugin displays a calendar, containing in each of its day the list of links of pages published on this day. It can be used, for example, to display archives of blog posts, or to announce events.</p>

<p>The difference between this plugin and the <a href="../calendar.html">calendar</a> plugin is that the calendar displayed by this plugin is a big one, containing the full title of every page indexed in it.</p>

<h2>Usage</h2>

<h3>Directive</h3>

<pre><code>[[!monthcalendar  type="month" year="2012" month="06" pages="events/*"]]
</code></pre>

<h3>Automation</h3>

<p>By using the following line in template <code>calendarmonth.tmpl</code>, you can have <code>ikiwiki-calendar</code> using this plugin to display monthly archives.</p>

<pre><code>[[!monthcalendar  type="month" year="&lt;TMPL_VAR YEAR&gt;" month="&lt;TMPL_VAR MONTH&gt;" pages="&lt;TMPL_VAR PAGESPEC&gt;"]]
</code></pre>

<h2>CSS</h2>

<p>Here is an example of CSS properly rendering the calendar produced by this
plugin.
<a class="toggle" href="#plugins-contrib-monthcalendar.css">CSS</a></p>

<div class="toggleable" id="plugins-contrib-monthcalendar.css">

<pre><code>/* Calendar */
.monthcalendar
{
    color:#aaa;
    /* font-size:18pt; */
    margin-top:1em;
    margin-bottom:1em;
        width: 100%;
}

.monthcalendar table,
.monthcalendar td,
.monthcalendar th
{
    border: 1px solid #ccc;
}

#content .monthcalendar td
{
    padding: 0;
    position: relative;
}

.monthcalendar td div
{
    min-height: 10ex;
    height: 100%;
    position: relative;
}

.monthcalendar th
{
    vertical-align: middle;
}

.monthcalendar td ul
{
    padding-left: 0.5em;
    list-style: dot;
    list-style-position: inside;
    text-align: left;
    font-size: 8pt;
    position: relative;
    z-index: 10;
    font-weight: bold;
}

table.monthcalendar
{
    table-layout: fixed;
}

.monthcalendar .selflink
{
    color:#444444;
}

.monthcalendar-day-head {
    text-transform:capitalize;
}

.monthcalendar-head {
    text-transform:capitalize;
}

.monthcalendar-daynumber
{
    float: left;
    position: absolute;
    display: block;
    font-size: 7ex;
    color: #ccc;
    line-height: 100%;
    z-index: 5;
    padding-top: 0.3ex;
    text-align: right;
    width: 1.8em;
}

/* List of pages */

.monthcalendar-pagelist {
  display: flex;
  flex-direction: column;
}

.monthcalendar-item {
  opacity: 0;
  height: 0;
}

.monthcalendar-item:target {
  opacity: 1;
  height: initial;
}
</code></pre>

</div>

<h2>Code</h2>

<p>Code and documentation can be found here : <a href="https://atelier.gresille.org/projects/gresille-ikiwiki/wiki/Monthcalendar">https://atelier.gresille.org/projects/gresille-ikiwiki/wiki/Monthcalendar</a>.</p>

</div>







</div>

<div id="footer" class="pagefooter" role="contentinfo">

<div id="pageinfo">











<div class="pagedate">
Last edited <span class="date">Tue Feb 26 23:01:54 2019</span>
<!-- Created <span class="date">Tue Feb 26 23:01:54 2019</span> -->
</div>

</div>


<!-- from ikiwiki -->
</div>

</div>
<script src="../../ikiwiki/ikiwiki.js" type="text/javascript" charset="utf-8"></script>
<script src="../../ikiwiki/toggle.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>