[fsf-giving-guide.git] / givingguide.html

<!DOCTYPE html>
<html>
	<head>

		<title> 2014 Holiday Giving Guide | Free Software Foundation | Working together for free software </title>

		<meta charset="UTF-8">

		<!--FIXME: Is this necessary?-->
		<link rel="copyright" title="Copyright information" href="http://creativecommons.org/licenses/by-nd/3.0/rdf">
		<link rel="author" title="Author information" href="http://www.fsf.org/about/staff">

		<!--Stylesheets-->
		<link rel="stylesheet" type="text/css" href="reset.css">
		<link rel="stylesheet" type="text/css" href="stylesheet.css">

	</head>

	<body>
		<div class="header">
			<div class="navbar">
					<span class="logo_wrapper">
					<a href="https://www.fsf.org/"><img class="logo" src="images/logo.png" alt="Logo" /></a>
				</span>

				<div class="nav_wrapper">
					<ul>
						<li><a href="https://www.fsf.org/about/">About the FSF</a></li>
					 	<li><a href="https://www.fsf.org/campaigns/">Campaigns</a></li>
						<li><a href="https://www.fsf.org/licensing/">Software Licensing</a></li>
						<li><a href="http://shop.fsf.org/">Shop</a></li>
					</ul>
				</div>

				<span class="join_wrapper">
					<a href="http://fsf.org/jfb"><img class="join" src="images/join.png" alt="Logo" /></a>
				</span>
				<div class="intro">

					<div class="intro_img">
						<img src="images/banner.png" alt="Giving Guide" />
					</div>
					<div class="intro_wrapper">
						<h2>Are you giving your loved ones holiday gifts they can use freely,
							or gifts which put someone else in control?</h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae nisl
							et lacus vestibulum scelerisque. Fusce vitae vestibulum mauris, quis
							eleifend turpis. Mauris placerat laoreet nisi, nec pellentesque magna
							gravida id. Nulla nisi est, auctor in arcu eu, sodales condimentum elit.
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vel
							gravida risus, non porttitor nibh. Suspendisse mattis maximus mauris,
							ut ullamcorper turpis commodo non. Aenean a condimentum quam, ac finibus
							erat. Duis iaculis iaculis diam, sit amet rutrum nisl lobortis ut.
							Sed accumsan dolor id lectus pretium, at semper tellus dictum. Proin
							fringilla efficitur justo, et posuere metus aliquam vestibulum.
							Vivamus ullamcorper nulla in urna mollis, a bibendum erat tempus.
							Integer luctus neque non magna aliquam congue. Nullam gravida
							lectus urna, ut vulputate elit lobortis non.
						</p>
						
						</div>
				</div>
			</div>
		</div>
