Display news feeds similar to news archive page
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Reinhard Müller 2020-05-05 00:10:00 +02:00
parent dd88b27ef9
commit 1c3de5b31a
40 changed files with 126 additions and 140 deletions

View File

@ -57,7 +57,7 @@
</ul>
<div id="news" class="section">
<section id="news">
<h2>
<a class="rss-feed" href="/news/news.rss"><img src="/graphics/rss.png" alt="News RSS" title="news RSS feed" /></a>
<!-- remove identica? add twitter? <a class="ical" href="http://www.twitter.com/fsfe"><img src="/graphics/identica.png" alt="twitter" title="follow FSFE on twitteridenti.ca"/></a> -->
@ -68,9 +68,9 @@
<news-feed/>
</div><!--end #news-->
</section>
<div id="events" class="section">
<section id="events">
<h2>
<a class="rss-feed" href="/events/events.rss"><img src="/graphics/rss.png" alt="Events RSS" title="events RSS feed" /></a>
<a class="ical" href="webcal://fsfe.org/events/events.ics"><img src="/graphics/ical.png" alt="iCal" title="FSFE Veranstaltungen als iCal feed" /></a>
@ -81,7 +81,7 @@
<event-feed/>
</div><!--end #events-->
</section>
</body>

View File

@ -58,7 +58,7 @@
</ul>
<div id="news" class="section">
<section id="news">
<h2>
<a class="rss-feed" href="/news/news.rss"><img src="/graphics/rss.png" alt="News RSS" title="news RSS feed" /></a>
<!-- remove identica? add twitter? <a class="ical" href="http://www.twitter.com/fsfe"><img src="/graphics/identica.png" alt="twitter" title="follow FSFE on twitteridenti.ca"/></a> -->
@ -69,9 +69,9 @@
<news-feed/>
</div><!--end #news-->
</section>
<div id="events" class="section">
<section id="events">
<h2>
<a class="rss-feed" href="/events/events.rss"><img src="/graphics/rss.png" alt="Events RSS" title="events RSS feed" /></a>
<a class="ical" href="webcal://fsfe.org/events/events.ics"><img src="/graphics/ical.png" alt="iCal" title="FSFE events as iCal feed" /></a>
@ -83,7 +83,7 @@
<!-- this element fetches all event items which have the relevant country tag -->
<event-feed/>
</div><!--end #events-->
</section>
</body>

View File

@ -60,7 +60,7 @@ Education working group</a> to focus on these efforts. Today, it acts as a hub
</li>
</ul>
<div id="news" class="section">
<section id="news">
<h2>
<a class="rss-feed" href="/news/news.rss"><img src="/graphics/rss.png" alt="News RSS" title="news RSS feed" /></a>
<!-- remove identica? add twitter? <a class="ical" href="http://www.twitter.com/fsfe"><img src="/graphics/identica.png" alt="twitter" title="follow FSFE on twitteridenti.ca"/></a> -->
@ -71,9 +71,9 @@ Education working group</a> to focus on these efforts. Today, it acts as a hub
<news-feed/>
</div><!--end #news-->
</section>
<div id="events" class="section">
<section id="events" class="section">
<h2>
<a class="rss-feed" href="/events/events.rss"><img src="/graphics/rss.png" alt="Events RSS" title="events RSS feed" /></a>
<a class="ical" href="webcal://fsfe.org/events/events.ics"><img src="/graphics/ical.png" alt="iCal" title="FSFE events as iCal feed" /></a>
@ -84,7 +84,7 @@ Education working group</a> to focus on these efforts. Today, it acts as a hub
<event-feed/>
</div><!--end #events-->
</section>
</body>

View File

@ -58,7 +58,7 @@
</li>
</ul>
<div id="news" class="section">
<section id="news">
<h2>
<a class="rss-feed" href="/news/news.rss"><img src="/graphics/rss.png" alt="News RSS" title="news RSS feed" /></a>
<!-- remove identica? add twitter? <a class="ical" href="http://www.twitter.com/fsfe"><img src="/graphics/identica.png" alt="twitter" title="follow FSFE on twitteridenti.ca"/></a> -->
@ -69,9 +69,9 @@
<news-feed/>
</div><!--end #news-->
</section>
<div id="events" class="section">
<section id="events">
<h2>
<a class="rss-feed" href="/events/events.rss"><img src="/graphics/rss.png" alt="Events RSS" title="events RSS feed" /></a>
<a class="ical" href="webcal://fsfe.org/events/events.ics"><img src="/graphics/ical.png" alt="iCal" title="FSFE events as iCal feed" /></a>
@ -82,7 +82,7 @@
<event-feed/>
</div><!--end #events-->
</section>
</body>

