Browse Source

ILoveFS website for 2019 (#757)

galia 8 months ago

+ 115
- 0
campaigns/ilovefs/2019/index.en.xhtml View File

@@ -0,0 +1,115 @@
<?xml version="1.0" encoding="UTF-8" ?>

<title>I ♥ Free Software - Valentine's Day 2019 - FSFE</title>
<body class="article valentine-ilovefs" microformats="h-entry">
<h1 class="p-name">I love Free Software Day 2019</h1>

<!-- For translators: Have a look at the previous years' campaigns. The
IloveFS pages normally don't change that much and you probably can
reuse many parts of them -->

<div class="e-content">

<div class="p-summary">
<p>We should remember the power of a simple "thank you" to
motivate Free Software contributors in their important work for
society. And the 14th of February (Thursday) is the ideal day to
do that.</p>

<div class="center">
<a href="/campaigns/ilovefs/">
<img alt="I love Free Software Banner" src="/campaigns/ilovefs/artwork/graphics/ilovefs-banner-extralarge.png"/></a>
<br />
<p>A lot of criticism is exchanged in the Free Software community. We write bug
reports, tell others how they can improve the software, ask them for new
features, and generally are not shy about criticising others. There is nothing
wrong with that. It's constructive, as it helps us to constantly improve. But sometimes we should also show our appreciation and encouragement to those hardworking people behind Free Software.</p>

<h2>Show your love for Free Software</h2>

<div class="captioned right" style="width: 300px;"> <!-- change to actual width of pictures -->
<picture-box from="1" to="149" />
<!-- See ilovefs.xsl for image selection options and more -->
<p>Many people are in love with Free Software for different reasons. (<a href="/campaigns/ilovefs/whylovefs/gallery.html">full gallery</a>)</p>

<p>Free Software drives a huge number of devices in our everyday lives. It ensures
our freedom, our security, civil rights, and privacy. It enables everyone to
participate in a fair society. And since everybody loves Free Software for different reasons, let's show this variety to the world!</p>

<p>Valentine's Day, being the traditional day for people to show their love for others, presents us with the perfect opportunity to say <strong>thank you</strong> to the contributors of the various Free Software we love: developers, translators, designers, testers, or documentation writers, of huge softwares or smaller projects. All of them work to keep the Free Software ecosystem which we enjoy every day healthy, vibrant, and growing.</p>

<h2>Be part of #ilovefs</h2>

<p>It doesn't matter who and where you are or what your background is – everyone can participate in the <strong>"I love Free Software"</strong> day in many various ways:</p>

<li>For example, thank your favourite contributors for their work in a personal way by sending one of <a

<div class="captioned right" style="max-width: 506px; width: 30%;">
<a href="/contribute/spreadtheword.html#ilovefs">
<img src="/contribute/promopics/ilovefs-postcard-front-thumb.png" alt="our postcard with the text: I love Free Software - but I love you more" />
<p>#ilovefs postcard</p>
<li>Show your appreciation publicly using social networks or your blog to
demonstrate to the world how many people love Free Software – and thereby
motivate others to do the same. Just use the hashtag
<strong>#ilovefs</strong> on <a href="">Mostodon</a>, <a
href="">Twitter</a>, or other

<p>If everybody contributes a small part, we can enjoy a beautiful <strong>"I love Free Software"</strong> Day together. </p>
<p>Let's share videos and pictures, tweets, send postcards and blog posts using the #ilovefs, and show our love individually.</p>

<p>Happy <strong><span style="color:red;">"I love Free Software"</span></strong> Day everyone!</p>


<h2>Related news</h2>



<sidebar promo="our-work">
<h2>More #ilovefs</h2>

<dynamic-content />

<li><a href="/campaigns/ilovefs/latest-report">Latest #ilovefs Report</a></li>

<li><a href="/campaigns/ilovefs/whylovefs/gallery.html">Photo gallery of people loving Free Software</a></li>

<li><a href="/campaigns/ilovefs/whylovefs/whylovefs.html">Why people love Free Software</a></li>

<li><a href="/campaigns/ilovefs/artwork/artwork.html">Graphics to use on your website</a></li>

<li><a href="/contribute/spreadtheword.html#ilovefs">Get promotion material for free</a></li>

<li><a href="/order/order.html">Order #ilovefs merchandise</a></li>


<timestamp>$Date: 2016-04-06 15:32:34 +0200 (Mi, 06. Apr 2016) $ $Author: max.mehl $</timestamp>
Local Variables: ***
mode: xml ***
End: ***

+ 3
- 0
campaigns/ilovefs/2019/index.sources View File

@@ -0,0 +1,3 @@

+ 87
- 0
campaigns/ilovefs/2019/index.xsl View File

@@ -0,0 +1,87 @@
<?xml version="1.0" encoding="UTF-8"?>

<xsl:stylesheet version="1.0" xmlns:xsl="">
<xsl:import href="../../../tools/xsltsl/tagging.xsl" />
<xsl:import href="../../../fsfe.xsl" />
<xsl:output method="html" encoding="utf-8" indent="yes" doctype-system="about:legacy-compat" />
<xsl:template match="fetch-news">
<xsl:call-template name="fetch-news">
<xsl:with-param name="tag" select="'ilovefs'"/>
<xsl:with-param name="nb-items" select="5"/>

<!-- This creates looping pictures in a box. All pictures are located in a directory and have numbered names (here ilovefs-gallery-thumb-NNN.jpg) -->
<xsl:template match="picture-box">
<!-- appears once when <picture-box /> is called -->
<xsl:variable name="from"><xsl:value-of select="@from"/></xsl:variable>
<xsl:variable name="to"><xsl:value-of select="@to"/></xsl:variable>
<div id="picture-box" style="height:225px;"> <!-- change to height of pictures -->
<div id="picture-box-inner" class="logo-list quote">
<a href="">
<div class="img">
<xsl:attribute name="src"></xsl:attribute>
</div> <!-- /img -->
</div> <!-- /picture-box-inner -->
</div> <!-- /picture-box -->
<script type="text/javascript">
/* &lt;![CDATA[ */
var quotes = [
<!-- this template calls the loop below -->
<xsl:call-template name="picture-box">
<xsl:with-param name="num" select="$from"/> <!-- starting number -->
<xsl:with-param name="max" select="$to"/> <!-- select maximum number of pictures which should be shown in picture box -->
<!-- and here again the one-time content -->
var index = Math.floor(Math.random()*quotes.length);
function changeImage() {
$('#picture-box-inner').fadeOut('slow', function() {
$('#picture-box-inner').html('<a href="' + quotes[index]['link'] + '">'
+ '<div class="img"><img src="' + quotes[index]['photo'] + '"/></div>'
$('#picture-box-inner').fadeIn('slow', function() {});
index = (index+1)%quotes.length;
/* ]]&gt; */

<xsl:template name="picture-box">
<xsl:param name="num"/>
<xsl:param name="max"/>
<xsl:if test="not($num > $max)">
'photo': '<xsl:value-of select="$num"/>.jpg',
'link': '<xsl:value-of select="$num"/>.jpg',
<xsl:call-template name="picture-box"> <!-- initiate the next round -->
<xsl:with-param name="num">
<xsl:value-of select="$num+1" /> <!-- count +1 -->
<xsl:with-param name="max" select="$max"/>
<!-- / picture-box -->