<!-- 		<div class="wrapper">

	<div>
		<h1 class="intro_phrase">SAY SOMETHING CLEVER ABOUT GIVING GUIDE 2014</h1>

		<h2>Are you giving your loved ones holiday gifts they can use freely, or
			gifts which put someone else in control?</h2>

		<p>
			Electronics are popular gifts for the holidays, but people often overlook
			the restrictions that manufacturers slip under the wrapping paper.
			Companies like Microsoft and Apple can and will use Digital
			Restrictions Management (DRM) to prevent your loved ones from
			sharing apps on the laptop you got them or remixing the songs on
			their expensive new iPad. If the recipient of your gift is as
			unlucky as one woman last year,
			<a href="http://www.defectivebydesign.org/node/2250">
				Amazon might even block all the books on their Kindle and refuse to explain why</a>.
				Companies want us to accept this kind of intrusive control,
				but when you think about, it's unethical (and annoying!).
		</p>

		<h2>Give freely</h2>

		<p>
			The good news is, for every device that uses DRM or has a remote
			"kill switch" like the Kindle, ethical companies have made a better
			one that doesn't, one that your loved ones will be free to enjoy however
			 they wish. Here's a list of these smarter gifts, compared with their
			 more well-known, but more restrictive alternatives. While you're
			reading, please remember that donating to a charity in your friend
			or family member's name is at least as meaningful as buying them
			an electronic device. Some of our favorite charities are the
			<a href="http://www.eff.org/">Electronic Frontier Foundation</a>,
			<a href="http://www.creativecommons.org/">Creative Commons</a>,
			<a href="http://wikimedia.org/">Wikimedia Foundation</a>,
			<a href="http://www.sfconservancy.org/">Software Freedom Conservancy</a>,
			<a href="http://www.softwarefreedom.org/">Software Freedom Law Center</a>,
			<a href="http://www.gnome.org/">GNOME Foundation</a>
			and Free Software Foundation.
		</p>
		<h2>The Free Software Foundation's Holiday Giving Guide</h2>

		<p>
			The gifts in the left column respect your freedom much more than those in the right column.
		</p>

		<p>
			<i>
				Please share <a href="#">the Giving Guide</a>
				with your friends and family members, especially those that might give you
				 presents! (We're using the hashtag #givefreely.)
			</i>
		</p>

		<p>
		To make a really big splash, get some friends together, print the PDF
		version of the Giving Guide and hand it out near a local store that
		sells DRM-encumbered products. Be sure to take photos! Send us photos
		and any questions at <a href="mailto:campaigns@fsf.org">campaigns@fsf.org</a>.
		</p>

	</div>

</div> -->


		<!--We compare different products from here-->

			 	<div class="comparisons">
						<div class="section_wrapper">
							<h3 class="main_title">Operating System: Give the gift of free, flexible, and ethical computing</h3>

							<div class="free">
								<div class="product">
									<img class="good" src="images/good.png" alt="Windows"/>
									<img class="product_img" src="images/linux.png" alt="Linux"/>
								</div>

								<h4 class="title">Fedora</h4>
								<ul>
									<li>Completely free operating system: transparent and modifiable</li>
									<li>Break the cycle of forced upgrades and planned obsolescence</li>
									<li>Comes with all the software you need and an easy software manager to find more.</li>
								</ul>

								<div class="buy">

									<a href="http://fedoraproject.org/"><img src="images/download.png" alt="download" /></a>

								</div>

							</div>

							<div class="proprietary">
								<div class="product">
									<img class="bad" src="images/bad.png" alt="bad"/>
									<img class="product_img" src="images/windows.png" alt="Windows"/>
								</div>

								<h4 class="title">Windows</h4>
								<ul>
									<li>Proprietary software that profits from controlling how you use your computer</li>
									<li>Invades privacy and exposes personal data to Microsoft, <a href="http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance">the NSA</a>, and other malicious attackers</li>
									<li>Dependent on mandatory upgrades and devices that don't support older versions of Windows</li>
								</ul>

								<div class="avoid">

									<img src="images/avoid.png" alt="avoid" />

								</div>
							</div>
						</div>
					</div>

					<div class="comparisons">
						<div class="section_wrapper">
							<h3 class="main_title">Operating System: Give the gift of free, flexible, and ethical computing</h3>

							<div class="free">
								<div class="product">
									<img class="good" src="images/good.png" alt="Windows"/>
									<img class="product_img" src="images/linux.png" alt="Linux"/>
								</div>

								<h4 class="title">Fedora</h4>
								<ul>
									<li>Completely free operating system: transparent and modifiable</li>
									<li>Break the cycle of forced upgrades and planned obsolescence</li>
									<li>Comes with all the software you need and an easy software manager to find more.</li>
								</ul>

								<div class="buy">

									<a href="http://fedoraproject.org/"><img src="images/download.png" alt="download" /></a>

								</div>

							</div>

							<div class="proprietary">
								<div class="product">
									<img class="bad" src="images/bad.png" alt="bad"/>
									<img class="product_img" src="images/windows.png" alt="Windows"/>
								</div>

								<h4 class="title">Windows</h4>
								<ul>
									<li>Proprietary software that profits from controlling how you use your computer</li>
									<li>Invades privacy and exposes personal data to Microsoft, <a href="http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance">the NSA</a>, and other malicious attackers</li>
									<li>Dependent on mandatory upgrades and devices that don't support older versions of Windows</li>
								</ul>

								<div class="avoid">

									<img src="images/avoid.png" alt="avoid" />

								</div>
							</div>
						</div>
				</div>

				<div class="comparisons">
					<div class="section_wrapper">
						<h3 class="main_title">Operating System: Give the gift of free, flexible, and ethical computing</h3>

						<div class="free">
							<div class="product">
								<img class="good" src="images/good.png" alt="Windows"/>
								<img class="product_img" src="images/linux.png" alt="Linux"/>
							</div>

							<h4 class="title">Fedora</h4>
							<ul>
								<li>Completely free operating system: transparent and modifiable</li>
								<li>Break the cycle of forced upgrades and planned obsolescence</li>
								<li>Comes with all the software you need and an easy software manager to find more.</li>
							</ul>

							<div class="buy">

								<a href="http://fedoraproject.org/"><img src="images/download.png" alt="download" /></a>

							</div>

						</div>

						<div class="proprietary">
							<div class="product">
								<img class="bad" src="images/bad.png" alt="bad"/>
								<img class="product_img" src="images/windows.png" alt="Windows"/>
							</div>

							<h4 class="title">Windows</h4>
							<ul>
								<li>Proprietary software that profits from controlling how you use your computer</li>
								<li>Invades privacy and exposes personal data to Microsoft, <a href="http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance">the NSA</a>, and other malicious attackers</li>
								<li>Dependent on mandatory upgrades and devices that don't support older versions of Windows</li>
							</ul>

							<div class="avoid">

								<img src="images/avoid.png" alt="avoid" />

							</div>
						</div>
					</div>
			</div>
	</body>

</html>
Commit	Line	Data
d5121665	1	<!DOCTYPE html>
afb35b89	2	<html>
d5121665 RL	3	<head>
d5121665 RL	4
b190b1f5	5	<title> 2014 Holiday Giving Guide \| Free Software Foundation \| Working together for free software </title>
d5121665	6
4b239f9e RL	7	<meta charset="UTF-8">
4b239f9e RL	8
d5121665 RL	9	<!--FIXME: Is this necessary?-->
d5121665 RL	10	<link rel="copyright" title="Copyright information" href="http://creativecommons.org/licenses/by-nd/3.0/rdf">
b190b1f5	11	<link rel="author" title="Author information" href="http://www.fsf.org/about/staff">
afb35b89	12
d5121665 RL	13	<!--Stylesheets-->
	14	<link rel="stylesheet" type="text/css" href="reset.css">
	15	<link rel="stylesheet" type="text/css" href="stylesheet.css">
	16
	17	</head>
afb35b89	18
d5121665	19	<body>
08daf010	20	<div class="header">
4b239f9e RL	21	<div class="navbar">
4b239f9e RL	22	<span class="logo_wrapper">
08daf010 RL	23	<a href="https://www.fsf.org/"><img class="logo" src="images/logo.png" alt="Logo" /></a>
08daf010 RL	24	</span>
4b239f9e	25
08daf010 RL	26	<div class="nav_wrapper">
08daf010 RL	27	<ul>
2a473abe	28	<li><a href="https://www.fsf.org/about/">About the FSF</a></li>
08daf010	29	<li><a href="https://www.fsf.org/campaigns/">Campaigns</a></li>
2a473abe	30	<li><a href="https://www.fsf.org/licensing/">Software Licensing</a></li>
08daf010 RL	31	<li><a href="http://shop.fsf.org/">Shop</a></li>
	32	</ul>
	33	</div>
4b239f9e RL	34
	35	<span class="join_wrapper">
	36	<a href="http://fsf.org/jfb"><img class="join" src="images/join.png" alt="Logo" /></a>
	37	</span>
82460b03 RL	38	<div class="intro">
	39
	40	<div class="intro_img">
	41	<img src="images/banner.png" alt="Giving Guide" />
	42	</div>
	43	<div class="intro_wrapper">
	44	<h2>Are you giving your loved ones holiday gifts they can use freely,
	45	or gifts which put someone else in control?</h2>
	46	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae nisl
	47	et lacus vestibulum scelerisque. Fusce vitae vestibulum mauris, quis
	48	eleifend turpis. Mauris placerat laoreet nisi, nec pellentesque magna
	49	gravida id. Nulla nisi est, auctor in arcu eu, sodales condimentum elit.
	50	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vel
	51	gravida risus, non porttitor nibh. Suspendisse mattis maximus mauris,
	52	ut ullamcorper turpis commodo non. Aenean a condimentum quam, ac finibus
	53	erat. Duis iaculis iaculis diam, sit amet rutrum nisl lobortis ut.
	54	Sed accumsan dolor id lectus pretium, at semper tellus dictum. Proin
	55	fringilla efficitur justo, et posuere metus aliquam vestibulum.
	56	Vivamus ullamcorper nulla in urna mollis, a bibendum erat tempus.
	57	Integer luctus neque non magna aliquam congue. Nullam gravida
	58	lectus urna, ut vulputate elit lobortis non.
	59	</p>
	60
	61	</div>
	62	</div>
4b239f9e RL	63	</div>
4b239f9e RL	64	</div>
82460b03 RL	65	<!-- <div class="wrapper">
	66
	67	<div>
	68	<h1 class="intro_phrase">SAY SOMETHING CLEVER ABOUT GIVING GUIDE 2014</h1>
	69
	70	<h2>Are you giving your loved ones holiday gifts they can use freely, or
	71	gifts which put someone else in control?</h2>
	72
	73	<p>
	74	Electronics are popular gifts for the holidays, but people often overlook
	75	the restrictions that manufacturers slip under the wrapping paper.
	76	Companies like Microsoft and Apple can and will use Digital
	77	Restrictions Management (DRM) to prevent your loved ones from
	78	sharing apps on the laptop you got them or remixing the songs on
	79	their expensive new iPad. If the recipient of your gift is as
	80	unlucky as one woman last year,
	81	<a href="http://www.defectivebydesign.org/node/2250">
	82	Amazon might even block all the books on their Kindle and refuse to explain why</a>.
	83	Companies want us to accept this kind of intrusive control,
	84	but when you think about, it's unethical (and annoying!).
	85	</p>
	86
	87	<h2>Give freely</h2>
	88
	89	<p>
	90	The good news is, for every device that uses DRM or has a remote
	91	"kill switch" like the Kindle, ethical companies have made a better
	92	one that doesn't, one that your loved ones will be free to enjoy however
	93	they wish. Here's a list of these smarter gifts, compared with their
	94	more well-known, but more restrictive alternatives. While you're
	95	reading, please remember that donating to a charity in your friend
	96	or family member's name is at least as meaningful as buying them
	97	an electronic device. Some of our favorite charities are the
	98	<a href="http://www.eff.org/">Electronic Frontier Foundation</a>,
	99	<a href="http://www.creativecommons.org/">Creative Commons</a>,
	100	<a href="http://wikimedia.org/">Wikimedia Foundation</a>,
	101	<a href="http://www.sfconservancy.org/">Software Freedom Conservancy</a>,
	102	<a href="http://www.softwarefreedom.org/">Software Freedom Law Center</a>,
	103	<a href="http://www.gnome.org/">GNOME Foundation</a>
	104	and Free Software Foundation.
	105	</p>
	106	<h2>The Free Software Foundation's Holiday Giving Guide</h2>
	107
	108	<p>
	109	The gifts in the left column respect your freedom much more than those in the right column.
	110	</p>
	111
	112	<p>
	113	<i>
	114	Please share <a href="#">the Giving Guide</a>
	115	with your friends and family members, especially those that might give you
	116	presents! (We're using the hashtag #givefreely.)
	117	</i>
	118	</p>
	119
	120	<p>
	121	To make a really big splash, get some friends together, print the PDF
	122	version of the Giving Guide and hand it out near a local store that
	123	sells DRM-encumbered products. Be sure to take photos! Send us photos
	124	and any questions at <a href="mailto:campaigns@fsf.org">campaigns@fsf.org</a>.
	125	</p>
	126
	127	</div>
	128
129	</div> -->
afb35b89	130
afb35b89	131
08daf010	132	<!--We compare different products from here-->
afb35b89	133
b190b1f5 RL	134	<div class="comparisons">
	135	<div class="section_wrapper">
	136	<h3 class="main_title">Operating System: Give the gift of free, flexible, and ethical computing</h3>
afb35b89	137
b190b1f5 RL	138	<div class="free">
	139	<div class="product">
	140	<img class="good" src="images/good.png" alt="Windows"/>
	141	<img class="product_img" src="images/linux.png" alt="Linux"/>
	142	</div>
afb35b89	143
b190b1f5 RL	144	<h4 class="title">Fedora</h4>
	145	<ul>
	146	<li>Completely free operating system: transparent and modifiable</li>
	147	<li>Break the cycle of forced upgrades and planned obsolescence</li>
	148	<li>Comes with all the software you need and an easy software manager to find more.</li>
	149	</ul>
c8033ceb	150
b190b1f5	151	<div class="buy">
c8033ceb	152
b190b1f5	153	<a href="http://fedoraproject.org/"><img src="images/download.png" alt="download" /></a>
c8033ceb	154
b190b1f5	155	</div>
c8033ceb	156
c8033ceb RL	157	</div>
c8033ceb RL	158
b190b1f5 RL	159	<div class="proprietary">
	160	<div class="product">
	161	<img class="bad" src="images/bad.png" alt="bad"/>
	162	<img class="product_img" src="images/windows.png" alt="Windows"/>
	163	</div>
c8033ceb	164
b190b1f5 RL	165	<h4 class="title">Windows</h4>
	166	<ul>
	167	<li>Proprietary software that profits from controlling how you use your computer</li>
	168	<li>Invades privacy and exposes personal data to Microsoft, <a href="http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance">the NSA</a>, and other malicious attackers</li>
	169	<li>Dependent on mandatory upgrades and devices that don't support older versions of Windows</li>
	170	</ul>
c8033ceb	171
b190b1f5 RL	172	<div class="avoid">
	173
	174	<img src="images/avoid.png" alt="avoid" />
c8033ceb	175
b190b1f5	176	</div>
c8033ceb RL	177	</div>
c8033ceb RL	178	</div>
b190b1f5	179	</div>
c8033ceb	180
b190b1f5 RL	181	<div class="comparisons">
	182	<div class="section_wrapper">
	183	<h3 class="main_title">Operating System: Give the gift of free, flexible, and ethical computing</h3>
c8033ceb	184
b190b1f5 RL	185	<div class="free">
	186	<div class="product">
	187	<img class="good" src="images/good.png" alt="Windows"/>
	188	<img class="product_img" src="images/linux.png" alt="Linux"/>
	189	</div>
c8033ceb	190
b190b1f5 RL	191	<h4 class="title">Fedora</h4>
	192	<ul>
	193	<li>Completely free operating system: transparent and modifiable</li>
	194	<li>Break the cycle of forced upgrades and planned obsolescence</li>
	195	<li>Comes with all the software you need and an easy software manager to find more.</li>
	196	</ul>
c8033ceb	197
b190b1f5	198	<div class="buy">
c8033ceb	199
b190b1f5	200	<a href="http://fedoraproject.org/"><img src="images/download.png" alt="download" /></a>
c8033ceb	201
b190b1f5	202	</div>
c8033ceb RL	203
	204	</div>
	205
b190b1f5 RL	206	<div class="proprietary">
	207	<div class="product">
	208	<img class="bad" src="images/bad.png" alt="bad"/>
	209	<img class="product_img" src="images/windows.png" alt="Windows"/>
	210	</div>
c8033ceb	211
b190b1f5 RL	212	<h4 class="title">Windows</h4>
	213	<ul>
	214	<li>Proprietary software that profits from controlling how you use your computer</li>
	215	<li>Invades privacy and exposes personal data to Microsoft, <a href="http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance">the NSA</a>, and other malicious attackers</li>
	216	<li>Dependent on mandatory upgrades and devices that don't support older versions of Windows</li>
	217	</ul>
c8033ceb	218
b190b1f5	219	<div class="avoid">
c8033ceb	220
b190b1f5	221	<img src="images/avoid.png" alt="avoid" />
c8033ceb	222
b190b1f5	223	</div>
c8033ceb RL	224	</div>
c8033ceb RL	225	</div>
b190b1f5	226	</div>
c8033ceb	227
b190b1f5 RL	228	<div class="comparisons">
b190b1f5 RL	229	<div class="section_wrapper">
c8033ceb RL	230	<h3 class="main_title">Operating System: Give the gift of free, flexible, and ethical computing</h3>
	231
	232	<div class="free">
	233	<div class="product">
	234	<img class="good" src="images/good.png" alt="Windows"/>
	235	<img class="product_img" src="images/linux.png" alt="Linux"/>
	236	</div>
	237
	238	<h4 class="title">Fedora</h4>
	239	<ul>
	240	<li>Completely free operating system: transparent and modifiable</li>
	241	<li>Break the cycle of forced upgrades and planned obsolescence</li>
	242	<li>Comes with all the software you need and an easy software manager to find more.</li>
	243	</ul>
	244
	245	<div class="buy">
	246
4e5b767f	247	<a href="http://fedoraproject.org/"><img src="images/download.png" alt="download" /></a>
c8033ceb RL	248
	249	</div>
	250
	251	</div>
	252
	253	<div class="proprietary">
	254	<div class="product">
	255	<img class="bad" src="images/bad.png" alt="bad"/>
	256	<img class="product_img" src="images/windows.png" alt="Windows"/>
	257	</div>
	258
	259	<h4 class="title">Windows</h4>
	260	<ul>
	261	<li>Proprietary software that profits from controlling how you use your computer</li>
	262	<li>Invades privacy and exposes personal data to Microsoft, <a href="http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance">the NSA</a>, and other malicious attackers</li>
	263	<li>Dependent on mandatory upgrades and devices that don't support older versions of Windows</li>
	264	</ul>
	265
	266	<div class="avoid">
	267
	268	<img src="images/avoid.png" alt="avoid" />
	269
	270	</div>
	271	</div>
b190b1f5 RL	272	</div>
b190b1f5 RL	273	</div>
d5121665	274	</body>
afb35b89	275
d5121665	276	</html>