-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
executable file
·218 lines (198 loc) · 10.8 KB
/
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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
<!DOCTYPE html>
<html class="osx x86 js loaded" dir="ltr" data-latest-firefox="34.0.5" data-esr-versions="[31]" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mozilla Tunisia - Style Guide</title>
<meta name="description" content="">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Mozilla">
<meta property="og:locale" content="en_US">
<meta property="og:url" content="https://www.mozilla.org/en-US/styleguide/identity/mozilla/branding/">
<meta property="og:image" content="https://mozorg.cdn.mozilla.net/media/img/mozorg/mozilla-256.jpg">
<meta property="og:title" content="Mozilla branding — Mozilla Style Guide">
<meta property="og:description" content="">
<meta property="fb:page_id" content="262134952380">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@mozilla">
<meta name="twitter:domain" content="mozilla.org">
<meta name="twitter:app:name:googleplay" content="Firefox">
<meta name="twitter:app:id:googleplay" content="org.mozilla.firefox">
<link rel="shortcut icon" href="https://mozorg.cdn.mozilla.net/media/img/favicon.ico">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="https://mozorg.cdn.mozilla.net/media/img/favicon/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" sizes="196x196" href="https://mozorg.cdn.mozilla.net/media/img/favicon/favicon-196x196.png">
<link rel="canonical" hreflang="en" href="https://www.mozilla.org/en-US/styleguide/identity/mozilla/branding/">
<link rel="alternate" hreflang="x-default" href="https://www.mozilla.org/styleguide/identity/mozilla/branding/">
<link rel="alternate" hreflang="en" href="https://www.mozilla.org/en-US/styleguide/identity/mozilla/branding/" title="English">
<!--[if lte IE 8]>
<script src="//mozorg.cdn.mozilla.net/media/js/libs/html5shiv.js"></script>
<![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" media="screen,projection,tv" href="//mozorg.cdn.mozilla.net/media/css/oldIE-min.css?build=10b90aa" />
<![endif]-->
<!--[if !lte IE 7]><!-->
<link rel="stylesheet" media="screen,projection,tv" href="css/responsive-min.css">
<!--<![endif]-->
<link href="http://mozorg.cdn.mozilla.net/media/css/tabzilla-min.css" rel="stylesheet" />
<link rel="stylesheet" media="screen,projection,tv" href="css/styleguide-min.css">
<script id="undefined" src="js/inpage_linkid.js" async="" type="text/javascript"></script>
<script src="js/ga.js" async="" type="text/javascript"></script>
<script src="js/site-min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<style type="text/css">
.divider_sec {
background: url("img/divider.png") no-repeat scroll 50% 100% transparent;
width: 100%;
height: 40px;
align: center;
position: relative;
margin-top: -80px;
}
</style>
<link href="styleguide_files/light.css" type="text/css" rel="stylesheet">
</head>
<body style="-moz-user-select: text;" id="styleguide" class="html-ltr sand mozilla-branding">
<div id="outer-wrapper">
<div id="wrapper">
<div id="content">
<header id="masthead">
<a href="https://www.mozilla.org/" id="tabzilla" data-infobar="update translation">Mozilla</a>
</header>
<div id="sidebar">
<h2>
<a href="#">
<img src="img/mozillatn_text.png" alt="mozilla" width="107" height="57">
Style guide
</a>
</h2>
<nav>
<ul>
<li class=""><a href="#">accueil</a>
</li>
<li class="active path has-children"><a href="#">Identité</a>
<ul>
<li class="active path has-children"><a href="#">Mozilla Tunisia</a>
<ul>
<li class="active path"><a href="#">Image de marque</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
</div>
<div id="content_area" role="main">
<h1>Mozilla Tunisia - Image de marque</h1>
<!-- Commented until we add new sections
<div id="subnav">
<div id="nextprev">
<a href="https://www.mozilla.org/en-US/styleguide/" class="prev"> Prev</a>
<a href="https://www.mozilla.org/en-US/styleguide/identity/mozilla/color/" class="next"> Next</a>
</div>
</div>-->
<section id="intro">
<div id="guidelines">
<h2>Lignes directrices</h2>
<p>Pour toutes les utilisations autorisées de notre logo, vous ne pouvez pas:</p>
</div>
<ul id="guidelines-list">
<li>Modifier notre logo de n'importe quelle manière</li>
<li>Placer le logo à très grande proximité d'autres contenus de façon à le rendre indiscernable</li>
<li>Utiliser notre logo d'une manière abusive, trompeuse, obscène ou portant atteinte à toute personne normale</li>
<li>Utiliser notre logo dans des sites web ou autres contenus contenant des discours haineux, pornographiques, associés à des jeux d'argent ou des activités illégales</li>
<li>Utiliser notre logo pour ou dans un contenu qui risque d'entraver notre réputation</li>
</ul>
<!-- Content moved to the bottom of the page
<p class="copyright-note"><small>The logo files containing our trademarks are available under the following copyright licenses: vector logo file and bitmap files are under <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC-BY-NC-SA 4.0</a>.</small></p> -->
</section>
<section id="wordmark">
<div class="wordmark">
<h2>Logo</h2>
<p>Le mot *Mozilla* du logo utilise la police sous licence Meta Bold. Veuillez télécharger l'un des formats de fichiers à droite afin de respecter la police et les normes du logo.
</p>
</div>
<div class="logo">
<img src="img/box-arrow-left.png" alt="" class="box-arrow">
<img src="img/wordmark.png" alt="Logo">
</div>
<div class="download">
<h4>Téléchargement</h4>
<ul class="button-list">
<li><a href="assets/Mozilla_Tunisia_Logo_v2_Black.eps" class="button-sand">EPS</a>
</li>
<li><a href="assets/Mozilla_Tunisia_Logo_v2_Black.jpg" class="button-sand">JPG</a>
</li>
<li><a href="assets/Mozilla_Tunisia_Logo_v2_Black.png" class="button-sand">PNG</a>
</li>
</ul>
</div>
</section>
<section id="common-mistakes">
<p>Vous pouvez utiliser n'importe quelle couleur <b>unie</b> pour le mot-symbole Mozilla Tunisia. En cas de doute, utilisez la couleur par défaut <i>charbon de bois</i> présente dans le logo ci-dessus.</p>
<img src="img/common-mistakes.png" alt="Common Mistakes">
</section>
<section id="wordmark">
<div class="wordmark">
<h2>Les erreurs communes</h2>
<p>
Pensez à ça comme au fait de porter vos chaussures aux mauvais pieds: ça reste toujours des chaussures, elles sont essentiellement là où elles sont censées être, mais rien ne va. Veillez juste à utiliser le logo comme on vous la proposer!
</p>
</div>
<div id="wordmark">
<img src="img/mistakes.png" alt="Common mistakes" style="margin-left:30px;">
</div>
</section>
<br>
<section id="wordmark" style="margin-top:30px;">
<p class="copyright-note"><small><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" href="http://purl.org/dc/dcmitype/StillImage" property="dct:title" rel="dct:type">Mozilla Tunisia Logo</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="https://mozilla-tunisia.org" property="cc:attributionName" rel="cc:attributionURL">Mozilla Tunisia</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC-BY-NC-SA 4.0 License</a>.<br />Based on <a xmlns:dct="http://purl.org/dc/terms/" href="https://github.com/moztn/styleguide/blob/master/assets/Mozilla_Tunisia_Logo_v2_Black.eps" rel="dct:source">this work</a>
</small>
</p>
</section>
<!-- Hiding this section until a future version with a more developped content
<section id="our-name" style="margin-top:80px;">
<h2>Our name</h2>
<p>Ceci est une section pour expliquer l'utilisation de notre logo</p>
<div class="divider_sec" ></div>
</section>-->
</div>
</div>
</div>
<!-- close #wrapper -->
<footer id="colophon" class="">
<nav class="row">
<div class="col col-1">
<a href="http://www.mozilla-tunisia.org/"><img id="logo-footer" src="img/footer-mozilla.png" alt="mozilla tunisia"></a>
</div>
<div class="col col-2">
<p>
Ce site a été crée et est maintenu par la communauté Mozilla Tunisia appartenant à la fondation internationale <a href="https://www.mozilla.org/fr/">Mozilla</a>. Sous license : <a href="https://www.mozilla.org/fr/foundation/licensing/website-content/">Creative Common</a>. Le contenu du site est disponible sur <a href="https://github.com/moztn/www-moztn">Github</a>.
</p>
</div>
<div class="col col-3">
<a href="https://www.github.com/moztn">
<i class="fa fa-github-square fa-3x"></i>
</a>
<a href="https://www.facebook.com/MozillaTunisia">
<i class="fa fa-facebook-official fa-3x"></i>
</a>
<a href="https://twitter.com/MozillaTunisia">
<i class="fa fa-twitter fa-3x"></i>
</a>
<a href="https://www.youtube.com/user/MozTn">
<i class="fa fa-youtube-play fa-3x"></i>
</a>
</div>
</nav>
</footer>
</div>
<!-- close #outer-wrapper -->
<!--[if IE 9]>
<script src="//mozorg.cdn.mozilla.net/media/js/libs/matchMedia.js"></script>
<![endif]-->
<script src="js/common-resp-min.js"></script>
<script src="http://mozorg.cdn.mozilla.net/fr/tabzilla/tabzilla.js"></script>
<script src="js/styleguide-min.js"></script>
</body>
</html>