FSFE
/
fsfe-website
28
30
Fork 86
Code Issues 64 Pull Requests 13 Wiki Activity

Adds a news sidebar
the build was successful Details

This commit is contained in:
Michael Weimann 2018-11-24 14:28:40 +01:00
parent f563186068
commit c34a44ffa6
Signed by: mweimann
GPG Key ID: 34F0524D4DA694A1
3 changed files with 519 additions and 271 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

681
look/fsfe.less
View File

File diff suppressed because it is too large Load Diff

33
look/style.less
View File

@ -269,28 +269,35 @@ div#subpages, .grid-row {
}
/* the main and follow up sections */
/* grid */
.article, .planet {
#content, #planet-posts {
flex: 0 0 100%;
padding-left: 0;
}
/* grid */
#sidebar {
flex: 0 0 100%;
padding-right: 0;
}
}
@media (min-width: @screen-md-min) {
.article, .planet {
#content, #planet-posts {
.make-xs-column(12);
.make-md-column(8);
padding-left: 0;
flex: 1 0 66%;
}
#sidebar {
.make-xs-column(12);
.make-md-column(4);
padding-right: 0;
}
}
#content + #sidebar {
.article #sidebar;
#sidebar {
flex: 0 0 33%;
}
}
}
#main, #followup {
background: @body-bg;
display: flex;
gap: 20px;
margin: 1em auto;
padding: 1.5em;
font-size: 1.1em;

76
news/news.en.xhtml
View File

@ -11,10 +11,80 @@
</body>
<sidebar promo="none">
<h2><i class="fa fa-rss"></i></h2>
<p>This page collects the regular news stories that FSFE publishes about its campaigns and activities. <br />Join the <a href="/press/index.html">press release mailing list</a> or subscribe to <a href="/news/news.rss">our RSS feed</a> to keep up-to-date on our activites. <a href="newsletter.html">Monthly newsletters</a> are also available.</p>
<div class="news-sidebar">
<h2>Follow our News</h2>
<p>
To keep up with our latest news, you can subscribe our <a href="/news/news.en.rss">RSS feed</a> and
our <a href="/news/newsletter">Newsletter</a>.
</p>
<div class="share-buttons-sidebar">
<a target="_blank" href="https://fsfe.org/news/newsletter">
<button class="share-button-sidebar share-mail">Newsletter</button>
</a>
<a target="_blank" href="https://fsfe.org/news/news.en.rss">
<button class="share-button-sidebar share-rss">RSS Feed</button>
</a>
</div>
<h2>Social Media</h2>
<p>
For instant updates and hot news you can also follow us on <a
href="https://mastodon.social/@fsfe">Mastodon</a>, <a href="https://diasp.eu/u/fsfe">Diaspora</a>, <a
href="https://twitter.com/fsfe">Twitter</a> and <a href="https://facebook.com/thefsfe">Facebook</a>.
</p>
<div class="share-buttons-sidebar">
<a target="_blank" href="https://mastodon.social/@fsfe">
<button class="share-button-sidebar share-mastodon">Mastodon</button>
</a>
<a target="_blank" href="https://diasp.eu/u/fsfe">
<button class="share-button-sidebar share-diaspora">Diaspora</button>
</a><br/>
<a target="_blank" href="https://twitter.com/fsfe">
<button class="share-button-sidebar share-twitter">Twitter</button>
</a>
<a target="_blank" href="https://facebook.com/thefsfe">
<button class="share-button-sidebar share-facebook">Facebook</button>
</a>
</div>
<hr/>
<h2>Support the fsfe</h2>
<video
crossorigin="crossorigin"
poster="https://download.fsfe.org/videos/supporter/posters/cryptie.jpg"
controls="controls"
width="100%">
<source
media="screen and (max-device-width:999px)"
type="video/mp4; codecs=&quot;avc1.42E01E, mp4a.40.2&quot;"
src="https://download.fsfe.org/videos/supporter/cryptie_mobile.mp4"/>
<source
media="screen and (max-device-width:999px)"
type="video/webm; codecs=&quot;vp9, opus&quot;"
src="https://download.fsfe.org/videos/supporter/cryptie_mobile.webm"/>
<track default="default" label="English" srclang="en" kind="subtitles" src="https://download.fsfe.org/videos/supporter/subtitles/cryptie.vtt"/>
</video>
<small class="news-supporter-media-title">
Cryptie fsfe supporter
</small>
<p>
By becoming a supporter of the FSFE you empower our work and help to assure our financial independence.
</p>
<div class="share-buttons-sidebar">
<a target="_blank" href="https://facebook.com/thefsfe">
<button class="share-button-sidebar share-support">Support us</button>
</a>
</div>
</div>
</sidebar>
<text id="more">Read more…</text>
<timestamp>$Date$ $Author$</timestamp>
</html>
</html>