#3352: Website icon options
---------------------+------------------------
Reporter: robe | Owner: jive
Type: task | Status: new
Priority: normal | Milestone: Unplanned
Component: WebSite | Resolution:
Keywords: |
---------------------+------------------------
Comment (by cvvergara):
Tried all:
irc and stack-exchange fail because these fail
- <span class="icon-stack-exchange"></span>
- <span class="icon-irc"></span>
From following the code the following is been deduced as possible steps.
To add anything it needs an glyph icon:
{{{
git grep glyph-name httpdocs/wp-
content/themes/roots/assets/fonts/icomoon.svg | awk '{print $3}'
glyph-name="search"
glyph-name="arrow-down"
glyph-name="arrow-right"
glyph-name="twitter"
glyph-name="linkedin"
glyph-name="flickr"
glyph-name="responsive-menu"
glyph-name="data-publishers"
glyph-name="cartography"
glyph-name="spatial-analysis"
glyph-name="infrastructure"
glyph-name="software-development"
glyph-name="chat"
glyph-name="facebook"
glyph-name="blog"
glyph-name="mailing-list"
glyph-name="info-sheet"
glyph-name="quickstart"
glyph-name="documentation"
glyph-name="demo"
glyph-name="support"
glyph-name="download"
glyph-name="issue-tracker"
glyph-name="source-tracker"
glyph-name="quickstart-developer"
glyph-name="contributors"
glyph-name="roadmap"
glyph-name="metrics"
glyph-name="pulse"
glyph-name="date"
glyph-name="tag"
glyph-name="user-type"
glyph-name="location"
glyph-name="website"
glyph-name="close"
glyph-name="news"
glyph-name="events"
glyph-name="people"
glyph-name="sponsors"
glyph-name="blog2"
glyph-name="local-chapter"
glyph-name="type-member"
glyph-name="publish"
glyph-name="mapping"
glyph-name="analysis"
glyph-name="information-technology"
glyph-name="development"
glyph-name="open-data"
glyph-name="choice"
glyph-name="community"
glyph-name="academic"
glyph-name="migrate"
glyph-name="content-management"
glyph-name="catalog"
glyph-name="data"
glyph-name="hosted-service"
glyph-name="portal"
glyph-name="mapping-service"
glyph-name="desktop-mapping"
glyph-name="mobile-mapping"
glyph-name="web-development"
glyph-name="desktop-analysis"
glyph-name="web-processing"
glyph-name="data-query"
glyph-name="raster-processing"
glyph-name="service-providers"
glyph-name="local-chapters"
glyph-name="data2"
glyph-name="web-services"
glyph-name="client"
glyph-name="cloud"
glyph-name="interoperability"
glyph-name="tools"
glyph-name="libraries"
glyph-name="mobile-development"
glyph-name="google-plus"
glyph-name="youtube"
glyph-name="pinterest"
glyph-name="rss"
glyph-name="arrow-left"
}}}
Example glyph:
{{{
<glyph unicode="" glyph-name="pinterest" d="M548.621
876.517c-245.393 0-369.137-175.926-369.137-322.663 0-88.83 33.632-167.852
105.754-197.275 11.831-4.877 22.433-0.181 25.865 12.914 2.384 9.031 8.038
31.898 10.548 41.453 3.45 12.951 2.113 17.466-7.442 28.791-20.79
24.51-34.101 56.264-34.101 101.275 0 130.517 97.662 247.362 254.298
247.362 138.7 0 214.904-84.748 214.904-197.907
0-148.941-65.909-274.636-163.734-274.636-54.042 0-94.465 44.668-81.533
99.487 15.515 65.439 45.589 136.026 45.589 183.295 0 42.266-22.704
77.523-69.648 77.523-55.234 0-99.613-57.149-99.613-133.678 0-48.75
16.473-81.731
16.473-81.731s-56.517-239.505-66.433-281.445c-19.724-83.538-2.962-185.914-1.535-196.246
0.831-6.141 8.706-7.622 12.282-2.998 5.075 6.665 70.894 87.873 93.237
169.044 6.34 22.957 36.323 141.951 36.323 141.951 17.954-34.246
70.406-64.338 126.182-64.338 166.010 0 278.664 151.343 278.664 353.929
0.018 153.222-129.741 295.895-326.944 295.895z" />
}}}
Once the glyph is created on
- `httpdocs/wp-content/themes/roots/assets/fonts/icomoon/style.css`:
- `httpdocs/wp-content/themes/roots/assets/less/font.less`
{{{
.icon-pinterest:before {
content: "\e94d";
}
}}}
Not Sure but probably this glyphs come from wordpress.
I suspect because in `httpdocs/wp-content/themes/roots/lib/custom.php`
{{{
function hide_social_media_fields() {
echo '<style> tr.user-instagram-wrap, tr.user-linkedin-wrap,
tr.user-myspace-wrap, tr.user-pinterest-wrap,
tr.user-soundcloud-wrap, tr.user-tumblr-wrap, tr.user-youtube-
wrap,
tr.user-wikipedia-wrap, tr.user-facebook-wrap,
tr.user-twitter-wrap, tr.user-googleplus-wrap { display: none; }
</style>';
}
}}}
in Log In ‹ OSGeo — WordPress
you can see:
{{{
Instagram profile URL [INPUT BOX]
LinkedIn profile URL [INPUT BOX]
MySpace profile URL [INPUT BOX]
Pinterest profile URL [INPUT BOX]
SoundCloud profile URL [INPUT BOX]
Tumblr profile URL [INPUT BOX]
Wikipedia page about you [INPUT BOX]
(if one exists)
YouTube profile URL [INPUT BOX]
}}}
--
Ticket URL: <#3352 (Website icon options) – OSGeo;
OSGeo <Gter - OSGeo;
OSGeo committee and general foundation issue tracker.