Permalink
Browse files

social and footer

  • Loading branch information...
1 parent 68a28a1 commit b29ef1ed4e5398470e0180871a504d8fbca13e75 unknown committed Aug 26, 2014
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 @@
<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
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
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.