resize map to fill content width
[libreplanet-static.git] / 2010 / index.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>LibrePlanet 2010</title>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6 <style type="text/css" media="screen">
7
8 @import url('http://static.fsf.org/combo.css');
9
10 html {background-image: url('i/stripe.png');}
11
12 body,html { margin: 0 !important; padding: 0 !important;}
13
14 #hd, #bd, #ft {background-color: black;}
15
16 #hd, #ft {text-align: center; text-transform: uppercase; font-weight: bold; color: white;}
17
18 h1{margin: 0; padding: 0;}
19
20 #ft p {line-height: 56px; margin: 0; padding: 0; font-size: 30px;}
21
22 #bd {margin: 24px 0;}
23
24 #days {text-align: center;}
25
26 #days div {min-height: 600px;}
27
28 #days h3{text-transform: uppercase; font-size: 26px;}
29
30 #days ul{text-align: center; margin: 0; padding: 0; }
31
32 #days li{list-style: none; font-size: 18px; text-transform: uppercase; margin: 0 20px 20px 20px; font-weight: bold;}
33
34 h2 {margin: -5px 0 !important; padding: -5px !important;}
35
36 #signup {background-color: black; color: white; text-align: center; font-size: 48px; text-transform: uppercase; font-weight: bold; padding-top: 1em;}
37
38 #signup a:link, #signup a:visited{color: yellow;}
39
40 #signup a:active, #signup a:hover{color: red;}
41
42 #womens, #wiki {background-color: orange; font-size: 24px; padding: 24px; text-align: center; text-transform: uppercase; font-weight: bold; margin-top: 1em;}
43
44 #wiki {margin-top: 0; margin-bottom: 1em;}
45
46 #friday {background-color: #eec73e;}
47
48 #saturday {background-color: #aaccee;}
49
50 #sunday {background-color: #98fc66;}
51
52 </style>
53 </head>
54 <body>
55 <div id="doc2" class="yui-t7">
56 <div id="hd">
57 <h1><img src="i/lp2010.png" alt="LibrePlanet" /></h1>
58 </div>
59
60 <div id="bd">
61
62
63
64 <div class="yui-g">
65 <h2><img src="i/threedays.png" alt="Three days of free software activism"/></h2>
66
67 </div>
68 <div class="yui-gb" id="days">
69 <div class="yui-u first" id="friday">
70
71 <h3>Friday</h3>
72 <ul>
73 <li>Intro to the<br />command line</li>
74 <li>Web workshop</li>
75 <li>Inkscape/GIMP</li>
76 <li>Free Network Services</li>
77 <li>Phones workshop</li>
78 <li>Hackspace</li>
79 <li>GNU Hackers Meeting</li>
80 </ul>
81
82 </div>
83 <div class="yui-u" id="saturday">
84
85 <h3>Saturday</h3>
86
87 <ul>
88 <li>John Gilmore (GNU/EFF)</li>
89 <li>Karen Sandler (SFLC)</li>
90 <li>Louis Suarez-Potts (OpenOffice.org)</li>
91 <li>Walter Bender (OLPC/Sugar Labs)</li>
92 <li>Max Shinn/Steve DuBois (GNU Generation)</li>
93 <li>Marina Zhurakhinskaya (GNOME shell)</li>
94 <li>Richard Stallman</li>
95 </ul>
96
97 </div>
98 <div class="yui-u" id="sunday">
99
100 <h3>Sunday</h3>
101
102 <ul>
103 <li>GNU Hackers</li>
104 <li>Bradley M. Kuhn (SFLC)</li>
105 <li>Free Software Mentoring Workshop</li>
106 <li><a href="https://my.fsf.org/associate/support_freedom/donate?benefit_of=womenscaucus">Increase women's participation in free sw</a></li>
107 <li>Free BIOS</li>
108 <li>Software Licensing</li>
109 <li>Ogg Vorbis/Theora</li>
110 <li>Mozilla</li>
111 </ul>
112
113 </div>
114 </div>
115
116
117 <div class="yui-g">
118 <h2><img src="i/hacking-banner.png" alt="Plus: three day dedicated hacking track! Bring your laptop and work on your own projects! Network Services, phone hacking and graphics libraries" /></h2>
119
120 </div>
121
122 <div class="yui-g" id="signup">
123
124 <p><a href="http://groups.fsf.org/wiki/LibrePlanet2010/Attendees">Sign up today!</a> &mdash; $60 for non-FSF associate members &mdash; <a href="https://my.fsf.org/associate/support_freedom?referrer=7776">join now</a></p>
125
126 </div>
127
128 </div>
129
130 <div id="ft">
131
132 <p>March 19th &mdash; 21st 2010 &nbsp;&mdash;&nbsp; Harvard Science Center</p>
133
134 </div>
135 </div>
136 <div id="womens">
137
138 <p>This year's conference features a dedicated track to help increase women's participation in free software. You can help this vital issue, by <a href="https://my.fsf.org/associate/support_freedom/donate?benefit_of=womenscaucus">donating to the travel fund</a>.</p>
139 </div>
140
141 </body>
142 </html>