cleaning up the spreadthewordpage

svn path=/trunk/; revision=32724
This commit is contained in:
eal 2016-02-03 19:10:22 +00:00
parent c9dcdc136e
commit 279eeb3d7b
2 changed files with 174 additions and 0 deletions

View File

@ -0,0 +1,172 @@
<?xml version="1.0" encoding="UTF-8" ?>
<html>
<head>
<title>Spread the word</title>
<meta content="FSFE's Promotion Material" name="description" />
<meta content="FSFE Graphics Buttons Logo Promotion Sticker Poster Leaflets Flyer Campaigns Free Your Android I cannot read your documents Fellowship Plussy Gnu" name="keywords" />
<style type="text/css">
div.two-column {
float: left;
width: 40%;
}
h1, h2, h3 {
clear: both;
}
div#toc {
float: right;
clear: right;
border: solid 1px;
margin: .5em;
background: rgb(240,240,240);
width: 40%;
}
</style>
</head>
<body>
<p id="category"><a href="/contribute/">Contribute</a></p>
<h1 id="spread-the-word">Spread the word!</h1>
<div id="introduction">
<div class="image">
<img src="/graphics/megaphone.png" alt="megaphone" />
</div>
<p>You found your way here, because - like us - you care about Free Software and digital civil rights. We need your help to spread the word about the advantages of Free Software, and to explain others why they should care about Freedom, too. Advocating for Free Software is fun and arguably one of the best ways to help the Free Software movement! On this page you find graphics to use and leaflets to print yourself to support and help you in spreading the word. </p>
</div>
<p>Or maybe you are looking for <a href="spreadtheword.html">professionally printed promotion material</a> from us for no cost?</p>
<h2 id="graphics">Graphics to use</h2>
<div id="toc">
<p style="text-indent:1em;">On this page you find</p>
<ul style="margin-bottom: 1em;">
<li><a href="#graphics">Graphics to use</a></li>
<li><a href="#political-leaflets">Printable information material</a></li>
<li><a href="#promo-material">Order FSFE's Promotion Material</a></li>
</ul>
</div>
<p>All graphics you find on this page can be used to promote Free Software in general and the work of FSFE in particular. Feel free to copy, spread and use them as long as you avoid the appearance that - whatever you use it for - is an official product or the official opinion of the FSFE. Thank you very much for promoting Freedom!</p>
<h3 id="fsfe-logo" class="left break">Logo of the Free Software Foundation Europe</h3>
<div class="left break margin-vertical">
<img class="left grid-30" src="promopics/logo-thumb.png" />
<p class="right grid-70">The official logo of the Free Software Foundation Europe. Use it to promote FSFE and our work. </p>
</div>
<div class="left break margin-vertical">
<p>FSFE Logo in <strong>colour</strong>: <a href="https://fsfe.org/graphics/logo.png">PNG</a> | <a href="https://fsfe.org/graphics/logo.svg">SVG</a> - FSFE Logo in <strong>b/w</strong>: <a href="https://fsfe.org/graphics/logo_bw.png">PNG</a> | <a href="https://fsfe.org/graphics/logo_bw.svg">SVG</a></p>
<p style="font-size:0.8em; margin-left:2em;"><strong>License</strong>: The logo of the FSFE must never be used in a way that could be understood as endorsing certain activities, home pages, products or entities without prior consent of the FSFE. Please <a href="mailto:team@fsfeurope.org">contact <em>team (at) fsfeurope.org</em></a> if you wish to know whether your intended usage is suitable.</p>
</div>
<h3 id="fellowship-logo" class="left break">Logo of the Fellowship of FSFE</h3>
<div class="left break margin-vertical">
<img class="left grid-30" src="promopics/plussy-sticker-thumb.png" />
<p class="right grid-70">This is the logo that represents the <a href="/fellowship/">Fellowship of the FSFE</a>. Its name is 'Plussy' and the symbol illustrates a human who stands strong for his freedom. At the same time, the human figure opens his arms to include everyone who shares common goals. Finally, the symbol draws a 'plus', because our movement gets stronger with every single identity. In other words, every one who is joining the Fellowship is a plus in the fight for freedom. That is why it is called 'Plussy'.</p>
</div>
<div class="left break margin-vertical">
<p>Fellowship Plussy Logo: <a href="http://download.fsfe.org/advocacy/leaflets/fellowship-plussy.png">PNG</a> | <a href="http://download.fsfe.org/advocacy/leaflets/fellowship-plussy.svg">SVG</a></p>
<p style="font-size:0.8em; margin-left:2em;"><strong>License</strong>: The Fellowship logo (and variations of it) can be used to advertise the Fellowship of the FSFE and in association with any Free Software related activity performed by FSFE Fellows. It can also be incorporated into logos of local Fellowship groups if so desired. However, if you do not have a mandate by FSFE, we ask you not to create the impression that you speak officially for FSFE, or that FSFE has certified or endorsed you to do so in any way.</p>
</div>
<!-- <h3 id="web-banners">Web Banners</h3>-->
<h3 id="fellowship-buttons">Fellowship and FSFE supporting graphics</h3>
<p>Feel free to use the following graphics and buttons whenever you like to support our work, the Fellowship or Free Software in general. Most icons should be self-explaining. Click the thumbs to access a proper file. </p>
<p><strong>Fellowship</strong></p>
<p>Those buttons, that show a number can be used to show that you are a Fellow by choosing the number that matches your own Fellowshipnumber. Find <a href="http://download.fsfe.org/fellowship/buttons/">the image of your personal number</a> and feel free to use them in any medium you like.</p>
<table border="0" cellpadding="20">
<tbody>
<tr>
<td align="center" valign="middle"><a href="/graphics/fellowship/fellowship-page-logo.svg"><img src="/graphics/fellowship/fellowship-page-logo-200x61.png" /></a></td>
<td align="center" valign="middle"><a href="/graphics/fellowship/fellowship-join-fsfe-200x73.png"><img src="/graphics/fellowship/fellowship-join-fsfe-200x73.png" /></a></td>
</tr>
<tr>
<td align="center" valign="middle"><a href="http://download.fsfe.org/fellowship/buttons/"><img src="promopics/Fellow_Number_small_200x72.png" /></a></td>
<td align="center" valign="middle"><a href="http://download.fsfe.org/fellowship/buttons/"><img src="promopics/Fellow_Number_thumb_200x59" /></a></td>
</tr>
</tbody>
</table>
<p><strong>FSFE and campaigns</strong></p>
<table border="0" cellpadding="20">
<tbody>
<tr>
<td align="center" valign="middle"><img src="/donate/graphics/180x119-FsfeSupportourWork_transparent.png" alt="Transparent PNG saying 'Support our work!'" /></td>
<td align="center" valign="middle"><a href="https://fsfe.org/graphics/supporter/FSFE_supporter.svg"><img src="/graphics/supporter/FSFE_plus1_42x42_b.png" /></a>
<a href="https://fsfe.org/graphics/supporter/FSFE_supporter.svg"><img src="/graphics/supporter/FSFE_supporter_110x22_b.png" /></a></td>
</tr>
<tr>
<td align="center" valign="middle"> <a href="https://fsfe.org/campaigns/ilovefs/2013/banners.en.html"><img src="promopics/love-150x90-en-oversized200.png" /></a></td>
<td align="center" valign="middle"><a href="/contribute/advocacy/cwfs.en.html"><img src="/contribute/advocacy/cwfs/cwfs-1.0.0-original-25-degree-180x121.png" /></a></td>
</tr>
</tbody>
</table>
<h2 id="political-leaflets">Print your own: Leaflets and information material</h2>
<p>Graphics are good to attract attention, but sometimes it is better to offer printed material with specific and more detailed information. Volunteers from the FSFE have put a lot of work in writing <a href="/about/printable/">information material that you can print out at home</a> and spread it wherever you like. You can find political leaflets about: <!-- (BTW: The page with the leaflets should be improved, too (eg with a content box) --></p>
<ul>
<li>Reasons for schools to use Free Software</li>
<li>Reasons to prefer Free Software for your child's education</li>
<li>Reasons to push for Free Software in your university</li>
<li>About FSFE's Legal Work</li>
<li>FSFE and the antitrust case against Microsoft</li>
<li>FSFE's work on Open Standards</li>
<li>The FSFE's role with the United Nations</li>
<li>Let's get rid of non-free PDF advertisement</li>
<li>A future without software patents</li>
</ul>
</body>
<timestamp></timestamp>
</html>
<!--
Local Variables: ***
mode: xml ***
End: ***
-->

View File

@ -62,6 +62,8 @@
Feel free to decide for yourself.
</p>
<p>Or maybe you are looking for <a href="getyourgraphic.html">graphics to use and material to print</a> by yourself?</p>
<h2 id="id-how-and-what-to-order">How to order</h2>
<p>