Browse Source

Font d'écran par défaut plus léger (non SVG) + modif icone navigation

William Petit 1 year ago
parent
commit
8ad1c3055a

+ 11 - 6
css/style.css

@@ -17,10 +17,13 @@ html, body {
17 17
   height: 100%;
18 18
   color: white;
19 19
   overflow-x: hidden;
20
-  background: url('../img/background.svg');
21
-  background-size: cover;
22
-  background-repeat: no-repeat;
23
-  background-position: center;
20
+  background:
21
+    url(../img/pitaya.png) no-repeat bottom 15px left 30px,
22
+    url(../img/cadoles.png) no-repeat bottom 15px right 30px,
23
+    radial-gradient(circle at top left, rgba(255,207,104, 0.9), rgba(255,207,104, 0)),
24
+    linear-gradient(30deg, rgba(241,26,96,0.7), rgba(6,188,137,0.8)),
25
+    linear-gradient(145deg, rgba(254,139,85,0.7), rgba(59,23,119,1));
26
+  background-size: 120px, 100px, cover, cover, cover;
24 27
 }
25 28
 
26 29
 
@@ -85,14 +88,16 @@ html, body {
85 88
   display: flex;
86 89
   width: 60px;
87 90
   z-index: 10;
91
+  padding-left: 40px;
88 92
 }
89 93
 
90 94
 .launcher .nav a.goback {
91 95
   text-decoration: none;
92 96
   color: white;
93
-  font-size: 60px;
97
+  font-size: 75px;
94 98
   text-shadow: 1px 1px #444;
95
-  font-family: sans-serif;
99
+  font-family: arrows;
100
+
96 101
 }
97 102
 
