FSFE/fsfe-website
25
31
Fork 92
Code Issues 65 Pull Requests 11 Wiki Activity

adding usual media buttons
All checks were successful
the build was successful
Details

Browse Source
This commit is contained in:
eal
2018-11-06 16:43:59 +01:00
parent 201d81a4d0
commit 74c1ba68d6
1 changed files with 67 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
press/press-new.en.xhtml
View File

@@ -59,48 +59,72 @@
<p style="padding-top:2em"> <a href="https://fsfe.org/news/news.en.rss"><img style="padding: 0 0.5em 0 0.5em" src="/graphics/services/rss32blue.png" /></a> <a href="https://mastodon.social/@fsfe"><img style="padding: 0 0.5em 0 0.5em" src="/graphics/services/mastodon.png" /></a> <a href="https://fsfe.org/news/newsletter"><img style="padding: 0 0.5em 0 0.5em" src="/graphics/services/newsletter.png" /></a> <a href="https://twitter.com/fsfe"><img style="padding: 0 0.5em 0 0.5em" src="/graphics/services/twitter.png" /></a>
</p>
</div>
<div class="box">
<h2>Follow our News</h2>
<div style="text-align:center; margin:2em">
<h3>Press release</h3>
<form id="formnl" name="formnl" method="POST" action="//lists.fsfe.org/mailman/listinfo/press-release">
<input type="submit" value="Subscribe" />
</form>
</div>
<p>
Subscribing to our press-release-list is the easiest way to receive all FSFE's press releases.
<strong>Subscribing to our press-release-list is the easiest way to ensure you receive all FSFE's press releases.</strong>
</p>
<div style="text-align:center">
<form id="formnl" name="formnl" method="POST" action="//lists.fsfe.org/mailman/listinfo/press-release">
<input type="submit" value="Subscribe" />
</form>
</div>
</div>
<h3>News</h3>
<p>To ensure you receive all important information you can subscribe to our <a href="https://fsfe.org/news/news.en.rss">RSS feed</a> and our <a href="https://fsfe.org/news/newsletter">Newsletter</a>.</p>
<h3>Social Media</h3>
<div class="box">
<h2>Follow our News</h2>
<p>Apart from our press releases we publish important news about our work and our campaigns. To ensure you receive them, you can subscribe to our <a href="https://fsfe.org/news/news.en.rss">RSS feed</a> and our <a href="https://fsfe.org/news/newsletter">Newsletter</a>.</p>
<div class="share-buttons bottom" style="text-align:center; margin-top:1em;margin-bottom:1em;">
<a target="_blank" href="https://fsfe.org/donate/?ml-signup">
<button class="button share-newsletter">Newsletter</button>
</a>
<a target="_blank" href="https://mastodon.social/@fsfe">
<button class="button share-mastodon">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> and on <a
href="https://twitter.com/fsfe">Twitter</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 bottom" style="text-align:center;margin-top:1em;margin-bottom:1em;">
<a target="_blank" href="https://mastodon.social/@fsfe">
<button class="button share-mastodon">Mastodon</button>
</a>
<a target="_blank" href="https://diasp.eu/u/fsfe">
<button class="button share-diaspora">Diaspora</button>
</a><br />
<a target="_blank" href="https://twitter.com/fsfe">
<button class="button share-twitter">Twitter</button>
</a>
<a target="_blank" href="https://facebook.com/thefsfe">
<button class="button share-facebook">Facebook</button>
</a>
</div>
</div>
</div>
</div>
<div class="grid-50-50" style="margin-top:3em">
@@ -145,8 +169,25 @@
<div class="grid-50-50" style="margin-top:3em">
<div class="box first">
<h3>Matthias Kirschner, President of FSFE, about our work</h3>
<video style="align:center; margin:2em 0 2em 0;" width="100%" crossorigin="crossorigin" poster="https://download.fsfe.org/videos/supporter/posters/matthias.jpg" controls="controls">
<source media="screen and (min-device-width:1000px)" type="video/mp4; codecs=&quot;avc1.42E01E, mp4a.40.2&quot;" src="https://download.fsfe.org/videos/supporter/matthias_desktop.mp4"></source>
<source media="screen and (min-device-width:1000px)" type="video/webm; codecs=&quot;vp9, opus&quot;" src="https://download.fsfe.org/videos/supporter/matthias_desktop.webm"></source>
<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/matthias_mobile.mp4"></source>
<source media="screen and (max-device-width:999px)" type="video/webm; codecs=&quot;vp9, opus&quot;" src="https://download.fsfe.org/videos/supporter/matthias_mobile.webm"></source>
<track default="default" label="English" srclang="en" kind="subtitles" src="https://download.fsfe.org/videos/supporter/subtitles/matthias.vtt"></track>
</video>
<h3>15 years of FSFE video</h3>
</div>
<div class="box">
<h3>Birthday video: 15 years of FSFE</h3>
<video style="align:center" width="90%" height="270" crossorigin="crossorigin" poster="/graphics/15years-video-poster.png" controls="controls">
<source media="screen and (min-device-width:1000px)" type="video/mp4; codecs=&quot;avc1.42E01E, mp4a.40.2&quot;" src="https://download.fsfe.org/videos/15years/FSFE15_30.mp4"></source>
@@ -177,10 +218,9 @@
<track label="српски" srclang="sr" kind="subtitle" src="https://download.fsfe.org/videos/15years/srt/15years-FSFE.sr.srt"></track>
<track label="eesti keel" srclang="et" kind="subtitle" src="https://download.fsfe.org/videos/15years/srt/15years-FSFE.et.srt"></track>
</video>
</div>
<div> </div>
</div> <!-- END 2nd 50-50 grid -->
@@ -237,3 +277,4 @@ Local Variables: ***
mode: xml ***
End: ***
-->