Skip to content

C
coopwire-hypothesis
Commit ba450c15 authored by Robert Knight's avatar Robert Knight
Browse files
Options

Add updated group icon 

Add the updated group icon and update the icomoon font.
Also simplify the instructions for updating the icomoon font.

Card 89
parent acd8374e
Expand all Show whitespace changes
Inline Side-by-side
Showing with 1288 additions and 889 deletions
h/static/images/icons/groups.svg 0 → 100644
View file @ ba450c15
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="120px"
height="120px"
viewBox="0 0 120 120"
version="1.1"
id="svg2"
inkscape:version="0.91 r13725"
sodipodi:docname="groups.svg">
<metadata
id="metadata18">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1080"
inkscape:window-height="607"
id="namedview16"
showgrid="false"
inkscape:zoom="1.9666667"
inkscape:cx="46.892284"
inkscape:cy="60"
inkscape:window-x="520"
inkscape:window-y="123"
inkscape:window-maximized="0"
inkscape:current-layer="svg2" />
<!-- Generator: Sketch 3.3.3 (12072) - http://www.bohemiancoding.com/sketch -->
<title
id="title4">Artboard 1</title>
<desc
id="desc6">Created with Sketch.</desc>
<defs
id="defs8" />
<g
id="Page-1"
sketch:type="MSPage"
transform="translate(0.50847458,7.627119)"
style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1">
<g
id="Artboard-1"
sketch:type="MSArtboardGroup"
style="fill:#000000">
<circle
id="Oval-1"
sketch:type="MSShapeGroup"
cx="36"
cy="41"
r="18" />
<circle
id="Oval-1-Copy"
sketch:type="MSShapeGroup"
cx="84"
cy="41"
r="18" />
<path
d="m 72,97.041748 44,0 L 116,85 c 0,0 0,-19 -32,-19 -9.06502,0 -15.561747,1.524724 -20.217828,3.710318 1.214568,0.986788 2.306029,2.05955 3.277473,3.213139 2.135429,2.535822 3.518643,5.273433 4.291509,8.026767 0.276063,0.983477 0.45577,1.908217 0.557712,2.755611 C 71.975452,84.259334 72,84.696591 72,85 l 0,12.041748 z"
id="Path-1-Copy-2"
sketch:type="MSShapeGroup"
inkscape:connector-curvature="0" />
<path
d="m 4,97.041748 64,0 L 68,85 C 68,85 68,66 36,66 4,66 4.0041989,85 4.0041989,85 L 4,97.041748 Z"
id="Path-1"
sketch:type="MSShapeGroup"
inkscape:connector-curvature="0" />
</g>
</g>
</svg>
h/static/styles/vendor/ICOMOON.md
View file @ ba450c15
......@@ -13,16 +13,12 @@ add the relevant icons and then use the app's _Generate Font_ facility.
as a new project.
2. Search for icons or import the ones you want to add from another source and
add them to the 'h' set.
3. Select the _Download JSON_ option for the 'h' set to download an updated `selection.json`
file.
4. Look for the new entry in the "selection" section at the bottom of the file.
The new entry will be the one without a name. Add a "name" attribute to this item.
The name attribute will be used in the CSS class name for the icon (eg. `h-icon-twitter`)
5. Re-import the JSON file into icomoon
6. Ensure all icons in the 'h' set are selected, then go to the 'Generate Font' tab in icomoon
3. Select the 'Edit' tool, click on the new icon and enter a name for use in the generated
`h-icon-<name>` class name.
4. Ensure all icons in the 'h' set are selected, then go to the 'Generate Font' tab in icomoon
and click the 'Download' button which appears _within_ the tab.
7. From the downloaded archive:
5. From the downloaded archive:
* Extract `fonts/h.woff` -> `./fonts/h.woff`
* Extract `style.css` -> `./icomoon.css`.
* Edit `icomoon.css` to keep only the _WOFF_ format font as that is [supported](http://caniuse.com/#feat=woff) by our target browsers (IE >= 10).
8. Commit the updated `selection.json`, `fonts/h.eot` and `icomoon.css` files to the repository.
6. Commit the updated `selection.json`, `fonts/h.woff` and `icomoon.css` files to the repository.
h/static/styles/vendor/fonts/selection.json
View file @ ba450c15
This diff is collapsed.
h/static/styles/vendor/icomoon.css
View file @ ba450c15
@font-face {
font-family: 'h';
src:url('fonts/h.woff?5qkgen') format('woff');
src: url('fonts/h.woff?e944zd') format('woff');
font-weight: normal;
font-style: normal;
}
......@@ -19,6 +19,33 @@
-moz-osx-font-smoothing: grayscale;
}
.h-icon-group:before {
content: "\e61e";
}
.h-icon-cancel-outline:before {
content: "\e619";
}
.h-icon-google-plus:before {
content: "\ea88";
}
.h-icon-facebook:before {
content: "\ea8d";
}
.h-icon-twitter:before {
content: "\ea91";
}
.h-icon-cc-by:before {
content: "\e61f";
}
.h-icon-cc-logo:before {
content: "\e620";
}
.h-icon-cc-zero:before {
content: "\e621";
}
.h-icon-markdown:before {
content: "\e60b";
}
.h-icon-arrow-right:before {
content: "\e61d";
}
......@@ -130,27 +157,3 @@
.h-icon-mail:before {
content: "\e62a";
}
.h-icon-cancel-outline:before {
content: "\e619";
}
.h-icon-google-plus:before {
content: "\ea88";
}
.h-icon-facebook:before {
content: "\ea8d";
}
.h-icon-twitter:before {
content: "\ea91";
}
.h-icon-cc-by:before {
content: "\e61f";
}
.h-icon-cc-logo:before {
content: "\e620";
}
.h-icon-cc-zero:before {
content: "\e621";
}
.h-icon-markdown:before {
content: "\e60b";
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment