FSFE/fsfe-website
30
33
Fork 98
Code Issues 66 Pull Requests 18 Wiki Activity

highlights on the front page

Browse Source 
recent news as listing

arrange events and more news
This commit is contained in:
tobiasd
2024-04-29 12:48:21 +02:00
parent 8b815ee85c
commit 62c3d33dac
3 changed files with 61 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.en.xhtml
+16 -16
View File
@@ -25,16 +25,24 @@
</div>
<div class="press">
<dynamic-content-press />
<dynamic-content-highlights />
</div>
<h2>
More News
<a class="learn-more" href="/news/index.html">Read more...</a>
</h2>
<div class="news">
<dynamic-content-news />
<div class="two-columns">
<div class="column news">
<h2>
More News
<a class="learn-more" href="/news/index.html">Read more...</a>
</h2>
<dynamic-content-news />
</div>
<div class="column events">
<h2>Events</h2>
<dynamic-content-events />
<p>
<a class="learn-more" href="/events/events.html">See all events...</a>
</p>
</div>
</div>
<module id="banner-subscribe" />
@@ -65,14 +73,6 @@
</p>
</div>
<div class="column events">
<h3>Events</h3>
<dynamic-content-events />
<p>
<a class="learn-more" href="/events/events.html">See all events...</a>
</p>
</div>
<div class="column">
<h3>Merchandise</h3>
<a href="/order/index.html">
index.xsl
+4 -1
View File
@@ -8,7 +8,7 @@
<!-- Dynamic list of news items -->
<!-- ==================================================================== -->
<xsl:template match="dynamic-content-press">
<xsl:template match="dynamic-content-highlights">
<xsl:for-each select="/buildinfo/document/set/news[
translate(@date, '-', '') &lt;= translate(/buildinfo/@date, '-', '') and
tags/tag/@key = 'highlights'
@@ -39,6 +39,9 @@
<xsl:value-of select="tags/tag[1]"/>
</xsl:element><!-- p/tag -->
<!-- Teaser -->
<xsl:call-template name="news-teaser"/>
</xsl:element><!-- div/text -->
</xsl:element><!-- div/row -->
look/pages/frontpage.less
+41 -1
View File
@@ -75,6 +75,46 @@ body.frontpage {
}
}
// ------------------------------------------------------------------------
// Display 2 equal columns side-by-side on larger screens (used 3 times)
// ------------------------------------------------------------------------
.two-columns {
.make-row;
.column {
.make-xs-column(12);
.make-md-column(6);
// We maintain our own margins, so suppress the bottom margin
// inside the grid.
p:last-child {
margin-bottom: 0;
}
// If the three boxes are stacked vertically, create some gap
// between them as well as some extra gap between the heading and
// the first box.
@media (max-width: @screen-sm-max) {
margin-top: 10px;
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
}
}
.banner-subscribe {
form {
.form-group {
input {
padding: 5px;
}
}
}
}
}
}
// ------------------------------------------------------------------------
// News section
// ------------------------------------------------------------------------
@@ -207,7 +247,7 @@ body.frontpage {
// ------------------------------------------------------------------------
.next-steps {
.three-columns;
.two-columns;
.text-center;
h3 {