Updates the right column of the news and front page #651
681
look/fsfe.less
681
look/fsfe.less
File diff suppressed because it is too large
Load Diff
@ -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;
|
||||
|
@ -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="avc1.42E01E, mp4a.40.2""
|
||||
src="https://download.fsfe.org/videos/supporter/cryptie_mobile.mp4"/>
|
||||
<source
|
||||
media="screen and (max-device-width:999px)"
|
||||
type="video/webm; codecs="vp9, opus""
|
||||
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>
|
||||
|
Loading…
Reference in New Issue
Block a user