Skip to content

Commit fca34f2

Browse files
committed
Add fontello and update interest icons
- Add to update-website.py - Add toggle height sizing
1 parent 3cfbac8 commit fca34f2

29 files changed

Lines changed: 660 additions & 13 deletions

about.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232
<li class="nav-item"><a class="nav-link" href="writing.html">Writing</a></li>
3333
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
3434
</ul>
35-
<img id="light-mode-toggle" width="24px">
35+
<img id="light-mode-toggle" width="24px" height="24px">
3636
</div>
3737
</div>
3838
</nav>

contact.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232
<li class="nav-item"><a class="nav-link" href="writing.html">Writing</a></li>
3333
<li class="nav-item"><a class="nav-link active" href="contact.html">Contact</a></li>
3434
</ul>
35-
<img id="light-mode-toggle" width="24px">
35+
<img id="light-mode-toggle" width="24px" height="24px">
3636
</div>
3737
</div>
3838
</nav>

delderism.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232
<li class="nav-item"><a class="nav-link" href="writing.html">Writing</a></li>
3333
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
3434
</ul>
35-
<img id="light-mode-toggle" width="24px">
35+
<img id="light-mode-toggle" width="24px" height="24px">
3636
</div>
3737
</div>
3838
</nav>

fontello/LICENSE.txt

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
Font license info
2+
3+
4+
## Font Awesome
5+
6+
Copyright (C) 2016 by Dave Gandy
7+
8+
Author: Dave Gandy
9+
License: SIL ()
10+
Homepage: http://fortawesome.github.com/Font-Awesome/
11+
12+

fontello/README.txt

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
This webfont is generated by https://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

fontello/config.json

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
{
2+
"name": "",
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": "9755f76110ae4d12ac5f9466c9152031",
11+
"css": "book",
12+
"code": 59392,
13+
"src": "fontawesome"
14+
},
15+
{
16+
"uid": "cfb6e143c0650c485536374f2a2f88fb",
17+
"css": "television",
18+
"code": 62060,
19+
"src": "fontawesome"
20+
},
21+
{
22+
"uid": "872d9516df93eb6b776cc4d94bd97dac",
23+
"css": "video",
24+
"code": 59393,
25+
"src": "fontawesome"
26+
},
27+
{
28+
"uid": "0133387f2069a1b3168942b84d81dd3a",
29+
"css": "gamepad",
30+
"code": 61723,
31+
"src": "fontawesome"
32+
},
33+
{
34+
"uid": "9c9f0a69d4abbeb5ff9d779df7679356",
35+
"css": "question-circle-o",
36+
"code": 62108,
37+
"src": "fontawesome"
38+
},
39+
{
40+
"uid": "17ebadd1e3f274ff0205601eef7b9cc4",
41+
"css": "help-circled",
42+
"code": 59394,
43+
"src": "fontawesome"
44+
}
45+
]
46+
}

fontello/css/animation.css

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -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+
}

fontello/css/fontello-codes.css

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
2+
.icon-book:before { content: '\e800'; } /* '' */
3+
.icon-video:before { content: '\e801'; } /* '' */
4+
.icon-help-circled:before { content: '\e802'; } /* '' */
5+
.icon-gamepad:before { content: '\f11b'; } /* '' */
6+
.icon-television:before { content: '\f26c'; } /* '' */
7+
.icon-question-circle-o:before { content: '\f29c'; } /* '' */

fontello/css/fontello-embedded.css

Lines changed: 65 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
2+
.icon-book { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe800;&nbsp;'); }
3+
.icon-video { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe801;&nbsp;'); }
4+
.icon-help-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe802;&nbsp;'); }
5+
.icon-gamepad { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf11b;&nbsp;'); }
6+
.icon-television { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf26c;&nbsp;'); }
7+
.icon-question-circle-o { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf29c;&nbsp;'); }

0 commit comments

Comments
 (0)