-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathdefault_index.html
93 lines (92 loc) · 4.61 KB
/
default_index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="en-US" dir="ltr">
<head>
<title>Mozilla Learning, Freedom and the Web</title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta name="viewport" content="initial-scale=1.0, width=device-width">
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/device.css" />
<link rel="stylesheet" href="css/desktop.css" media="all and (min-width:30em)" />
<!--[if lt IE 9]>
<link rel="stylesheet" href="css/desktop.css" />
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
</head>
<body>
<a class="tab" href="http://www.mozilla.org">mozilla</a>
<div role="main">
<section class="info">
<div class="wrapper">
<img src="img/Logo-large.png" class="mainlogo" alt="Learning, Freedom and the web (natural discovery, imagination, build, hack, inspire and share)" />
<div class="bookbox">
<h2 style="margin-left:10px; margin-top: 15px;">Get the book! It's free.</h2>
<div class="links">
<a class="book_link" href="Mozilla_LFW.pdf"><img src="img/book-thumbnail.png" style="float: left;"></a>
<div class="bookbox_inner">
<a href="Mozilla_LFW.pdf" class="nice_button">download PDF (8MB)</a>
<a href="ebook/toc.html" class="nice_button">view web version (HTML5)</a>
<a href="http://www.lulu.com/product/paperback/mozilla-learning-freedom-and-the-web/18596078" class="nice_button">buy a print copy ($50)</a>
</div>
</div>
<div class="line-separator">
<p style="border-top-width: 0px; margin-top: 5px; margin-bottom: 10px;">by <strong>Anya Kamenetz</strong> and the participants of the 2010 <a href="https://mozillafestival.org">Mozilla Festival</a></p>
</div>
<div class="line-separator2">
<p style="margin-top: 15px;">How can the ideas of the open source movement help foster learning? What are the most effective ways to bring learning to everyone? How does openness help the spread of knowledge? Part exhibition catalog, part manifesto, this is a concise, fun-to-read introduction to what Mozilla is doing to support learners everywhere.</p>
</div>
<div class="ccbysa"><img src="img/bysas.png" alt="CC-BY-SA"></div>
</div>
</section>
<aside>
<section class="external">
<div class="wrapper">
<div class="col learn">
<h2>Get Email Updates</h2>
<a href="https://donate.mozilla.org/page/s/sign-up-for-mozilla" style="background-color: #5c5c5c;
border: 1px solid #71ade9;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
color: #FFFFFF;
cursor: pointer;
display: block;
font-size: 26px;
height: 40px;
text-align: center;
margin: 0px auto;
font-family: MetaWebPro-Black;
text-transform: uppercase;">Update me </a> </div>
<div class="col tweet">
<h2>Follow and tweet</h2>
<p>What's the future of learning, freedom and the web? Tweet your ideas with the tags <a href="https://twitter.com/#!/search?q=%23mozlearning">#mozlearning</a> and <a href="https://twitter.com/#!/search?q=%23mozilla">#mozilla</a>. </p>
<a href="https://twitter.com/mozilla" class="twitter-follow-button" data-show-count="false">Follow @mozilla</a>
<script src="//platform.twitter.com/widgets.js" type="text/javascript"></script>
</div>
<div class="col moz">
<h2>Connect with Mozilla</h2>
<ul>
<li><a href="http://www.mozilla.org/about/mission.html">Learn about Mozilla's mission</a></li>
<li><a href="https://donate.mozilla.org/page/contribute/protect-the-web/">Join Mozilla</a></li>
<li><a href="http://www.facebook.com/mozilladrumbeat/">Like us on Facebook</a></li>
</ul>
</div>
</div>
</section>
</aside>
</div>
<script src="js/livevalidation.js"></script>
<script>
(function() {
var ignite = {};
ignite.set_form = function() {
var email, accept;
email = new LiveValidation('email', {onlyOnSubmit: true });
email.add( Validate.Presence, { failureMessage: 'Please provide us with an email address'});
email.add( Validate.Email, { failureMessage: 'Please use a valid email address' } );
policy = new LiveValidation('custom-431', {onlyOnSubmit: true});
policy.add( Validate.Acceptance, { failureMessage: 'Please accept our privacy policy' });
}
ignite.set_form();
})();
</script>
</body>
</html>