Created
March 4, 2012 16:05
-
-
Save batuhan/1973670 to your computer and use it in GitHub Desktop.
FBIDFinder.com
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Facebook ID Finder, Batuhan's Social Tools</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta name="description" content="Facebook ID Finder is a very simple open-source tool to easily learn your Facebook ID."> | |
| <meta name="author" content="Batuhan Icoz"> | |
| <style> | |
| .clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";} | |
| .clearfix:after{clear:both;} | |
| article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;} | |
| audio,canvas,video{display:inline-block;*display:inline;*zoom:1;} | |
| audio:not([controls]){display:none;} | |
| html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} | |
| a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} | |
| a:hover,a:active{outline:0;} | |
| sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;} | |
| sup{top:-0.5em;} | |
| sub{bottom:-0.25em;} | |
| img{max-width:100%;height:auto;border:0;-ms-interpolation-mode:bicubic;} | |
| button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;} | |
| button,input{*overflow:visible;line-height:normal;} | |
| button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;} | |
| button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;} | |
| input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} | |
| input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;} | |
| textarea{overflow:auto;vertical-align:top;} | |
| body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:18px;color:#333333;background-color:#ffffff;} | |
| a{color:#0088cc;text-decoration:none;} | |
| a:hover{color:#005580;text-decoration:underline;} | |
| .row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";} | |
| .row:after{clear:both;} | |
| [class*="span"]{float:left;margin-left:20px;} | |
| .span1{width:60px;} | |
| .span2{width:140px;} | |
| .span3{width:220px;} | |
| .span4{width:300px;} | |
| .span5{width:380px;} | |
| .span6{width:460px;} | |
| .span7{width:540px;} | |
| .span8{width:620px;} | |
| .span9{width:700px;} | |
| .span10{width:780px;} | |
| .span11{width:860px;} | |
| .span12,.container{width:940px;} | |
| .offset1{margin-left:100px;} | |
| .offset2{margin-left:180px;} | |
| .offset3{margin-left:260px;} | |
| .offset4{margin-left:340px;} | |
| .offset5{margin-left:420px;} | |
| .offset6{margin-left:500px;} | |
| .offset7{margin-left:580px;} | |
| .offset8{margin-left:660px;} | |
| .offset9{margin-left:740px;} | |
| .offset10{margin-left:820px;} | |
| .offset11{margin-left:900px;} | |
| .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";} | |
| .row-fluid:after{clear:both;} | |
| .row-fluid>[class*="span"]{float:left;margin-left:2.127659574%;} | |
| .row-fluid>[class*="span"]:first-child{margin-left:0;} | |
| .row-fluid>.span1{width:6.382978723%;} | |
| .row-fluid>.span2{width:14.89361702%;} | |
| .row-fluid>.span3{width:23.404255317%;} | |
| .row-fluid>.span4{width:31.914893614%;} | |
| .row-fluid>.span5{width:40.425531911%;} | |
| .row-fluid>.span6{width:48.93617020799999%;} | |
| .row-fluid>.span7{width:57.446808505%;} | |
| .row-fluid>.span8{width:65.95744680199999%;} | |
| .row-fluid>.span9{width:74.468085099%;} | |
| .row-fluid>.span10{width:82.97872339599999%;} | |
| .row-fluid>.span11{width:91.489361693%;} | |
| .row-fluid>.span12{width:99.99999998999999%;} | |
| .container{width:940px;margin-left:auto;margin-right:auto;*zoom:1;}.container:before,.container:after{display:table;content:"";} | |
| .container:after{clear:both;} | |
| .container-fluid{padding-left:20px;padding-right:20px;*zoom:1;}.container-fluid:before,.container-fluid:after{display:table;content:"";} | |
| .container-fluid:after{clear:both;} | |
| p{margin:0 0 9px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:18px;}p small{font-size:11px;color:#999999;} | |
| .lead{margin-bottom:18px;font-size:20px;font-weight:200;line-height:27px;} | |
| h1,h2,h3,h4,h5,h6{margin:0;font-weight:bold;color:#333333;text-rendering:optimizelegibility;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#999999;} | |
| h1{font-size:30px;line-height:36px;}h1 small{font-size:18px;} | |
| h2{font-size:24px;line-height:36px;}h2 small{font-size:18px;} | |
| h3{line-height:27px;font-size:18px;}h3 small{font-size:14px;} | |
| h4,h5,h6{line-height:18px;} | |
| h4{font-size:14px;}h4 small{font-size:12px;} | |
| h5{font-size:12px;} | |
| h6{font-size:11px;color:#999999;text-transform:uppercase;} | |
| .page-header{padding-bottom:17px;margin:18px 0;border-bottom:1px solid #eeeeee;} | |
| .page-header h1{line-height:1;} | |
| ul,ol{padding:0;margin:0 0 9px 25px;} | |
| ul ul,ul ol,ol ol,ol ul{margin-bottom:0;} | |
| ul{list-style:disc;} | |
| ol{list-style:decimal;} | |
| li{line-height:18px;} | |
| ul.unstyled,ol.unstyled{margin-left:0;list-style:none;} | |
| dl{margin-bottom:18px;} | |
| dt,dd{line-height:18px;} | |
| dt{font-weight:bold;} | |
| dd{margin-left:9px;} | |
| hr{margin:18px 0;border:0;border-top:1px solid #eeeeee;border-bottom:1px solid #ffffff;} | |
| strong{font-weight:bold;} | |
| em{font-style:italic;} | |
| .muted{color:#999999;} | |
| abbr{font-size:90%;text-transform:uppercase;border-bottom:1px dotted #ddd;cursor:help;} | |
| blockquote{padding:0 0 0 15px;margin:0 0 18px;border-left:5px solid #eeeeee;}blockquote p{margin-bottom:0;font-size:16px;font-weight:300;line-height:22.5px;} | |
| blockquote small{display:block;line-height:18px;color:#999999;}blockquote small:before{content:'\2014 \00A0';} | |
| blockquote.pull-right{float:right;padding-left:0;padding-right:15px;border-left:0;border-right:5px solid #eeeeee;}blockquote.pull-right p,blockquote.pull-right small{text-align:right;} | |
| q:before,q:after,blockquote:before,blockquote:after{content:"";} | |
| address{display:block;margin-bottom:18px;line-height:18px;font-style:normal;} | |
| small{font-size:100%;} | |
| cite{font-style:normal;} | |
| form{margin:0 0 18px;} | |
| fieldset{padding:0;margin:0;border:0;} | |
| legend{display:block;width:100%;padding:0;margin-bottom:27px;font-size:19.5px;line-height:36px;color:#333333;border:0;border-bottom:1px solid #eee;}legend small{font-size:13.5px;color:#999999;} | |
| label,input,button,select,textarea{font-size:13px;font-weight:normal;line-height:18px;} | |
| input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;} | |
| label{display:block;margin-bottom:5px;color:#333333;} | |
| input,textarea,select,.uneditable-input{display:inline-block;width:210px;height:18px;padding:4px;margin-bottom:9px;font-size:13px;line-height:18px;color:#555555;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} | |
| .uneditable-textarea{width:auto;height:auto;} | |
| label input,label textarea,label select{display:block;} | |
| input[type="image"],input[type="checkbox"],input[type="radio"]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;cursor:pointer;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:0 \9;} | |
| input[type="image"]{border:0;} | |
| input[type="file"]{width:auto;padding:initial;line-height:initial;border:initial;background-color:#ffffff;background-color:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} | |
| input[type="button"],input[type="reset"],input[type="submit"]{width:auto;height:auto;} | |
| select,input[type="file"]{height:28px;*margin-top:4px;line-height:28px;} | |
| input[type="file"]{line-height:18px \9;} | |
| select{width:220px;background-color:#ffffff;} | |
| select[multiple],select[size]{height:auto;} | |
| input[type="image"]{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} | |
| textarea{height:auto;} | |
| input[type="hidden"]{display:none;} | |
| input,textarea{-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;} | |
| input:focus,textarea:focus{border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);outline:0;outline:thin dotted \9;} | |
| input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} | |
| .input-mini{width:60px;} | |
| .input-small{width:90px;} | |
| .input-medium{width:150px;} | |
| .input-large{width:210px;} | |
| .input-xlarge{width:270px;} | |
| .input-xxlarge{width:530px;} | |
| input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{float:none;margin-left:0;} | |
| input.span1,textarea.span1,.uneditable-input.span1{width:50px;} | |
| input.span2,textarea.span2,.uneditable-input.span2{width:130px;} | |
| input.span3,textarea.span3,.uneditable-input.span3{width:210px;} | |
| input.span4,textarea.span4,.uneditable-input.span4{width:290px;} | |
| input.span5,textarea.span5,.uneditable-input.span5{width:370px;} | |
| input.span6,textarea.span6,.uneditable-input.span6{width:450px;} | |
| input.span7,textarea.span7,.uneditable-input.span7{width:530px;} | |
| input.span8,textarea.span8,.uneditable-input.span8{width:610px;} | |
| input.span9,textarea.span9,.uneditable-input.span9{width:690px;} | |
| input.span10,textarea.span10,.uneditable-input.span10{width:770px;} | |
| input.span11,textarea.span11,.uneditable-input.span11{width:850px;} | |
| input.span12,textarea.span12,.uneditable-input.span12{width:930px;} | |
| input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{background-color:#f5f5f5;border-color:#ddd;cursor:not-allowed;} | |
| .control-group.warning>label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#c09853;} | |
| .control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#c09853;border-color:#c09853;}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#a47e3c;-webkit-box-shadow:0 0 6px #dbc59e;-moz-box-shadow:0 0 6px #dbc59e;box-shadow:0 0 6px #dbc59e;} | |
| .control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853;} | |
| .control-group.error>label,.control-group.error .help-block,.control-group.error .help-inline{color:#b94a48;} | |
| .control-group.error input,.control-group.error select,.control-group.error textarea{color:#b94a48;border-color:#b94a48;}.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#953b39;-webkit-box-shadow:0 0 6px #d59392;-moz-box-shadow:0 0 6px #d59392;box-shadow:0 0 6px #d59392;} | |
| .control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#b94a48;background-color:#f2dede;border-color:#b94a48;} | |
| .control-group.success>label,.control-group.success .help-block,.control-group.success .help-inline{color:#468847;} | |
| .control-group.success input,.control-group.success select,.control-group.success textarea{color:#468847;border-color:#468847;}.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#356635;-webkit-box-shadow:0 0 6px #7aba7b;-moz-box-shadow:0 0 6px #7aba7b;box-shadow:0 0 6px #7aba7b;} | |
| .control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#468847;background-color:#dff0d8;border-color:#468847;} | |
| input:focus:required:invalid,textarea:focus:required:invalid,select:focus:required:invalid{color:#b94a48;border-color:#ee5f5b;}input:focus:required:invalid:focus,textarea:focus:required:invalid:focus,select:focus:required:invalid:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7;} | |
| .form-actions{padding:17px 20px 18px;margin-top:18px;margin-bottom:18px;background-color:#f5f5f5;border-top:1px solid #ddd;} | |
| .uneditable-input{display:block;background-color:#ffffff;border-color:#eee;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed;} | |
| :-moz-placeholder{color:#999999;} | |
| ::-webkit-input-placeholder{color:#999999;} | |
| .help-block{display:block;margin-top:5px;margin-bottom:0;color:#999999;} | |
| .help-inline{display:inline-block;*display:inline;*zoom:1;margin-bottom:9px;vertical-align:middle;padding-left:5px;} | |
| .input-prepend,.input-append{margin-bottom:5px;*zoom:1;}.input-prepend:before,.input-append:before,.input-prepend:after,.input-append:after{display:table;content:"";} | |
| .input-prepend:after,.input-append:after{clear:both;} | |
| .input-prepend input,.input-append input,.input-prepend .uneditable-input,.input-append .uneditable-input{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}.input-prepend input:focus,.input-append input:focus,.input-prepend .uneditable-input:focus,.input-append .uneditable-input:focus{position:relative;z-index:2;} | |
| .input-prepend .uneditable-input,.input-append .uneditable-input{border-left-color:#ccc;} | |
| .input-prepend .add-on,.input-append .add-on{float:left;display:block;width:auto;min-width:16px;height:18px;margin-right:-1px;padding:4px 5px;font-weight:normal;line-height:18px;color:#999999;text-align:center;text-shadow:0 1px 0 #ffffff;background-color:#f5f5f5;border:1px solid #ccc;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;} | |
| .input-prepend .active,.input-append .active{background-color:#a9dba9;border-color:#46a546;} | |
| .input-prepend .add-on{*margin-top:1px;} | |
| .input-append input,.input-append .uneditable-input{float:left;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;} | |
| .input-append .uneditable-input{border-left-color:#eee;border-right-color:#ccc;} | |
| .input-append .add-on{margin-right:0;margin-left:-1px;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;} | |
| .input-append input:first-child{*margin-left:-160px;}.input-append input:first-child+.add-on{*margin-left:-21px;} | |
| .search-query{padding-left:14px;padding-right:14px;margin-bottom:0;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;} | |
| .form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input{display:inline-block;margin-bottom:0;} | |
| .form-search .hide,.form-inline .hide,.form-horizontal .hide{display:none;} | |
| .form-search label,.form-inline label,.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend{display:inline-block;} | |
| .form-search .input-append .add-on,.form-inline .input-prepend .add-on,.form-search .input-append .add-on,.form-inline .input-prepend .add-on{vertical-align:middle;} | |
| .form-search .radio,.form-inline .radio,.form-search .checkbox,.form-inline .checkbox{margin-bottom:0;vertical-align:middle;} | |
| .control-group{margin-bottom:9px;} | |
| legend+.control-group{margin-top:18px;-webkit-margin-top-collapse:separate;} | |
| .form-horizontal .control-group{margin-bottom:18px;*zoom:1;}.form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;content:"";} | |
| .form-horizontal .control-group:after{clear:both;} | |
| .form-horizontal .control-label{float:left;width:140px;padding-top:5px;text-align:right;} | |
| .form-horizontal .controls{margin-left:160px;} | |
| .form-horizontal .form-actions{padding-left:160px;} | |
| body { | |
| padding-top: 60px; | |
| } | |
| </style> | |
| <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements --> | |
| <!--[if lt IE 9]> | |
| <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script> | |
| <![endif]--> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1>Facebook ID Finder</h1> | |
| <p>A <strong>very</strong> simple tool to easily learn your Facebook ID.</p> | |
| <div class="clearfix"> | |
| <label for="">Just enter the username and nothing else, please.</label> | |
| <div class="input"> | |
| https://www.facebook.com/ <input class="xlarge" id="username" name="username" size="30" type="text" /> | |
| </div> | |
| </div> <!-- /clearfix --> | |
| <div id="results" style="display:none;"> | |
| <h3><span id="name"></span>'s Facebook ID is #<a href="" id="link"><span id="fbid"></span></a></h3> | |
| </div> | |
| <hr /> | |
| <footer class="footer"> | |
| <p>Built by <a href="http://batu.me/1">Batuhan Icoz</a> (<a href="http://batu.me/about/me">about, <a href="http://batu.me/projects">other projects</a>, <a href="http://batu.me/contact">contact</a>) with the support of <a href="https://plus.google.com/u/0/107623790744375289729/posts">Şirzat Aytaç</a> and <a href="http://rss-ems.com/">Rıza Selçuk Saydam</a>. | |
| <br /> | |
| You can view source code as a GitHub Gist <a href="http://go.batu.me/fbidfinder_gist">here</a>. | |
| </p> | |
| <p> | |
| <div class="addthis_toolbox addthis_default_style" | |
| addthis:url="http://fbidfinder.com" | |
| addthis:title="Facebook ID Finder" | |
| addthis:description="A very simple tool to easily learn your Facebook ID."> | |
| <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a> | |
| <a class="addthis_button_tweet"></a> | |
| <a class="addthis_button_google_plusone" g:plusone:size="medium"></a> | |
| <a class="addthis_counter addthis_pill_style"></a> | |
| </div> | |
| </p> | |
| </footer> | |
| </div> <!-- /container --> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> | |
| <script> | |
| function findID(username){ | |
| $.getJSON('https://graph.facebook.com/' + username, function(data) { | |
| window.history.pushState(data, data.name + "'s ID", data.username); | |
| $("#results").show(); | |
| $("#fbid").html(data.id); | |
| $("#name").html(data.name); | |
| $("#link").attr("href", data.link); | |
| }) | |
| } | |
| $(function(){ | |
| if(!(window.location.pathname=="/")){ | |
| findID(window.location.pathname); | |
| } | |
| $("#username").focus(); | |
| $('#username').keyup(function(){ | |
| findID($('#username').val(), 'keyup'); | |
| }); | |
| }); | |
| </script> | |
| <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=batuhanicoz"></script> | |
| <script type="text/javascript"> | |
| var _gaq = _gaq || []; | |
| _gaq.push(['_setAccount', 'UA-11142497-14']); | |
| _gaq.push(['_setDomainName', 'fbidfinder.com']); | |
| _gaq.push(['_trackPageview']); | |
| (function() { | |
| var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; | |
| ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; | |
| var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); | |
| })(); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment