kollapsminoriteten/wp-content/plugins/jetpack/_inc/social-logos/social-logos.html

492 lines
21 KiB
HTML
Raw Normal View History

2019-11-15 23:26:29 +01:00
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>social-logos</title>
<style>
body {
margin:0;
padding:10px 20px;
background:#fff;
color:#222;
}
h1, div, footer {
font-family:"Helvetica Neue", Arial, sans-serif;
}
h1 {
margin:0 0 20px;
font-size:32px;
font-weight:normal;
}
.icons {
margin-bottom:40px;
-webkit-column-count:5;
2023-09-26 10:24:36 +02:00
-moz-column-count:5;
column-count:5;
2019-11-15 23:26:29 +01:00
-webkit-column-gap:20px;
2023-09-26 10:24:36 +02:00
-moz-column-gap:20px;
column-gap:20px;
}
2019-11-15 23:26:29 +01:00
.icons__item,
.icons__item i {
line-height:2em;
cursor:pointer;
overflow:hidden;
2023-09-26 10:24:36 +02:00
}
2019-11-15 23:26:29 +01:00
.icons__item:hover {
color:#3c90be;
}
.icons__item i {
display:inline-block;
width:32px;
text-align:center;
2023-09-26 10:24:36 +02:00
}
2019-11-15 23:26:29 +01:00
.icons__item:hover i {
-webkit-transform:scale(1.5);
transform:scale(1.5);
}
footer {
margin-top:40px;
font-size:14px;
color:#999;
}
2023-09-26 10:24:36 +02:00
/* Generated by grunt-webfont */
/* Based on https://github.com/endtwist/fontcustom/blob/master/lib/fontcustom/templates/fontcustom.css */
2019-11-15 23:26:29 +01:00
@font-face {
2023-09-26 10:24:36 +02:00
font-family:"social-logos";
src: url(data:application/octet-stream;base64,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
font-weight:normal;
font-style:normal;
2019-11-15 23:26:29 +01:00
}
.social-logo {
font-family:"social-logos";
display:inline-block;
vertical-align:middle;
line-height:1;
font-weight:normal;
font-style:normal;
speak:none;
text-decoration:inherit;
text-transform:none;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
/* Icons */
.social-logo__amazon:before {
content:"\f600";
}
.social-logo__behance:before {
content:"\f101";
}
.social-logo__blogger-alt:before {
content:"\f601";
}
.social-logo__blogger:before {
content:"\f602";
}
.social-logo__codepen:before {
content:"\f216";
}
.social-logo__dribbble:before {
content:"\f201";
}
.social-logo__dropbox:before {
content:"\f225";
}
.social-logo__eventbrite:before {
content:"\f603";
}
.social-logo__facebook:before {
content:"\f203";
}
2023-09-26 10:24:36 +02:00
.social-logo__fediverse:before {
content:"\f10b";
}
2019-11-15 23:26:29 +01:00
.social-logo__feed:before {
content:"\f413";
}
.social-logo__flickr:before {
content:"\f211";
}
.social-logo__foursquare:before {
content:"\f226";
}
.social-logo__ghost:before {
content:"\f61c";
}
.social-logo__github:before {
content:"\f200";
}
2023-04-26 17:39:43 +02:00
.social-logo__google-alt:before {
content:"\f102";
}
2019-11-15 23:26:29 +01:00
.social-logo__google-plus-alt:before {
content:"\f218";
}
.social-logo__google-plus:before {
content:"\f206";
}
2023-04-26 17:39:43 +02:00
.social-logo__google:before {
content:"\f103";
}
2019-11-15 23:26:29 +01:00
.social-logo__instagram:before {
content:"\f215";
}
2023-04-26 17:39:43 +02:00
.social-logo__link:before {
content:"\f109";
}
2019-11-15 23:26:29 +01:00
.social-logo__linkedin:before {
content:"\f207";
}
.social-logo__mail:before {
content:"\f410";
}
2023-04-26 17:39:43 +02:00
.social-logo__mastodon:before {
content:"\f10a";
2019-11-15 23:26:29 +01:00
}
2023-04-26 17:39:43 +02:00
.social-logo__medium-alt:before {
content:"\f106";
2019-11-15 23:26:29 +01:00
}
2023-04-26 17:39:43 +02:00
.social-logo__medium:before {
content:"\f623";
}
2023-09-26 10:24:36 +02:00
.social-logo__nextdoor:before {
content:"\f10c";
}
2023-04-26 17:39:43 +02:00
.social-logo__patreon:before {
content:"\f105";
2019-11-15 23:26:29 +01:00
}
.social-logo__pinterest-alt:before {
content:"\f210";
}
.social-logo__pinterest:before {
content:"\f209";
}
.social-logo__pocket:before {
content:"\f224";
}
.social-logo__polldaddy:before {
content:"\f217";
}
.social-logo__print:before {
content:"\f469";
}
.social-logo__reddit:before {
content:"\f222";
}
.social-logo__share:before {
content:"\f415";
}
.social-logo__skype:before {
content:"\f220";
}
.social-logo__spotify:before {
content:"\f515";
}
.social-logo__squarespace:before {
content:"\f605";
}
.social-logo__stumbleupon:before {
content:"\f223";
}
.social-logo__telegram:before {
content:"\f606";
}
2023-09-26 10:24:36 +02:00
.social-logo__threads:before {
content:"\f10d";
}
2023-04-26 17:39:43 +02:00
.social-logo__tiktok-alt:before {
content:"\f107";
}
.social-logo__tiktok:before {
content:"\f108";
}
2019-11-15 23:26:29 +01:00
.social-logo__tumblr-alt:before {
content:"\f607";
}
.social-logo__tumblr:before {
content:"\f214";
}
.social-logo__twitch:before {
content:"\f516";
}
.social-logo__twitter-alt:before {
content:"\f202";
}
.social-logo__twitter:before {
content:"\f610";
}
.social-logo__vimeo:before {
content:"\f212";
}
.social-logo__whatsapp:before {
content:"\f608";
}
2023-04-26 17:39:43 +02:00
.social-logo__woocommerce:before {
content:"\f104";
}
2019-11-15 23:26:29 +01:00
.social-logo__wordpress:before {
content:"\f205";
}
.social-logo__xanga:before {
content:"\f609";
}
.social-logo__youtube:before {
content:"\f213";
}
2023-09-26 10:24:36 +02:00
</style>
</head>
<body>
<h1>social-logos</h1>
<div class="icons" id="icons">
<div class="icons__item" data-name="amazon"><i class="social-logo social-logo__amazon"></i> social-logo__amazon</div>
<div class="icons__item" data-name="behance"><i class="social-logo social-logo__behance"></i> social-logo__behance</div>
<div class="icons__item" data-name="blogger-alt"><i class="social-logo social-logo__blogger-alt"></i> social-logo__blogger-alt</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="blogger"><i class="social-logo social-logo__blogger"></i> social-logo__blogger</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="codepen"><i class="social-logo social-logo__codepen"></i> social-logo__codepen</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="dribbble"><i class="social-logo social-logo__dribbble"></i> social-logo__dribbble</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="dropbox"><i class="social-logo social-logo__dropbox"></i> social-logo__dropbox</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="eventbrite"><i class="social-logo social-logo__eventbrite"></i> social-logo__eventbrite</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="facebook"><i class="social-logo social-logo__facebook"></i> social-logo__facebook</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="fediverse"><i class="social-logo social-logo__fediverse"></i> social-logo__fediverse</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="feed"><i class="social-logo social-logo__feed"></i> social-logo__feed</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="flickr"><i class="social-logo social-logo__flickr"></i> social-logo__flickr</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="foursquare"><i class="social-logo social-logo__foursquare"></i> social-logo__foursquare</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="ghost"><i class="social-logo social-logo__ghost"></i> social-logo__ghost</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="github"><i class="social-logo social-logo__github"></i> social-logo__github</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="google-alt"><i class="social-logo social-logo__google-alt"></i> social-logo__google-alt</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="google-plus-alt"><i class="social-logo social-logo__google-plus-alt"></i> social-logo__google-plus-alt</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="google-plus"><i class="social-logo social-logo__google-plus"></i> social-logo__google-plus</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="google"><i class="social-logo social-logo__google"></i> social-logo__google</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="instagram"><i class="social-logo social-logo__instagram"></i> social-logo__instagram</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="link"><i class="social-logo social-logo__link"></i> social-logo__link</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="linkedin"><i class="social-logo social-logo__linkedin"></i> social-logo__linkedin</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="mail"><i class="social-logo social-logo__mail"></i> social-logo__mail</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="mastodon"><i class="social-logo social-logo__mastodon"></i> social-logo__mastodon</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="medium-alt"><i class="social-logo social-logo__medium-alt"></i> social-logo__medium-alt</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="medium"><i class="social-logo social-logo__medium"></i> social-logo__medium</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="nextdoor"><i class="social-logo social-logo__nextdoor"></i> social-logo__nextdoor</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="patreon"><i class="social-logo social-logo__patreon"></i> social-logo__patreon</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="pinterest-alt"><i class="social-logo social-logo__pinterest-alt"></i> social-logo__pinterest-alt</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="pinterest"><i class="social-logo social-logo__pinterest"></i> social-logo__pinterest</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="pocket"><i class="social-logo social-logo__pocket"></i> social-logo__pocket</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="polldaddy"><i class="social-logo social-logo__polldaddy"></i> social-logo__polldaddy</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="print"><i class="social-logo social-logo__print"></i> social-logo__print</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="reddit"><i class="social-logo social-logo__reddit"></i> social-logo__reddit</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="share"><i class="social-logo social-logo__share"></i> social-logo__share</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="skype"><i class="social-logo social-logo__skype"></i> social-logo__skype</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="spotify"><i class="social-logo social-logo__spotify"></i> social-logo__spotify</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="squarespace"><i class="social-logo social-logo__squarespace"></i> social-logo__squarespace</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="stumbleupon"><i class="social-logo social-logo__stumbleupon"></i> social-logo__stumbleupon</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="telegram"><i class="social-logo social-logo__telegram"></i> social-logo__telegram</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="threads"><i class="social-logo social-logo__threads"></i> social-logo__threads</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="tiktok-alt"><i class="social-logo social-logo__tiktok-alt"></i> social-logo__tiktok-alt</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="tiktok"><i class="social-logo social-logo__tiktok"></i> social-logo__tiktok</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="tumblr-alt"><i class="social-logo social-logo__tumblr-alt"></i> social-logo__tumblr-alt</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="tumblr"><i class="social-logo social-logo__tumblr"></i> social-logo__tumblr</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="twitch"><i class="social-logo social-logo__twitch"></i> social-logo__twitch</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="twitter-alt"><i class="social-logo social-logo__twitter-alt"></i> social-logo__twitter-alt</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="twitter"><i class="social-logo social-logo__twitter"></i> social-logo__twitter</div>
2023-04-26 17:39:43 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="vimeo"><i class="social-logo social-logo__vimeo"></i> social-logo__vimeo</div>
2023-04-26 17:39:43 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="whatsapp"><i class="social-logo social-logo__whatsapp"></i> social-logo__whatsapp</div>
2019-11-15 23:26:29 +01:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="woocommerce"><i class="social-logo social-logo__woocommerce"></i> social-logo__woocommerce</div>
2020-09-15 14:30:05 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="wordpress"><i class="social-logo social-logo__wordpress"></i> social-logo__wordpress</div>
2023-04-26 17:39:43 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="xanga"><i class="social-logo social-logo__xanga"></i> social-logo__xanga</div>
2023-04-26 17:39:43 +02:00
2023-09-26 10:24:36 +02:00
<div class="icons__item" data-name="youtube"><i class="social-logo social-logo__youtube"></i> social-logo__youtube</div>
2023-04-26 17:39:43 +02:00
2023-09-26 10:24:36 +02:00
</div>
2019-11-15 23:26:29 +01:00
<h1>Usage</h1>
<pre><code>&lt;i class=&quot;social-logo social-logo__<span id="name">name</span>&quot;&gt;&lt;/i&gt;</code></pre>
2020-09-15 14:30:05 +02:00
2019-11-15 23:26:29 +01:00
<footer>Generated by <a href="https://github.com/sapegin/grunt-webfont">grunt-webfont</a>.</footer>
<script>
(function() {
document.getElementById('icons').onclick = function(e) {
e = e || window.event;
var name = e.target.getAttribute('data-name') || e.target.parentNode.getAttribute('data-name');
document.getElementById('name').innerHTML = name;
2020-09-15 14:30:05 +02:00
2019-11-15 23:26:29 +01:00
}
})();
</script>
</body>
</html>
2023-04-26 17:39:43 +02:00
</body>
</html>