98 103
 .launcher .nav a.goback:hover {

+ 0 - 1
default-profile.json

@@ -6,7 +6,6 @@
6 6
     {
7 7
       "label": "Level 1",
8 8
       "icon": "chromium-browser",
9
-      "background": "./img/background2.jpg",
10 9
       "items": [
11 10
         {
12 11
           "label": "Level 2-1",

+ 39 - 0
fonts/fontello/LICENSE.txt

@@ -0,0 +1,39 @@
1
+Font license info
2
+
3
+
4
+## Elusive
5
+
6
+   Copyright (C) 2013 by Aristeides Stathopoulos
7
+
8
+   Author:    Aristeides Stathopoulos
9
+   License:   SIL (http://scripts.sil.org/OFL)
10
+   Homepage:  http://aristeides.com/
11
+
12
+
13
+## Web Symbols
14
+
15
+   Copyright (c) 2011 by Just Be Nice studio. All rights reserved.
16
+
17
+   Author:    Just Be Nice studio
18
+   License:   SIL (http://scripts.sil.org/OFL)
19
+   Homepage:  http://www.justbenicestudio.com/
20
+
21
+
22
+## Typicons
23
+
24
+   (c) Stephen Hutchings 2012
25
+
26
+   Author:    Stephen Hutchings
27
+   License:   SIL (http://scripts.sil.org/OFL)
28
+   Homepage:  http://typicons.com/
29
+
30
+
31
+## Font Awesome
32
+
33
+   Copyright (C) 2012 by Dave Gandy
34
+
35
+   Author:    Dave Gandy
36
+   License:   SIL ()
37
+   Homepage:  http://fortawesome.github.com/Font-Awesome/
38
+
39
+

+ 75 - 0
fonts/fontello/README.txt

@@ -0,0 +1,75 @@
1
+This webfont is generated by http://fontello.com open source project.
2
+
3
+
4
+================================================================================
5
+Please, note, that you should obey original font licenses, used to make this
6
+webfont pack. Details available in LICENSE.txt file.
7
+
8
+- Usually, it's enough to publish content of LICENSE.txt file somewhere on your
9
+  site in "About" section.
10
+
11
+- If your project is open-source, usually, it will be ok to make LICENSE.txt
12
+  file publicly available in your repository.
13
+
14
+- Fonts, used in Fontello, don't require a clickable link on your site.
15
+  But any kind of additional authors crediting is welcome.
16
+================================================================================
17
+
18
+
19
+Comments on archive content
20
+---------------------------
21
+
22
+- /font/* - fonts in different formats
23
+
24
+- /css/*  - different kinds of css, for all situations. Should be ok with 
25
+  twitter bootstrap. Also, you can skip <i> style and assign icon classes
26
+  directly to text elements, if you don't mind about IE7.
27
+
28
+- demo.html - demo file, to show your webfont content
29
+
30
+- LICENSE.txt - license info about source fonts, used to build your one.
31
+
32
+- config.json - keeps your settings. You can import it back into fontello
33
+  anytime, to continue your work
34
+
35
+
36
+Why so many CSS files ?
37
+-----------------------
38
+
39
+Because we like to fit all your needs :)
40
+
41
+- basic file, <your_font_name>.css - is usually enough, it contains @font-face
42
+  and character code definitions
43
+
44
+- *-ie7.css - if you need IE7 support, but still don't wish to put char codes
45
+  directly into html
46
+
47
+- *-codes.css and *-ie7-codes.css - if you like to use your own @font-face
48
+  rules, but still wish to benefit from css generation. That can be very
49
+  convenient for automated asset build systems. When you need to update font -
50
+  no need to manually edit files, just override old version with archive
51
+  content. See fontello source code for examples.
52
+
53
+- *-embedded.css - basic css file, but with embedded WOFF font, to avoid
54
+  CORS issues in Firefox and IE9+, when fonts are hosted on the separate domain.
55
+  We strongly recommend to resolve this issue by `Access-Control-Allow-Origin`
56
+  server headers. But if you ok with dirty hack - this file is for you. Note,
57
+  that data url moved to separate @font-face to avoid problems with <IE9, when
58
+  string is too long.
59
+
60
+- animate.css - use it to get ideas about spinner rotation animation.
61
+
62
+
63
+Attention for server setup
64
+--------------------------
65
+
66
+You MUST setup server to reply with proper `mime-types` for font files -
67
+otherwise some browsers will fail to show fonts.
68
+
69
+Usually, `apache` already has necessary settings, but `nginx` and other
70
+webservers should be tuned. Here is list of mime types for our file extensions:
71
+
72
+- `application/vnd.ms-fontobject` - eot
73
+- `application/x-font-woff` - woff
74
+- `application/x-font-ttf` - ttf
75
+- `image/svg+xml` - svg

+ 46 - 0
fonts/fontello/config.json

@@ -0,0 +1,46 @@
1
+{
2
+  "name": "arrows",
3
+  "css_prefix_text": "icon-",
4
+  "css_use_suffix": false,
5
+  "hinting": true,
6
+  "units_per_em": 1000,
7
+  "ascent": 850,
8
+  "glyphs": [
9
+    {
10
+      "uid": "c0a07aca383ff2a164a4d691fa46e35c",
11
+      "css": "left-open",
12
+      "code": 59392,
13
+      "src": "elusive"
14
+    },
15
+    {
16
+      "uid": "04960bf02134620e6c61bac8d6569502",
17
+      "css": "left-open-1",
18
+      "code": 59393,
19
+      "src": "websymbols"
20
+    },
21
+    {
22
+      "uid": "qqsxko9kqxh5g53lz33yonkpc2rpkvkn",
23
+      "css": "left",
24
+      "code": 59394,
25
+      "src": "typicons"
26
+    },
27
+    {
28
+      "uid": "555ef8c86832e686fef85f7af2eb7cde",
29
+      "css": "left-big",
30
+      "code": 59395,
31
+      "src": "fontawesome"
32
+    },
33
+    {
34
+      "uid": "6855131631509e8795730ce062045ea1",
35
+      "css": "left-circled",
36
+      "code": 59396,
37
+      "src": "fontawesome"
38
+    },
39
+    {
40
+      "uid": "8933c2579166c2ee56ae40dc6a0b4dc6",
41
+      "css": "angle-circled-left",
42
+      "code": 59397,
43
+      "src": "fontawesome"
44
+    }
45
+  ]
46
+}

+ 85 - 0
fonts/fontello/css/animation.css

@@ -0,0 +1,85 @@
1
+/*
2
+   Animation example, for spinners
3
+*/
4
+.animate-spin {
5
+  -moz-animation: spin 2s infinite linear;
6
+  -o-animation: spin 2s infinite linear;
7
+  -webkit-animation: spin 2s infinite linear;
8
+  animation: spin 2s infinite linear;
9
+  display: inline-block;
10
+}
11
+@-moz-keyframes spin {
12
+  0% {
13
+    -moz-transform: rotate(0deg);
14
+    -o-transform: rotate(0deg);
15
+    -webkit-transform: rotate(0deg);
16
+    transform: rotate(0deg);
17
+  }
18
+
19
+  100% {
20
+    -moz-transform: rotate(359deg);
21
+    -o-transform: rotate(359deg);
22
+    -webkit-transform: rotate(359deg);
23
+    transform: rotate(359deg);
24
+  }
25
+}
26
+@-webkit-keyframes spin {
27
+  0% {
28
+    -moz-transform: rotate(0deg);
29
+    -o-transform: rotate(0deg);
30
+    -webkit-transform: rotate(0deg);
31
+    transform: rotate(0deg);
32
+  }
33
+
34
+  100% {
35
+    -moz-transform: rotate(359deg);
36
+    -o-transform: rotate(359deg);
37
+    -webkit-transform: rotate(359deg);
38
+    transform: rotate(359deg);
39
+  }
40
+}
41
+@-o-keyframes spin {
42
+  0% {
43
+    -moz-transform: rotate(0deg);
44
+    -o-transform: rotate(0deg);
45
+    -webkit-transform: rotate(0deg);
46
+    transform: rotate(0deg);
47
+  }
48
+
49
+  100% {
50
+    -moz-transform: rotate(359deg);
51
+    -o-transform: rotate(359deg);
52
+    -webkit-transform: rotate(359deg);
53
+    transform: rotate(359deg);
54
+  }
55
+}
56
+@-ms-keyframes spin {
57
+  0% {
58
+    -moz-transform: rotate(0deg);
59
+    -o-transform: rotate(0deg);
60
+    -webkit-transform: rotate(0deg);
61
+    transform: rotate(0deg);
62
+  }
63
+
64
+  100% {
65
+    -moz-transform: rotate(359deg);
66
+    -o-transform: rotate(359deg);
67
+    -webkit-transform: rotate(359deg);
68
+    transform: rotate(359deg);
69
+  }
70
+}
71
+@keyframes spin {
72
+  0% {
73
+    -moz-transform: rotate(0deg);
74
+    -o-transform: rotate(0deg);
75
+    -webkit-transform: rotate(0deg);
76
+    transform: rotate(0deg);
77
+  }
78
+
79
+  100% {
80
+    -moz-transform: rotate(359deg);
81
+    -o-transform: rotate(359deg);
82
+    -webkit-transform: rotate(359deg);
83
+    transform: rotate(359deg);
84
+  }
85
+}

+ 7 - 0
fonts/fontello/css/arrows-codes.css

@@ -0,0 +1,7 @@
1
+
2
+.icon-left-open:before { content: '\e800'; } /* '' */
3
+.icon-left-open-1:before { content: '\e801'; } /* '' */
4
+.icon-left:before { content: '\e802'; } /* '' */
5
+.icon-left-big:before { content: '\e803'; } /* '' */
6
+.icon-left-circled:before { content: '\e804'; } /* '' */
7
+.icon-angle-circled-left:before { content: '\e805'; } /* '' */

File diff suppressed because it is too large
+ 60 - 0
fonts/fontello/css/arrows-embedded.css


+ 7 - 0
fonts/fontello/css/arrows-ie7-codes.css

@@ -0,0 +1,7 @@
1
+
2
+.icon-left-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe800;&nbsp;'); }
3
+.icon-left-open-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe801;&nbsp;'); }
4
+.icon-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe802;&nbsp;'); }
5
+.icon-left-big { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe803;&nbsp;'); }
6
+.icon-left-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe804;&nbsp;'); }
7
+.icon-angle-circled-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe805;&nbsp;'); }

+ 18 - 0
fonts/fontello/css/arrows-ie7.css

@@ -0,0 +1,18 @@
1
+[class^="icon-"], [class*=" icon-"] {
2
+  font-family: 'arrows';
3
+  font-style: normal;
4
+  font-weight: normal;
5
+ 
6
+  /* fix buttons height */
7
+  line-height: 1em;
8
+ 
9
+  /* you can be more comfortable with increased icons size */
10
+  /* font-size: 120%; */
11
+}
12
+ 
13
+.icon-left-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe800;&nbsp;'); }
14
+.icon-left-open-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe801;&nbsp;'); }
15
+.icon-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe802;&nbsp;'); }
16
+.icon-left-big { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe803;&nbsp;'); }
17
+.icon-left-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe804;&nbsp;'); }
18
+.icon-angle-circled-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe805;&nbsp;'); }

+ 63 - 0
fonts/fontello/css/arrows.css

@@ -0,0 +1,63 @@
1
+@font-face {
2
+  font-family: 'arrows';
3
+  src: url('../font/arrows.eot?26165023');
4
+  src: url('../font/arrows.eot?26165023#iefix') format('embedded-opentype'),
5
+       url('../font/arrows.woff2?26165023') format('woff2'),
6
+       url('../font/arrows.woff?26165023') format('woff'),
7
+       url('../font/arrows.ttf?26165023') format('truetype'),
8
+       url('../font/arrows.svg?26165023#arrows') format('svg');
9
+  font-weight: normal;
10
+  font-style: normal;
11
+}
12
+/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
13
+/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
14
+/*
15
+@media screen and (-webkit-min-device-pixel-ratio:0) {
16
+  @font-face {
17
+    font-family: 'arrows';
18
+    src: url('../font/arrows.svg?26165023#arrows') format('svg');
19
+  }
20
+}
21
+*/
22
+ 
23
+ [class^="icon-"]:before, [class*=" icon-"]:before {
24
+  font-family: "arrows";
25
+  font-style: normal;
26
+  font-weight: normal;
27
+  speak: none;
28
+ 
29
+  display: inline-block;
30
+  text-decoration: inherit;
31
+  width: 1em;
32
+  margin-right: .2em;
33
+  text-align: center;
34
+  /* opacity: .8; */
35
+ 
36
+  /* For safety - reset parent styles, that can break glyph codes*/
37
+  font-variant: normal;
38
+  text-transform: none;
39
+ 
40
+  /* fix buttons height, for twitter bootstrap */
41
+  line-height: 1em;
42
+ 
43
+  /* Animation center compensation - margins should be symmetric */
44
+  /* remove if not needed */
45
+  margin-left: .2em;
46
+ 
47
+  /* you can be more comfortable with increased icons size */
48
+  /* font-size: 120%; */
49
+ 
50
+  /* Font smoothing. That was taken from TWBS */
51
+  -webkit-font-smoothing: antialiased;
52
+  -moz-osx-font-smoothing: grayscale;
53
+ 
54
+  /* Uncomment for 3D effect */
55
+  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
56
+}
57
+ 
58
+.icon-left-open:before { content: '\e800'; } /* '' */
59
+.icon-left-open-1:before { content: '\e801'; } /* '' */
60
+.icon-left:before { content: '\e802'; } /* '' */
61
+.icon-left-big:before { content: '\e803'; } /* '' */
62
+.icon-left-circled:before { content: '\e804'; } /* '' */
63
+.icon-angle-circled-left:before { content: '\e805'; } /* '' */

+ 316 - 0
fonts/fontello/demo.html

@@ -0,0 +1,316 @@
1
+<!DOCTYPE html>
2
+<html>
3
+  <head><!--[if lt IE 9]><script language="javascript" type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
4
+    <meta charset="UTF-8"><style>/*
5
+ * Bootstrap v2.2.1
6
+ *
7
+ * Copyright 2012 Twitter, Inc
8
+ * Licensed under the Apache License v2.0
9
+ * http://www.apache.org/licenses/LICENSE-2.0
10
+ *
11
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
12
+ */
13
+.clearfix {
14
+  *zoom: 1;
15
+}
16
+.clearfix:before,
17
+.clearfix:after {
18
+  display: table;
19
+  content: "";
20
+  line-height: 0;
21
+}
22
+.clearfix:after {
23
+  clear: both;
24
+}
25
+html {
26
+  font-size: 100%;
27
+  -webkit-text-size-adjust: 100%;
28
+  -ms-text-size-adjust: 100%;
29
+}
30
+a:focus {
31
+  outline: thin dotted #333;
32
+  outline: 5px auto -webkit-focus-ring-color;
33
+  outline-offset: -2px;
34
+}
35
+a:hover,
36
+a:active {
37
+  outline: 0;
38
+}
39
+button,
40
+input,
41
+select,
42
+textarea {
43
+  margin: 0;
44
+  font-size: 100%;
45
+  vertical-align: middle;
46
+}
47
+button,
48
+input {
49
+  *overflow: visible;
50
+  line-height: normal;
51
+}
52
+button::-moz-focus-inner,
53
+input::-moz-focus-inner {
54
+  padding: 0;
55
+  border: 0;
56
+}
57
+body {
58
+  margin: 0;
59
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
60
+  font-size: 14px;
61
+  line-height: 20px;
62
+  color: #333;
63
+  background-color: #fff;
64
+}
65
+a {
66
+  color: #08c;
67
+  text-decoration: none;
68
+}
69
+a:hover {
70
+  color: #005580;
71
+  text-decoration: underline;
72
+}
73
+.row {
74
+  margin-left: -20px;
75
+  *zoom: 1;
76
+}
77
+.row:before,
78
+.row:after {
79
+  display: table;
80
+  content: "";
81
+  line-height: 0;
82
+}
83
+.row:after {
84
+  clear: both;
85
+}
86
+[class*="span"] {
87
+  float: left;
88
+  min-height: 1px;
89
+  margin-left: 20px;
90
+}
91
+.container,
92
+.navbar-static-top .container,
93
+.navbar-fixed-top .container,
94
+.navbar-fixed-bottom .container {
95
+  width: 940px;
96
+}
97
+.span12 {
98
+  width: 940px;
99
+}
100
+.span11 {
101
+  width: 860px;
102
+}
103
+.span10 {
104
+  width: 780px;
105
+}
106
+.span9 {
107
+  width: 700px;
108
+}
109
+.span8 {
110
+  width: 620px;
111
+}
112
+.span7 {
113
+  width: 540px;
114
+}
115
+.span6 {
116
+  width: 460px;
117
+}
118
+.span5 {
119
+  width: 380px;
120
+}
121
+.span4 {
122
+  width: 300px;
123
+}
124
+.span3 {
125
+  width: 220px;
126
+}
127
+.span2 {
128
+  width: 140px;
129
+}
130
+.span1 {
131
+  width: 60px;
132
+}
133
+[class*="span"].pull-right,
134
+.row-fluid [class*="span"].pull-right {
135
+  float: right;
136
+}
137
+.container {
138
+  margin-right: auto;
139
+  margin-left: auto;
140
+  *zoom: 1;
141
+}
142
+.container:before,
143
+.container:after {
144
+  display: table;
145
+  content: "";
146
+  line-height: 0;
147
+}
148
+.container:after {
149
+  clear: both;
150
+}
151
+p {
152
+  margin: 0 0 10px;
153
+}
154
+.lead {
155
+  margin-bottom: 20px;
156
+  font-size: 21px;
157
+  font-weight: 200;
158
+  line-height: 30px;
159
+}
160
+small {
161
+  font-size: 85%;
162
+}
163
+h1 {
164
+  margin: 10px 0;
165
+  font-family: inherit;
166
+  font-weight: bold;
167
+  line-height: 20px;
168
+  color: inherit;
169
+  text-rendering: optimizelegibility;
170
+}
171
+h1 small {
172
+  font-weight: normal;
173
+  line-height: 1;
174
+  color: #999;
175
+}
176
+h1 {
177
+  line-height: 40px;
178
+}
179
+h1 {
180
+  font-size: 38.5px;
181
+}
182
+h1 small {
183
+  font-size: 24.5px;
184
+}
185
+body {
186
+  margin-top: 90px;
187
+}
188
+.header {
189
+  position: fixed;
190
+  top: 0;
191
+  left: 50%;
192
+  margin-left: -480px;
193
+  background-color: #fff;
194
+  border-bottom: 1px solid #ddd;
195
+  padding-top: 10px;
196
+  z-index: 10;
197
+}
198
+.footer {
199
+  color: #ddd;
200
+  font-size: 12px;
201
+  text-align: center;
202
+  margin-top: 20px;
203
+}
204
+.footer a {
205
+  color: #ccc;
206
+  text-decoration: underline;
207
+}
208
+.the-icons {
209
+  font-size: 14px;
210
+  line-height: 24px;
211
+}
212
+.switch {
213
+  position: absolute;
214
+  right: 0;
215
+  bottom: 10px;
216
+  color: #666;
217
+}
218
+.switch input {
219
+  margin-right: 0.3em;
220
+}
221
+.codesOn .i-name {
222
+  display: none;
223
+}
224
+.codesOn .i-code {
225
+  display: inline;
226
+}
227
+.i-code {
228
+  display: none;
229
+}
230
+@font-face {
231
+      font-family: 'arrows';
232
+      src: url('./font/arrows.eot?13594448');
233
+      src: url('./font/arrows.eot?13594448#iefix') format('embedded-opentype'),
234
+           url('./font/arrows.woff?13594448') format('woff'),
235
+           url('./font/arrows.ttf?13594448') format('truetype'),
236
+           url('./font/arrows.svg?13594448#arrows') format('svg');
237
+      font-weight: normal;
238
+      font-style: normal;
239
+    }
240
+     
241
+     
242
+    .demo-icon
243
+    {
244
+      font-family: "arrows";
245
+      font-style: normal;
246
+      font-weight: normal;
247
+      speak: none;
248
+     
249
+      display: inline-block;
250
+      text-decoration: inherit;
251
+      width: 1em;
252
+      margin-right: .2em;
253
+      text-align: center;
254
+      /* opacity: .8; */
255
+     
256
+      /* For safety - reset parent styles, that can break glyph codes*/
257
+      font-variant: normal;
258
+      text-transform: none;
259
+     
260
+      /* fix buttons height, for twitter bootstrap */
261
+      line-height: 1em;
262
+     
263
+      /* Animation center compensation - margins should be symmetric */
264
+      /* remove if not needed */
265
+      margin-left: .2em;
266
+     
267
+      /* You can be more comfortable with increased icons size */
268
+      /* font-size: 120%; */
269
+     
270
+      /* Font smoothing. That was taken from TWBS */
271
+      -webkit-font-smoothing: antialiased;
272
+      -moz-osx-font-smoothing: grayscale;
273
+     
274
+      /* Uncomment for 3D effect */
275
+      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
276
+    }
277
+     </style>
278
+    <link rel="stylesheet" href="css/animation.css"><!--[if IE 7]><link rel="stylesheet" href="css/arrows-ie7.css"><![endif]-->
279
+    <script>
280
+      function toggleCodes(on) {
281
+        var obj = document.getElementById('icons');
282
+      
283
+        if (on) {
284
+          obj.className += ' codesOn';
285
+        } else {
286
+          obj.className = obj.className.replace(' codesOn', '');
287
+        }
288
+      }
289
+      
290
+    </script>
291
+  </head>
292
+  <body>
293
+    <div class="container header">
294
+      <h1>
295
+        arrows
296
+         <small>font demo</small>
297
+      </h1>
298
+      <label class="switch">
299
+        <input type="checkbox" onclick="toggleCodes(this.checked)">show codes
300
+      </label>
301
+    </div>
302
+    <div id="icons" class="container">
303
+      <div class="row">
304
+        <div title="Code: 0xe800" class="the-icons span3"><i class="demo-icon icon-left-open">&#xe800;</i> <span class="i-name">icon-left-open</span><span class="i-code">0xe800</span></div>
305
+        <div title="Code: 0xe801" class="the-icons span3"><i class="demo-icon icon-left-open-1">&#xe801;</i> <span class="i-name">icon-left-open-1</span><span class="i-code">0xe801</span></div>
306
+        <div title="Code: 0xe802" class="the-icons span3"><i class="demo-icon icon-left">&#xe802;</i> <span class="i-name">icon-left</span><span class="i-code">0xe802</span></div>
307
+        <div title="Code: 0xe803" class="the-icons span3"><i class="demo-icon icon-left-big">&#xe803;</i> <span class="i-name">icon-left-big</span><span class="i-code">0xe803</span></div>
308
+      </div>
309
+      <div class="row">
310
+        <div title="Code: 0xe804" class="the-icons span3"><i class="demo-icon icon-left-circled">&#xe804;</i> <span class="i-name">icon-left-circled</span><span class="i-code">0xe804</span></div>
311
+        <div title="Code: 0xe805" class="the-icons span3"><i class="demo-icon icon-angle-circled-left">&#xe805;</i> <span class="i-name">icon-angle-circled-left</span><span class="i-code">0xe805</span></div>
312
+      </div>
313
+    </div>
314
+    <div class="container footer">Generated by <a href="http://fontello.com">fontello.com</a></div>
315
+  </body>
316
+</html>

BIN
fonts/fontello/font/arrows.eot


+ 22 - 0
fonts/fontello/font/arrows.svg

@@ -0,0 +1,22 @@
1
+<?xml version="1.0" standalone="no"?>
2
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+<svg xmlns="http://www.w3.org/2000/svg">
4
+<metadata>Copyright (C) 2016 by original authors @ fontello.com</metadata>
5
+<defs>
6
+<font id="arrows" horiz-adv-x="1000" >
7
+<font-face font-family="arrows" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
8
+<missing-glyph horiz-adv-x="1000" />
9
+<glyph glyph-name="left-open" unicode="&#xe800;" d="M0 350l148 149 352 351 148-148-351-352 351-352-148-148-352 352z" horiz-adv-x="648" />
10
+
11
+<glyph glyph-name="left-open-1" unicode="&#xe801;" d="M308 349l346-346-154-154-500 500 500 500 154-154z" horiz-adv-x="654" />
12
+
13
+<glyph glyph-name="left" unicode="&#xe802;" d="M776 454q43 0 73-31t31-74q0-43-30-73t-74-31l-377 0 82-82q32-30 32-74t-32-74q-30-30-73-30t-74 30l-334 334 334 335q31 31 74 31t73-31q32-30 32-73t-32-75l-82-82 377 0z" horiz-adv-x="880" />
14
+
15
+<glyph glyph-name="left-big" unicode="&#xe803;" d="M857 350v-71q0-30-18-51t-47-21h-393l164-164q21-20 21-50t-21-50l-42-43q-21-20-51-20-29 0-50 20l-364 364q-20 21-20 50 0 29 20 51l364 363q21 21 50 21 29 0 51-21l42-42q21-21 21-50t-21-51l-164-164h393q29 0 47-20t18-51z" horiz-adv-x="857.1" />
16
+
17
+<glyph glyph-name="left-circled" unicode="&#xe804;" d="M714 314v72q0 14-10 25t-25 10h-281l106 106q11 11 11 25t-11 25l-51 51q-10 10-25 10t-25-10l-202-202-51-51q-10-10-10-25t10-25l51-51 202-202q10-10 25-10t25 10l51 51q10 10 10 25t-10 25l-106 106h281q14 0 25 10t10 25z m143 36q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 215 155 156 216 58 215-58 156-156 57-215z" horiz-adv-x="857.1" />
18
+
19
+<glyph glyph-name="angle-circled-left" unicode="&#xe805;" d="M507 72l57 56q11 11 11 26t-11 25l-171 171 171 171q11 11 11 25t-11 26l-57 56q-10 11-25 11t-25-11l-253-253q-11-10-11-25t11-25l253-253q11-11 25-11t25 11z m350 278q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 215 155 156 216 58 215-58 156-156 57-215z" horiz-adv-x="857.1" />
20
+</font>
21
+</defs>
22
+</svg>

BIN
fonts/fontello/font/arrows.ttf


BIN
fonts/fontello/font/arrows.woff


BIN
fonts/fontello/font/arrows.woff2


BIN
img/cadoles.png


BIN
img/pitaya.png


+ 1 - 0
index.html

@@ -2,6 +2,7 @@
2 2
   <head>
3 3
     <title>Lanceur - Pitaya</title>
4 4
     <link rel="stylesheet" href="css/style.css" />
5
+    <link rel="stylesheet" href="fonts/fontello/css/arrows.css" />
5 6
   </head>
6 7
   <body>
7 8
 

+ 1 - 1
src/components/launcher/launcher-view.js

@@ -10,7 +10,7 @@ var CrossfadeImage = require('../common/crossfade-image');
10 10
 var path = require('path');
11 11
 
12 12
 var DEFAULT_PROFILE = path.join(__dirname, '..', '..', '..', 'default-profile.json');
13
-var DEFAULT_BACKGROUND = path.join(__dirname, '..', '..', '..', 'img', 'background.svg');
13
+var DEFAULT_BACKGROUND = '';
14 14
 
15 15
 var LauncherView = React.createClass({
16 16
 

+ 1 - 1
src/components/launcher/nav.js

@@ -16,7 +16,7 @@ module.exports = React.createClass({
16 16
 
17 17
     return (
18 18
       <div className="nav">
19
-        <a href="#" onClick={this._onBackClick} className="goback" >&#9668;</a>
19
+        <a href="#" onClick={this._onBackClick} className="goback" >&#xe805;</a>
20 20
       </div>
21 21
     );
22 22