View File

@ -49,7 +49,7 @@ Educatie werkgroep</a> op om de aandacht te richten op deze inspanningen. Vandaa
</li>
</ul>
<div id="news" class="section">
<section id="news">
<h2>
<a class="rss-feed" href="/news/news.rss"><img src="/graphics/rss.png" alt="Nieuws RSS" title="nieuws RSS feed" /></a>
<!-- remove identica? add twitter? <a class="ical" href="http://www.twitter.com/fsfe"><img src="/graphics/identica.png" alt="twitter" title="volg FSFE op twitteridenti.ca"/></a> -->
@ -60,9 +60,9 @@ Educatie werkgroep</a> op om de aandacht te richten op deze inspanningen. Vandaa
<news-feed/>
</div><!--end #news-->
</section>
<div id="events" class="section">
<section id="events">
<h2>
<a class="rss-feed" href="/events/events.rss"><img src="/graphics/rss.png" alt="Evenementen RSS" title="evenementen RSS feed" /></a>
<a class="ical" href="webcal://fsfe.org/events/events.ics"><img src="/graphics/ical.png" alt="iCal" title="FSFE evenementen als iCal feed" /></a>
@ -74,7 +74,7 @@ Educatie werkgroep</a> op om de aandacht te richten op deze inspanningen. Vandaa
<!-- this element fetches all event items which have the relevant country tag -->
<event-feed/>
</div><!--end #events-->
</section>
</body>

View File

@ -60,7 +60,7 @@
</li>
</ul>
<div id="news" class="section">
<section id="news">
<h2>
<a class="rss-feed" href="/news/news.rss"><img src="/graphics/rss.png" alt="News RSS" title="news RSS feed" /></a>
<!-- remove identica? add twitter? <a class="ical" href="http://www.twitter.com/fsfe"><img src="/graphics/identica.png" alt="twitter" title="follow FSFE on twitteridenti.ca"/></a> -->
@ -71,9 +71,9 @@
<news-feed/>
</div><!--end #news-->
</section>
<div id="events" class="section">
<section id="events">
<h2>
<a class="rss-feed" href="/events/events.rss"><img src="/graphics/rss.png" alt="Events RSS" title="events RSS feed" /></a>
<a class="ical" href="webcal://fsfe.org/events/events.ics"><img src="/graphics/ical.png" alt="iCal" title="FSFE events as iCal feed" /></a>
@ -84,7 +84,7 @@
<event-feed/>
</div><!--end #events-->
</section>
</body>

View File

@ -90,11 +90,10 @@
<li>Article on Heise.de: "<a href="/activities/os/msooxml-converter-hoax.html">The converter hoax</a>"</li>
</ul>
<section id="news">
<h2>Relaterede nyheder</h2>
<news-feed/>
</section>
<h2>Eksterne links af interesse</h2>
<ul>

View File

@ -196,10 +196,11 @@ um die Kompatibilität aller Softwarelösungen im öffentlichen Sektor sicherzus
</ul>
</blockquote>
<section id="news">
<h2>Verwandte Themen</h2>
<news-feed/>
</section>
<news-feed/>
</body>
<sidebar promo="open-standards">

View File

@ -134,8 +134,10 @@
</li>
</ul>
<section id="news">
<h2>Σχετικά Νέα</h2>
<news-feed/>
</section>
<h2>Εξωτερικοί σύνδεσμοι</h2>
<ul>

View File

@ -203,9 +203,10 @@ solutions used in public sector.</li>
</div>
<h2>Related news</h2>
<news-feed/>
<section id="news">
<h2>Related news</h2>
<news-feed/>
</section>
</body>

View File

@ -102,9 +102,10 @@
</div>
<h2>Noticias relacionadas</h2>
<news-feed/>
<section id="news">
<h2>Noticias relacionadas</h2>
<news-feed/>
</section>
</body>

View File

@ -231,9 +231,10 @@ forcer à utiliser des formats verrouillés.</ul>
</div>
<section id="news">
<h2>Actualités liées</h2>
<news-feed/>
<news-feed/>
</section>
</body>

View File

@ -76,8 +76,10 @@
<li>Članak na Heise.de: "<a href="/documents/msooxml-converter-hoax">The converter hoax</a>"</li>
</ul>
<h2>Povezane vijesti</h2>
<news-feed/>
<section id="news">
<h2>Povezane vijesti</h2>
<news-feed/>
</section>
<h2>Vanjske poveznice</h2>
<ul>

View File

@ -204,9 +204,10 @@ soluzione software impiegate nel settore pubblico.</li>
</div>
<h2>Notizie correlate</h2>
<news-feed/>
<section id="news">
<h2>Notizie correlate</h2>
<news-feed/>
</section>
</body>

View File

@ -108,9 +108,10 @@ om het technologische probleem adequaat op te lossen en om zoveel mogelijk invoe
</div>
<h2>Verwant nieuws</h2>
<news-feed/>
<section id="news">
<h2>Verwant nieuws</h2>
<news-feed/>
</section>
</body>

View File

@ -119,11 +119,10 @@
<li>Article on Heise.de: "<a href="/activities/os/msooxml-converter-hoax.html">The converter hoax</a>"</li>
</ul>
<section id="news">
<h2>Notícias Relacionadas</h2>
<news-feed/>
</section>
<h2>Ligações externas com interesse</h2>
<ul>

View File

@ -53,8 +53,10 @@
<li>Article on Heise.de: "<a href="/documents/msooxml-converter-hoax">The converter hoax</a>"</li>
</ul>
<section id="news">
<h2>Related News</h2>
<news-feed/>
</section>
<h2>External links of interest</h2>
<ul>

View File

@ -114,8 +114,10 @@ DIS-29500: К использованию не рекомендовать?</a></l
Фальшивый конвертер</a></li>
</ul>
<section id="news">
<h2>Новости по теме</h2>
<news-feed/>
</section>
<h2>Ссылки на внешние ресурсы</h2>
<ul>

View File

@ -153,9 +153,10 @@ krejt zgjidhjeve software të përdorura në sektorin publik.</li>
</div>
<h2>Lajme të afërta</h2>
<news-feed/>
<section id="news">
<h2>Lajme të afërta</h2>
<news-feed/>
</section>
</body>

View File

@ -156,8 +156,10 @@ at holde sig til lovens bogstav og ånd hvad angår offentlige indkøb i EU-regi
</div><!--/e-content-->
<section id="news">
<h2>Relaterede nyheder</h2>
<news-feed count="15"/>
</section>
</body>
<sidebar promo="our-work">

View File

@ -155,8 +155,10 @@ excellent start.
</div><!--/e-content-->
<section id="news">
<h2>Related News</h2>
<news-feed count="15"/>
</section>
</body>
<sidebar promo="our-work">

View File

@ -100,8 +100,10 @@
</div><!--/e-content-->
<section id="news">
<h2>Nouvelle liées</h2>
<news-feed count="15"/>
</section>
</body>
<sidebar promo="our-work">

View File

@ -123,8 +123,10 @@ In: Shane Coughlan (ed.)(2012): <em>The First OpenForum Academy Conference Proce
</div><!--/e-content-->
<section id="news">
<h2>Verwant nieuws</h2>
<news-feed count="15"/>
</section>
</body>
<sidebar promo="our-work">

View File

@ -104,9 +104,10 @@ werden Kunden zulasten ihrer Sicherheit entmündigt.</p></li>
</div><!--/e-content-->
<section id="news">
<h2>Verwandte Nachrichten</h2>
<news-feed count="15"/>
</section>
</body>

View File

@ -55,10 +55,10 @@
</div><!--/e-content-->
<section id="news">
<h2>Σχετικά Νέα</h2>
<news-feed count="15"/>
</section>
</body>

View File

@ -89,10 +89,10 @@
</div><!--/e-content-->
<section id="news">
<h2>Related news</h2>
<news-feed count="15"/>
</section>
</body>

View File

@ -192,10 +192,10 @@ representantes políticos.</p>
</div><!--/e-content-->
<section id="news">
<h2>Noticias relacionadas</h2>
<news-feed count="15"/>
</section>
</body>

View File

@ -116,10 +116,10 @@
</div><!--/e-content-->
<section id="news">
<h2>Actualités liées</h2>
<news-feed count="15"/>
</section>
</body>

View File

@ -89,10 +89,10 @@
</div><!--/e-content-->
<section id="news">
<h2>Notizie correlate</h2>
<news-feed count="15"/>
</section>
</body>

View File

@ -89,10 +89,10 @@
</div><!--/e-content-->
<section id="news">
<h2>Verwant nieuws</h2>
<news-feed count="15"/>
</section>
</body>

View File

