Browse Source

ILoveFS website for 2019 (#757)

tags/contribute2018
galia 5 months ago
parent
commit
15433be35b

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

@@ -0,0 +1,115 @@
1
+<?xml version="1.0" encoding="UTF-8" ?>
2
+
3
+<html>
4
+  <head>
5
+    <title>I ♥ Free Software - Valentine's Day 2019 - FSFE</title>
6
+  </head>
7
+  <body class="article valentine-ilovefs" microformats="h-entry">
8
+  
9
+<h1 class="p-name">I love Free Software Day 2019</h1>
10
+
11
+<!-- For translators: Have a look at the previous years' campaigns. The
12
+IloveFS pages normally don't change that much and you probably can
13
+reuse many parts of them -->
14
+
15
+<div class="e-content">
16
+
17
+<div class="p-summary">
18
+<p>We should remember the power of a simple "thank you" to 
19
+motivate Free Software contributors in their important work for 
20
+society. And the 14th of February (Thursday) is the ideal day to 
21
+do that.</p>
22
+</div>
23
+
24
+<div class="center">
25
+  <a href="/campaigns/ilovefs/">
26
+    <img alt="I love Free Software Banner" src="/campaigns/ilovefs/artwork/graphics/ilovefs-banner-extralarge.png"/></a>
27
+</div>
28
+<br />
29
+<p>A lot of criticism is exchanged in the Free Software community. We write bug 
30
+reports, tell others how they can improve the software, ask them for new 
31
+features, and generally are not shy about criticising others. There is nothing 
32
+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>
33
+
34
+<h2>Show your love for Free Software</h2>
35
+
36
+<div class="captioned right" style="width: 300px;"> <!-- change to actual width of pictures -->
37
+  <picture-box from="1" to="149" />
38
+  <!-- See ilovefs.xsl for image selection options and more -->
39
+  <footer>
40
+    <p>Many people are in love with Free Software for different reasons. (<a href="/campaigns/ilovefs/whylovefs/gallery.html">full gallery</a>)</p>
41
+  </footer>
42
+</div>
43
+
44
+<p>Free Software drives a huge number of devices in our everyday lives. It ensures 
45
+our freedom, our security, civil rights, and privacy. It enables everyone to 
46
+participate in a fair society. And since everybody loves Free Software for different reasons, let's show this variety to the world!</p>
47
+
48
+<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>
49
+
50
+<h2>Be part of #ilovefs</h2>
51
+
52
+<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>
53
+
54
+<ul>
55
+  <li>For example, thank your favourite contributors for their work in a personal way by sending one of <a 
56
+  href="/contribute/spreadtheword.html#ilovefs-postcard">our 
57
+  postcards</a>.</li>
58
+
59
+  <div class="captioned right" style="max-width: 506px; width: 30%;">
60
+    <a href="/contribute/spreadtheword.html#ilovefs">
61
+      <img src="/contribute/promopics/ilovefs-postcard-front-thumb.png" alt="our postcard with the text: I love Free Software - but I love you more" />
62
+    </a>
63
+    <footer>
64
+      <p>#ilovefs postcard</p>
65
+    </footer>
66
+  </div>
67
+  <li>Show your appreciation publicly using social networks or your blog to 
68
+  demonstrate to the world how many people love Free Software – and thereby 
69
+  motivate others to do the same. Just use the hashtag 
70
+  <strong>#ilovefs</strong> on <a href="https://joinmastodon.org/">Mostodon</a>, <a 
71
+  href="https://twitter.com/hashtag/ilovefs">Twitter</a>, or other 
72
+  platforms.</li>
73
+</ul>
74
+
75
+<p>If everybody contributes a small part, we can enjoy a beautiful <strong>"I love Free Software"</strong> Day together. </p>
76
+<p>Let's share videos and pictures, tweets, send postcards and blog posts using the #ilovefs, and show our love individually.</p> 
77
+
78
+<p>Happy <strong><span style="color:red;">"I love Free Software"</span></strong> Day everyone!</p>
79
+
80
+</div><!--/e-content-->
81
+
82
+  <h2>Related news</h2>
83
+
84
+	  <fetch-news/>
85
+
86
+  </body>
87
+
88
+<sidebar promo="our-work">
89
+<h2>More #ilovefs</h2>
90
+
91
+ <dynamic-content />     
92
+
93
+<ul>
94
+<li><a href="/campaigns/ilovefs/latest-report">Latest #ilovefs Report</a></li>
95
+
96
+<li><a href="/campaigns/ilovefs/whylovefs/gallery.html">Photo gallery of people loving Free Software</a></li>
97
+
98
+<li><a href="/campaigns/ilovefs/whylovefs/whylovefs.html">Why people love Free Software</a></li>
99
+
100
+<li><a href="/campaigns/ilovefs/artwork/artwork.html">Graphics to use on your website</a></li>
101
+
102
+<li><a href="/contribute/spreadtheword.html#ilovefs">Get promotion material for free</a></li>
103
+
104
+<li><a href="/order/order.html">Order #ilovefs merchandise</a></li>
105
+</ul>
106
+
107
+</sidebar>
108
+
109
+  <timestamp>$Date: 2016-04-06 15:32:34 +0200 (Mi, 06. Apr 2016) $ $Author: max.mehl $</timestamp>
110
+</html>
111
+<!--
112
+Local Variables: ***
113
+mode: xml ***
114
+End: ***
115
+-->

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

@@ -0,0 +1,3 @@
1
+news/*/news:[ilovefs]
2
+news/generated_xml/:[ilovefs]
3
+news/nl/nl:[ilovefs]

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

@@ -0,0 +1,87 @@
1
+<?xml version="1.0" encoding="UTF-8"?>
2
+
3
+<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
4
+  
5
+  <xsl:import href="../../../tools/xsltsl/tagging.xsl" />
6
+  <xsl:import href="../../../fsfe.xsl" />
7
+  
8
+  <xsl:output method="html" encoding="utf-8" indent="yes" doctype-system="about:legacy-compat" />
9
+  
10
+  <xsl:template match="fetch-news">
11
+    <xsl:call-template name="fetch-news">
12
+      <xsl:with-param name="tag" select="'ilovefs'"/>
13
+      <xsl:with-param name="nb-items" select="5"/>
14
+    </xsl:call-template>
15
+  </xsl:template>
16
+
17
+  <!-- This creates looping pictures in a box. All pictures are located in a directory and have numbered names (here ilovefs-gallery-thumb-NNN.jpg) -->
18
+  <xsl:template match="picture-box">    
19
+    <!-- appears once when <picture-box /> is called -->
20
+    <xsl:variable name="from"><xsl:value-of select="@from"/></xsl:variable>
21
+    <xsl:variable name="to"><xsl:value-of select="@to"/></xsl:variable>
22
+    
23
+    <div id="picture-box" style="height:225px;"> <!-- change to height of pictures -->
24
+      <div id="picture-box-inner" class="logo-list quote">
25
+        <a href="https://download.fsfe.org/campaigns/ilovefs/gallery/ilovefs-gallery-1.jpg">
26
+          <div class="img">
27
+            <noscript>
28
+              <img>
29
+                <xsl:attribute name="src">https://download.fsfe.org/campaigns/ilovefs/gallery/thumbs/ilovefs-gallery-thumb-1.jpg</xsl:attribute>
30
+              </img>
31
+            </noscript>
32
+          </div> <!-- /img -->
33
+        </a>
34
+      </div> <!-- /picture-box-inner -->
35
+    </div> <!-- /picture-box -->
36
+    
37
+    <script type="text/javascript">
38
+      /* &lt;![CDATA[ */
39
+      var quotes = [
40
+      <!-- this template calls the loop below -->
41
+      <xsl:call-template name="picture-box">
42
+        <xsl:with-param name="num" select="$from"/> <!-- starting number -->
43
+        <xsl:with-param name="max" select="$to"/> <!-- select maximum number of pictures which should be shown in picture box -->
44
+      </xsl:call-template>
45
+      <!-- and here again the one-time content -->
46
+      ];
47
+      
48
+      <![CDATA[
49
+      var index = Math.floor(Math.random()*quotes.length);
50
+      function changeImage() {
51
+        $('#picture-box-inner').fadeOut('slow', function() {
52
+          $('#picture-box-inner').html('<a href="' + quotes[index]['link'] + '">'
53
+                                     + '<div class="img"><img src="' + quotes[index]['photo'] + '"/></div>'
54
+                                     );
55
+          $('#picture-box-inner').fadeIn('slow', function() {});
56
+          });
57
+        index = (index+1)%quotes.length;
58
+        setTimeout("changeImage();",5000);
59
+      }
60
+      
61
+      changeImage();
62
+      ]]>
63
+      
64
+      /* ]]&gt; */
65
+      
66
+    </script>
67
+  </xsl:template>
68
+
69
+  <xsl:template name="picture-box">
70
+    <xsl:param name="num"/>
71
+    <xsl:param name="max"/>
72
+    <xsl:if test="not($num > $max)">
73
+      {
74
+        'photo': 'https://download.fsfe.org/campaigns/ilovefs/gallery/thumbs/ilovefs-gallery-thumb-<xsl:value-of select="$num"/>.jpg',
75
+        'link': 'https://download.fsfe.org/campaigns/ilovefs/gallery/ilovefs-gallery-<xsl:value-of select="$num"/>.jpg',
76
+      },
77
+      <xsl:call-template name="picture-box"> <!-- initiate the next round -->
78
+        <xsl:with-param name="num">
79
+          <xsl:value-of select="$num+1" /> <!-- count +1 -->
80
+        </xsl:with-param>
81
+        <xsl:with-param name="max" select="$max"/>
82
+      </xsl:call-template>
83
+    </xsl:if>
84
+  </xsl:template>
85
+  <!-- / picture-box -->
86
+  
87
+</xsl:stylesheet>

Loading…
Cancel
Save