Permalink
Browse files

social and footer

  • Loading branch information...
unknown unknown
unknown authored and unknown committed Aug 26, 2014
1 parent 68a28a1 commit b29ef1ed4e5398470e0180871a504d8fbca13e75
View
@@ -2,9 +2,22 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<title>GitHut</title>
<!--<link href='http://fonts.googleapis.com/css?family=PT+Sans:400' rel='stylesheet' type='text/css'>-->
<!--<link href="http://fonts.googleapis.com/css?family=Raleway:300,700" rel="stylesheet" type="text/css">-->
<title>GitHut - Programming Languages and GitHub</title>
<meta property="og:title" content="GitHut - Programming Languages and GitHub">
<meta property="og:url" content="http://githut.info/">
<meta property="og:type" content="website">
<meta property="og:description" content="A place to learn about programming languages in GitHub." >
<meta property="og:image" content="http://githut.info/open_graph.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@littleark">
<meta name="twitter:title" content="GitHut - Programming Languages and GitHub">
<meta name="twitter:description" content="A place to learn about programming languages in GitHub.">
<meta name="twitter:creator" content="@littleark">
<meta name="twitter:image:src" content="http://githut.info/open_graph.png">
<meta name="twitter:domain" content="http://githut.info/">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="web/css/pc.css">
<link rel="stylesheet" href="web/css/sm.css">
@@ -38,7 +51,18 @@ <h3>A split by language view of active repositories</h3>
<span class="right" rel="perc">view by percentage on total</span>
</div>
</div>
<div id="footer"></div>
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://githut.info" data-text="GitHut - A Visualization of Github and Programming Languages" data-via="littleark" data-count="none">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<div id="footer">
<a href="http://githut.info">GitHut.info</a><br/>
<a href="http://www.makinguse.com">Carlo Zapponi</a> 2014
<div class="social">
<a class="twitter_link" href="http://twitter.com/intent/tweet?text=GitHut+-+A+visualization+of+Programming+Languages+in+Github&url=http%3A%2F%2Fgithut.info&via=littleark&hashtags=dataviz" target="_blank"><i class="mk-twitter"></i></a>
<a href="https://plus.google.com/share?url=http%3A%2F%2Fgithut.info" target="_blank" title="Share on Google+"><i class="mk-gplus"></i></a>
<a href="http://facebook.com/sharer.php?u=http%3A%2F%2Fgithut.info" target="_blank" title="Share on Facebook"><i class="mk-facebook"></i></a>
</div>
<div id="licence" class="clearfix"><a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/4.0/" class="cc" target="_blank"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a><div>This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank">Creative Commons BY-NC-SA License</a>.</div></div>
</div>
</div>
<script src="web/js/parallelcoordinates.js"></script>
<script src="web/js/smallmultiples.js"></script>
View
Binary file not shown.
View
@@ -20,6 +20,13 @@ html,body {
background: radial-gradient(ellipse at center, #ffffff 0%,#e2f6ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2f6ff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
a {
text-decoration: none;
color:#006AAD;
}
a:hover {
color:#A06535;
}
#header {
width: 600px;
margin:0 auto 10px;
@@ -250,6 +257,7 @@ html,body {
text-transform: uppercase;
font-size: 11px;
font-weight: 400;
cursor: help;
}
#pc svg .column text.title.first {
text-anchor:end;
@@ -272,4 +280,142 @@ html,body {
}
#pc svg #columns g.axis g.tick.end text {
text-anchor:end;
}
}
#footer {
width: 600px;
margin:0 auto 10px;
padding-bottom:5px;
font-size:12px;
text-align: center;
}
#footer #licence {
font-size: 10px;
width:280px;
margin: 0 auto;
text-align: center;
margin-top: 20px;
padding-top: 10px;
clear: both;
}
#footer #licence div{
text-align: left;
}
#footer #licence a {
color:#000;
text-decoration: none;
}
.no-touch #footer #licence a:hover {
color:gold;
}
#footer #licence a.cc {
float:left;
margin-right: 10px;
}
.social {
text-align: center;
font-size: 23px;
width: 90px;
height: 23px;
}
.social.social-top {
position: absolute;
right:20px;
top:20px;
font-size:20px;
}
#footer .social {
position: relative;
margin: 10px auto;
}
#footer .social a,
.social-top a {
text-decoration: none;
font-size: 11px;
color: #666;
background-color: transparent;
-webkit-border-radius: 11px;
border-radius: 11px;
width: 19px;
height: 20px;
line-height: 20px;
display: block;
float: left;
margin: 0 3px;
border:1px solid #999;
}
.social-top a {
background-color: transparent;
border:1px solid #999;
}
#footer .social a:hover,
.social-top a:hover {
background-color:#fff;
color:#000;
border-color:#000;
}
#footer .social a span,
.social-top a span {
display: block;
font-size: 10px;
font-weight: normal;
}
@font-face {
font-family: 'hc_icons';
src: url('../font/hc_icons.eot?42344254');
src: url('../font/hc_icons.eot?42344254#iefix') format('embedded-opentype'),
url('../font/hc_icons.woff?42344254') format('woff'),
url('../font/hc_icons.ttf?42344254') format('truetype'),
url('../font/hc_icons.svg?42344254#hc_icons') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'hc_icons';
src: url('../font/hc_icons.svg?42344254#hc_icons') format('svg');
}
}
*/
[class^="mk-"]:before, [class*=" mk-"]:before {
font-family: "hc_icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.mk-plus-circled:before { content: '\e802'; } /* '' */
.mk-minus-circled:before { content: '\e803'; } /* '' */
.mk-down-open:before { content: '\e804'; } /* '' */
.mk-twitter:before { content: '\e805'; } /* '' */
.mk-facebook:before { content: '\e806'; } /* '' */
.mk-gplus:before { content: '\e807'; } /* '' */
.mk-female:before { content: '\e800'; } /* '' */
.mk-male:before { content: '\e801'; } /* '' */
View
Binary file not shown.
View
@@ -0,0 +1,16 @@
<?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">
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Copyright (C) 2014 by original authors @ fontello.com</metadata>
<defs>
<font id="hc" horiz-adv-x="1000" >
<font-face font-family="hc" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
<missing-glyph horiz-adv-x="1000" />
<glyph glyph-name="plus-circled" unicode="&#xe802;" d="m420 770q174 0 297-123t123-297t-123-297t-297-123t-297 123t-123 297t123 297t297 123z m52-470l200 0l0 102l-200 0l0 202l-102 0l0-202l-202 0l0-102l202 0l0-202l102 0l0 202z" horiz-adv-x="840" />
<glyph glyph-name="minus-circled" unicode="&#xe803;" d="m420 770q174 0 297-123t123-297t-123-297t-297-123t-297 123t-123 297t123 297t297 123z m252-368l-504 0l0-102l504 0l0 102z" horiz-adv-x="840" />
<glyph glyph-name="down-open" unicode="&#xe804;" d="m564 422l-234-224q-18-18-40-18t-40 18l-234 224q-16 16-16 41t16 41q38 38 78 0l196-188l196 188q40 38 78 0q16-16 16-41t-16-41z" horiz-adv-x="580" />
<glyph glyph-name="female" unicode="&#xe800;" d="m0 534q0 58 23 111t60 90t91 61t111 22q76 0 142-38t104-103t38-143q0-99-61-176t-156-99v-79h96q28 0 48-20t19-47t-19-49t-48-20h-96v-95q0-28-20-48t-47-20t-49 20t-20 48v95h-95q-28 0-48 20t-19 49t19 47t48 20h95v79q-94 22-155 99t-61 176z m136 0q0-61 44-105t105-43t104 43t44 105t-44 105t-104 44t-105-44t-44-105z" horiz-adv-x="568.8" />
<glyph glyph-name="male" unicode="&#xe801;" d="m0 265q0 59 23 113t62 92t93 62t112 23q81 0 151-42l103 104h-47q-23 0-39 16t-17 39t17 39t39 16h201q23 0 39-16t17-39v-201q0-23-17-39t-39-17t-39 17t-16 39v48l-104-104q43-69 43-150q0-79-39-146t-106-107t-147-39q-78 0-145 39t-106 107t-39 146z m139 0q0-63 45-108t106-44q63 0 108 44t45 108t-45 107t-108 45q-62 0-106-45t-45-107z" horiz-adv-x="753.9" />
</font>
</defs>
</svg>
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
@@ -0,0 +1,19 @@
<?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">
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Copyright (C) 2014 by original authors @ fontello.com</metadata>
<defs>
<font id="hc_icons" horiz-adv-x="1000" >
<font-face font-family="hc_icons" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
<missing-glyph horiz-adv-x="1000" />
<glyph glyph-name="plus-circled" unicode="&#xe802;" d="m420 770q174 0 297-123t123-297t-123-297t-297-123t-297 123t-123 297t123 297t297 123z m52-470l200 0l0 102l-200 0l0 202l-102 0l0-202l-202 0l0-102l202 0l0-202l102 0l0 202z" horiz-adv-x="840" />
<glyph glyph-name="minus-circled" unicode="&#xe803;" d="m420 770q174 0 297-123t123-297t-123-297t-297-123t-297 123t-123 297t123 297t297 123z m252-368l-504 0l0-102l504 0l0 102z" horiz-adv-x="840" />
<glyph glyph-name="down-open" unicode="&#xe804;" d="m564 422l-234-224q-18-18-40-18t-40 18l-234 224q-16 16-16 41t16 41q38 38 78 0l196-188l196 188q40 38 78 0q16-16 16-41t-16-41z" horiz-adv-x="580" />
<glyph glyph-name="twitter" unicode="&#xe805;" d="m920 636q-36-54-94-98l0-24q0-130-60-250t-186-203t-290-83q-160 0-290 84q14-2 46-2q132 0 234 80q-62 2-110 38t-66 94q10-4 34-4q26 0 50 6q-66 14-108 66t-42 120l0 2q36-20 84-24q-84 58-84 158q0 48 26 94q154-188 390-196q-6 18-6 42q0 78 55 133t135 55q82 0 136-58q60 12 120 44q-20-66-82-104q56 8 108 30z" horiz-adv-x="920" />
<glyph glyph-name="facebook" unicode="&#xe806;" d="m500 644l-142 0q-14 0-25-15t-11-37l0-102l178 0l0-148l-178 0l0-442l-170 0l0 442l-152 0l0 148l152 0l0 86q0 94 59 159t147 65l142 0l0-156z" horiz-adv-x="500" />
<glyph glyph-name="gplus" unicode="&#xe807;" d="m48 572q0 58 25 102t56 65t69 34t56 15t26 2l230 0l0-4q0-22-78-36q-28 0-38-6q40-20 54-56t14-96q0-102-68-158q-38-38-38-54q0-18 50-64q104-90 104-178q0-140-116-194q-68-34-150-34l-4 0l-4 2q-2-2-4-2q-24 0-54 5t-75 21t-74 57t-29 103q0 60 32 101t83 57t88 22t71 6l2 0q-16 22-24 47t-8 39l2 14l-14 0q-64 0-110 30q-74 44-74 160z m370-452q-4 52-43 84t-103 32l-16 0q-64-2-114-46q-46-42-42-94t53-80t119-24q68 4 109 40t37 88z m-60 500q-30 108-122 108q-12 0-20-2q-40-12-58-62q-16-50-2-106q14-52 47-85t71-33q12 0 18 2q42 12 63 65t3 113z m388-174l150 0l0-94l-150 0l0-150l-94 0l0 150l-150 0l0 94l150 0l0 150l94 0l0-150z" horiz-adv-x="896" />
<glyph glyph-name="female" unicode="&#xe800;" d="m0 534q0 58 23 111t60 90t91 61t111 22q76 0 142-38t104-103t38-143q0-99-61-176t-156-99v-79h96q28 0 48-20t19-47t-19-49t-48-20h-96v-95q0-28-20-48t-47-20t-49 20t-20 48v95h-95q-28 0-48 20t-19 49t19 47t48 20h95v79q-94 22-155 99t-61 176z m136 0q0-61 44-105t105-43t104 43t44 105t-44 105t-104 44t-105-44t-44-105z" horiz-adv-x="568.8" />
<glyph glyph-name="male" unicode="&#xe801;" d="m0 265q0 59 23 113t62 92t93 62t112 23q81 0 151-42l103 104h-47q-23 0-39 16t-17 39t17 39t39 16h201q23 0 39-16t17-39v-201q0-23-17-39t-39-17t-39 17t-16 39v48l-104-104q43-69 43-150q0-79-39-146t-106-107t-147-39q-78 0-145 39t-106 107t-39 146z m139 0q0-63 45-108t106-44q63 0 108 44t45 108t-45 107t-108 45q-62 0-106-45t-45-107z" horiz-adv-x="753.9" />
</font>
</defs>
</svg>
View
Binary file not shown.
View
Binary file not shown.

0 comments on commit b29ef1e

Please sign in to comment.