@ -88,10 +88,10 @@ fabricante do encaminhador. Os clientes ficam, assim, incapacitados para cuidar
</div><!--/e-content-->
<section id="news">
<h2>Notícias relacionadas</h2>
<news-feed count="15"/>
</section>
</body>

View File

@ -247,9 +247,10 @@
</div>
<!--/e-content-->
<section id="news">
<h2>İlgili haberler</h2>
<news-feed count="15"/>
</section>
</body>
<sidebar promo="our-work">

View File

@ -192,8 +192,8 @@
]">
<xsl:sort select="@start"/>
<xsl:if test="position() &lt;= $count">
<xsl:element name="div">
<xsl:attribute name="class">entry</xsl:attribute>
<xsl:element name="article">
<xsl:attribute name="class">event</xsl:attribute>
<xsl:attribute name="id">
<xsl:value-of select="@filename"/>
</xsl:attribute>
@ -205,7 +205,7 @@
<!-- Date -->
<xsl:element name="p">
<xsl:attribute name="class">date</xsl:attribute>
<xsl:attribute name="class">meta</xsl:attribute>
<xsl:call-template name="event-date"/>
</xsl:element>

View File

@ -156,8 +156,8 @@
]">
<xsl:sort select="@date" order="descending"/>
<xsl:if test="position() &lt;= $count">
<xsl:element name="div">
<xsl:attribute name="class">entry</xsl:attribute>
<xsl:element name="article">
<xsl:attribute name="class">news</xsl:attribute>
<xsl:attribute name="id">
<xsl:value-of select="@filename"/>
</xsl:attribute>
@ -169,7 +169,7 @@
<!-- Date -->
<xsl:element name="p">
<xsl:attribute name="class">date</xsl:attribute>
<xsl:attribute name="class">meta</xsl:attribute>
<xsl:call-template name="news-date"/>
</xsl:element>

View File

@ -120,7 +120,6 @@
<section id="news">
<h2>Neuigkeiten</h2>
<news-feed/>
</section>

View File

@ -187,7 +187,6 @@ problems with using proprietary software.</p>
<section id="news">
<h2>News</h2>
<news-feed/>
</section>

View File

@ -105,7 +105,6 @@ education-mandatory/">Firma la petizione internazionale</a></li>
<section id="news">
<h2>News</h2>
<news-feed/>
</section>

View File

@ -99,7 +99,6 @@ Het gebruik van propriëtaire technologie voor publieke diensten is een bewuste
<section id="news">
<h2>Nieuws</h2>
<news-feed/>
</section>

View File

@ -37,67 +37,6 @@ img.signatory-logo {
padding: 10px;
}
#news {
.entry {
h3 {
display: inline-block;
padding-right: 0.5em;
}
p.date {
color: @gray-light;
font-size: .9em;
display: block;
font-weight: 300;
margin-bottom: 0;
@media (min-width: @screen-sm-min) {
display: inline-block;
padding: 0;
}
}
}
.entry:nth-child(1n+3) {
h3 {
font-size: 1em;
margin: 0.7em 0 0 0;
}
p {
display: none;
}
p.date {
display: inline-block;
}
}
}
#events {
.entry {
h3 {
display: inline-block;
}
p.date {
color: @gray-light;
font-size: .9em;
display: block;
margin-bottom: 0;
@media (min-width: @screen-sm-min) {
display: inline-block;
padding: 0;
}
}
}
a.learn-more {
line-height: 2;
}
}
.newsdate {
font-size: .875em;
color: #888;

View File

@ -890,10 +890,13 @@ div#subpages, {
}
/* verbose listing of news and events */
// ----------------------------------------------------------------------------
// Verbose listing of news and events
// ----------------------------------------------------------------------------
article.news, article.event {
border-bottom: 1px solid @gray-lighter;
margin-bottom: 10px;
p.meta {
.text-muted;
@ -919,8 +922,33 @@ article.news, article.event {
}
}
// In a "related news" section, display all but the first news items in a
// compressed form.
section#news article.news:nth-of-type(n+2) {
border-bottom: none;
margin-bottom: 0;
/* followup boxes */
h3 {
font-size: inherit;
margin-right: .5em;
display: inline;
}
p {
display: none;
}
// Make sure that there is no line break within the news date. The p.meta
// element also is responsible for the margin-bottom of the while item.
p.meta {
display: inline-block;
}
}
// ----------------------------------------------------------------------------
// Followup boxes
// ----------------------------------------------------------------------------
#followup {
.clearfix();