websites/dennogumi.org-archive
Archived
1
0
Fork 0
Code Releases Activity

Added option for Xing social media icon

Browse source
This commit is contained in:
gunharth 2015-04-15 23:20:20 +02:00
commit 5fbb1c6bea
10 changed files with 52 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

5
_data/socialmedia.yml
View file

@ -37,3 +37,8 @@
url: http://www.mixcloud.com/phlow/ url: http://www.mixcloud.com/phlow/
class: icon-cloud class: icon-cloud
title: "Mixe, was sonst?" title: "Mixe, was sonst?"
# - name: Xing
# url: https://www.xing.com/profile/Moritzmo_Sauer
# class: icon-xing
# title: Xing Profil

2
_sass/_06_typography.scss
View file

@ -405,6 +405,7 @@ mark {
.icon-video:before, .icon-video:before,
.icon-vimeo:before, .icon-vimeo:before,
.icon-warning:before, .icon-warning:before,
.icon-xing:before,
.icon-youtube:before { .icon-youtube:before {
display: inline-block; display: inline-block;
font-family: "iconfont"; font-family: "iconfont";
@ -472,4 +473,5 @@ font-smoothing: antialiased;
.icon-video:before { content: "\f12f"; } .icon-video:before { content: "\f12f"; }
.icon-vimeo:before { content: "\f130"; } .icon-vimeo:before { content: "\f130"; }
.icon-warning:before { content: "\f131"; } .icon-warning:before { content: "\f131"; }
.icon-xing:before { content: "\f135"; }
.icon-youtube:before { content: "\f132"; } .icon-youtube:before { content: "\f132"; }

8
assets/fonts/.fontcustom-manifest.json
View file

@ -1,7 +1,7 @@
{ {
"checksum": { "checksum": {
"previous": "7680fdcdd1d625cdc3b4efee04bcd50aecf11af21345941d72e5f635b1ba9bba", "previous": "c5cdc0a58b7277d1f320a4ad50aa8ae2ad47fa6ed879c164db1cfb75439bd1d9",
"current": "7680fdcdd1d625cdc3b4efee04bcd50aecf11af21345941d72e5f635b1ba9bba" "current": "c5cdc0a58b7277d1f320a4ad50aa8ae2ad47fa6ed879c164db1cfb75439bd1d9"
}, },
"fonts": [ "fonts": [
"./iconfont.ttf", "./iconfont.ttf",
@ -218,6 +218,10 @@
"codepoint": 61745, "codepoint": 61745,
"source": "svg-files-for-custom-font/warning.svg" "source": "svg-files-for-custom-font/warning.svg"
}, },
"xing": {
"codepoint": 61749,
"source": "svg-files-for-custom-font/xing.svg"
},
"youtube": { "youtube": {
"codepoint": 61746, "codepoint": 61746,
"source": "svg-files-for-custom-font/youtube.svg" "source": "svg-files-for-custom-font/youtube.svg"

17
assets/fonts/iconfont-preview.html
View file

@ -212,6 +212,7 @@
.icon-video:before, .icon-video:before,
.icon-vimeo:before, .icon-vimeo:before,
.icon-warning:before, .icon-warning:before,
.icon-xing:before,
.icon-youtube:before { .icon-youtube:before {
display: inline-block; display: inline-block;
font-family: "iconfont"; font-family: "iconfont";
@ -279,6 +280,7 @@
.icon-video:before { content: "\f12f"; } .icon-video:before { content: "\f12f"; }
.icon-vimeo:before { content: "\f130"; } .icon-vimeo:before { content: "\f130"; }
.icon-warning:before { content: "\f131"; } .icon-warning:before { content: "\f131"; }
.icon-xing:before { content: "\f135"; }
.icon-youtube:before { content: "\f132"; } .icon-youtube:before { content: "\f132"; }
</style> </style>
@ -295,7 +297,7 @@
<body class="characters-off"> <body class="characters-off">
<div id="page" class="container"> <div id="page" class="container">
<header> <header>
<h1>iconfont contains 53 glyphs:</h1> <h1>iconfont contains 54 glyphs:</h1>
<a onclick="toggleCharacters(); return false;" href="#">Toggle Preview Characters</a> <a onclick="toggleCharacters(); return false;" href="#">Toggle Preview Characters</a>
</header> </header>
@ -976,6 +978,19 @@
</div> </div>
</div> </div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-xing" class="icon-xing"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-xing" class="icon-xing"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-xing" class="icon-xing"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-xing" class="icon-xing"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-xing" class="icon-xing"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-xing" class="icon-xing"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-xing" class="icon-xing"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-xing" class="icon-xing"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-xing" class="icon-xing"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-xing" class="icon-xing"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-xing" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf135;" />
</div>
</div>
<div class="glyph"> <div class="glyph">
<div class="preview-glyphs"> <div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span> <span class="step size-12"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-youtube" class="icon-youtube"></i></span>

2
assets/fonts/iconfont.css
View file

@ -75,6 +75,7 @@
.icon-video:before, .icon-video:before,
.icon-vimeo:before, .icon-vimeo:before,
.icon-warning:before, .icon-warning:before,
.icon-xing:before,
.icon-youtube:before { .icon-youtube:before {
display: inline-block; display: inline-block;
font-family: "iconfont"; font-family: "iconfont";
@ -142,4 +143,5 @@
.icon-video:before { content: "\f12f"; } .icon-video:before { content: "\f12f"; }
.icon-vimeo:before { content: "\f130"; } .icon-vimeo:before { content: "\f130"; }
.icon-warning:before { content: "\f131"; } .icon-warning:before { content: "\f131"; }
.icon-xing:before { content: "\f135"; }
.icon-youtube:before { content: "\f132"; } .icon-youtube:before { content: "\f132"; }

BIN
assets/fonts/iconfont.eot
View file

Binary file not shown.

15
assets/fonts/iconfont.svg
View file

@ -1,13 +1,13 @@
<?xml version="1.0" standalone="no"?> <?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" > <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<!-- <!--
2015-2-18: Created with FontForge (http://fontforge.org) 2015-4-15: Created with FontForge (http://fontforge.org)
--> -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<metadata> <metadata>
Created by FontForge 20141231 at Wed Feb 18 17:09:54 2015 Created by FontForge 20150330 at Wed Apr 15 23:17:37 2015
By Moritz Sauer By Guni,,,
Copyright (c) 2015, Moritz Sauer Copyright (c) 2015, Guni,,,
</metadata> </metadata>
<defs> <defs>
<font id="iconfont" horiz-adv-x="512" > <font id="iconfont" horiz-adv-x="512" >
@ -22,7 +22,7 @@ Copyright (c) 2015, Moritz Sauer
bbox="-0.12793 -64 512.128 448.011" bbox="-0.12793 -64 512.128 448.011"
underline-thickness="25.6" underline-thickness="25.6"
underline-position="-51.2" underline-position="-51.2"
unicode-range="U+0020-F134" unicode-range="U+0020-F135"
/> />
<missing-glyph /> <missing-glyph />
<glyph glyph-name="space" unicode=" " horiz-adv-x="200" <glyph glyph-name="space" unicode=" " horiz-adv-x="200"
@ -251,6 +251,11 @@ c-8.62695 3.42969 -7.01465 9.70215 0.255859 12.2617c8.57617 3.02148 443.188 156.
<glyph glyph-name="uniF105" unicode="&#xf105;" <glyph glyph-name="uniF105" unicode="&#xf105;"
d="M115.609 254.771c11.1621 11.417 26.7012 12.3135 40.3457 0l100.045 -95.9238l100.045 95.9238c13.6445 12.3135 29.21 11.417 40.2939 0c11.1621 -11.3926 10.4453 -30.6436 0 -41.3447c-10.3936 -10.7002 -120.191 -115.251 -120.191 -115.251 d="M115.609 254.771c11.1621 11.417 26.7012 12.3135 40.3457 0l100.045 -95.9238l100.045 95.9238c13.6445 12.3135 29.21 11.417 40.2939 0c11.1621 -11.3926 10.4453 -30.6436 0 -41.3447c-10.3936 -10.7002 -120.191 -115.251 -120.191 -115.251
c-5.55566 -5.70898 -12.8516 -8.57617 -20.1475 -8.57617s-14.5918 2.86719 -20.1982 8.57617c0 0 -109.747 104.551 -120.192 115.251c-10.4697 10.7012 -11.1611 29.9521 0 41.3447z" /> c-5.55566 -5.70898 -12.8516 -8.57617 -20.1475 -8.57617s-14.5918 2.86719 -20.1982 8.57617c0 0 -109.747 104.551 -120.192 115.251c-10.4697 10.7012 -11.1611 29.9521 0 41.3447z" />
<glyph glyph-name="uniF135" unicode="&#xf135;"
d="M453.197 422.4c12.7998 0 12.3135 -9.75391 9.11328 -16.1543c-3.2002 -6.39941 -4.71094 -9.44629 -4.71094 -9.44629l-128 -256l76.8008 -153.6s1.48438 -3.04688 4.68457 -9.44629c3.2002 -6.40039 3.71191 -16.1543 -9.08789 -16.1543h-72.3975
c-5.70801 0 -14.1309 2.71387 -17.6641 9.75391c-3.53223 7.04004 -7.93555 15.8467 -7.93555 15.8467l-76.7998 153.6l128 256s4.42871 8.78125 7.93555 15.8467c3.50781 7.06543 11.9551 9.75391 17.6641 9.75391h72.3975zM174.464 310.246
c3.5332 -7.04004 7.93652 -15.8457 7.93652 -15.8457l32 -64l-57.6006 -115.2s-4.40332 -8.80664 -7.91016 -15.8467c-3.5332 -7.04004 -11.9805 -9.75391 -17.6895 -9.75391h-72.3975c-12.7998 0 -12.3135 9.75391 -9.11328 16.1543
c3.2002 6.39941 4.71094 9.44629 4.71094 9.44629l57.5996 115.2l-32 64s-1.48438 3.0459 -4.68457 9.44629c-3.2002 6.39941 -3.71191 16.1533 9.08789 16.1533h72.3965c5.70898 0 14.1572 -2.68848 17.6641 -9.75391z" />
<glyph glyph-name="uniF101" unicode="&#xf101;" <glyph glyph-name="uniF101" unicode="&#xf101;"
d="M460.8 396.8c28.1602 0 51.2002 -23.04 51.2002 -51.2002v-307.199c0 -28.1602 -23.04 -51.2002 -51.2002 -51.2002h-409.6c-28.1602 0 -51.2002 23.04 -51.2002 51.2002v307.199c0 28.1602 23.04 51.2002 51.2002 51.2002h409.6zM115.2 352 d="M460.8 396.8c28.1602 0 51.2002 -23.04 51.2002 -51.2002v-307.199c0 -28.1602 -23.04 -51.2002 -51.2002 -51.2002h-409.6c-28.1602 0 -51.2002 23.04 -51.2002 51.2002v307.199c0 28.1602 23.04 51.2002 51.2002 51.2002h409.6zM115.2 352
c-10.5986 0 -19.2002 -8.60156 -19.2002 -19.2002s8.60156 -19.2002 19.2002 -19.2002s19.2002 8.60156 19.2002 19.2002s-8.60156 19.2002 -19.2002 19.2002zM44.7998 332.8c0 -10.5986 8.60156 -19.2002 19.2002 -19.2002s19.2002 8.60156 19.2002 19.2002 c-10.5986 0 -19.2002 -8.60156 -19.2002 -19.2002s8.60156 -19.2002 19.2002 -19.2002s19.2002 8.60156 19.2002 19.2002s-8.60156 19.2002 -19.2002 19.2002zM44.7998 332.8c0 -10.5986 8.60156 -19.2002 19.2002 -19.2002s19.2002 8.60156 19.2002 19.2002

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 40 KiB

Before After
Before After

BIN
assets/fonts/iconfont.ttf
View file

Binary file not shown.

BIN
assets/fonts/iconfont.woff
View file

Binary file not shown.

11
assets/fonts/svg-files-for-custom-font/xing.svg Normal file
View file

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Xing" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
<path d="M17.703,1h-2.828c-0.223,0-0.553,0.105-0.69,0.381S13.875,2,13.875,2l-5,10l3,6c0,0,0.172,0.344,0.31,0.619
S12.652,19,12.875,19h2.828c0.5,0,0.48-0.381,0.355-0.631S15.875,18,15.875,18l-3-6l5-10c0,0,0.059-0.119,0.184-0.369
S18.203,1,17.703,1z M6.815,5.381C6.678,5.105,6.348,5,6.125,5H3.297c-0.5,0-0.48,0.381-0.355,0.631S3.125,6,3.125,6l1.25,2.5
L2.125,13c0,0-0.059,0.119-0.184,0.369S1.797,14,2.297,14h2.828c0.223,0,0.553-0.106,0.691-0.381C5.953,13.344,6.125,13,6.125,13
l2.25-4.5L7.125,6C7.125,6,6.953,5.656,6.815,5.381z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 984 B