Metro vCard - Responsive Metro Style vCard

Is there a way to replace twitter livestream with facebook livestream ?

Bougth this.

Header and Footer not shown in IE. Is This already fixen?

Thank you

Given OAuth is now required to get the twitter feeds working in this template, here is a simple quick way to get it working – you can find the detail here http://erisds.co.uk/code/twitter-oauth-simple-curl-requests-for-your-own-data, but in summary:

    //twitterScript.src = "https://api.twitter.com/1/statuses/user_timeline.json?screen_name="+twitterUsername+"&count=2&callback=parseTweets";
    twitterScript.src = "http://YOUR-SITE.com/twitproxy.php?url="+encodeURIComponent("statuses/user_timeline.json?screen_name=YOUR-TWITTER-NAME&count=2&callback=parseTweets");

... clearly replacing YOUR-SITE and YOUR-TWITTER-NAME as to whatever you need… (yes you can make it refer to twitterUsername)...

Then install the following as ‘twitproxy.php’ in the top level of your web tree… paying attention to the YOUR-XXX comments in the code…. and remembering you have to authorise your application on twitter for OAuth here https://dev.twitter.com/apps...

Here is twitproxy.php:

<?php

/**
 *  Usage:
 *  Send the url you want to access url encoded in the url paramater, for example (This is with JS): 
 *  /twitproxy.php?url='+encodeURIComponent('statuses/user_timeline.json?screen_name=MikeRogers0&count=2')
*/

// The tokens, keys and secrets from the app you created at https://dev.twitter.com/apps
$config = array(
    'oauth_access_token' => 'YOUR-ACCESS-TOKEN',
    'oauth_access_token_secret' => 'YOUR-ACCESS-TOKEN-SECRET',
    'consumer_key' => 'YOUR-CONSUMER-KEY',
    'consumer_secret' => 'YOUR-CONSUMER-KEY-SECRET',
    'use_whitelist' => true, // If you want to only allow some requests to use this script.
    'base_url' => 'http://api.twitter.com/1.1/'
);

// Only allow certain requests to twitter. Stop randoms using your server as a proxy.
$whitelist = array(
    'statuses/user_timeline.json?screen_name=YOUR-TWITTER-ACCOUNT&count=2&include_rts=false&exclude_replies=true'=>true,
        'statuses/user_timeline.json?screen_name=YOUR-TWITTER-ACCOUNT&count=2&callback=parseTweets'=>true,
        'statuses/user_timeline.json?screen_name=YOUR-TWITTER-ACCOUNT&count=2'=>true,
);

/*
* Ok, no more config should really be needed. Yay!
*/

// We'll get the URL from $_GET[]. Make sure the url is url encoded, for example encodeURIComponent('statuses/user_timeline.json?screen_name=MikeRogers0&count=10&include_rts=false&exclude_replies=true')
if(!isset($_GET['url'])){
    die('No URL set');
}

$url = $_GET['url'];

if($config['use_whitelist'] && !isset($whitelist[$url])){
    die('URL is not locally authorised');
}

// Figure out the URL parmaters
$url_parts = parse_url($url);
parse_str($url_parts['query'], $url_arguments);

$full_url = $config['base_url'].$url; // Url with the query on it.
$base_url = $config['base_url'].$url_parts['path']; // Url without the query.

/**
* Code below from http://stackoverflow.com/questions/12916539/simplest-php-example-retrieving-user-timeline-with-twitter-api-version-1-1 by Rivers 
* with a few modfications by Mike Rogers to support variables in the URL nicely
*/

function buildBaseString($baseURI, $method, $params) {
    $r = array();
    ksort($params);
    foreach($params as $key=>$value){
    $r[] = "$key=" . rawurlencode($value);
    }
    return $method."&" . rawurlencode($baseURI) . '&' . rawurlencode(implode('&', $r));
}

function buildAuthorizationHeader($oauth) {
    $r = 'Authorization: OAuth ';
    $values = array();
    foreach($oauth as $key=>$value)
    $values[] = "$key=\"" . rawurlencode($value) . "\"";
    $r .= implode(', ', $values);
    return $r;
}

// Set up the oauth Authorization array
$oauth = array(
    'oauth_consumer_key' => $config['consumer_key'],
    'oauth_nonce' => time(),
    'oauth_signature_method' => 'HMAC-SHA1',
    'oauth_token' => $config['oauth_access_token'],
    'oauth_timestamp' => time(),
    'oauth_version' => '1.0'
);

$base_info = buildBaseString($base_url, 'GET', array_merge($oauth, $url_arguments));
$composite_key = rawurlencode($config['consumer_secret']) . '&' . rawurlencode($config['oauth_access_token_secret']);
$oauth_signature = base64_encode(hash_hmac('sha1', $base_info, $composite_key, true));
$oauth['oauth_signature'] = $oauth_signature;

// Make Requests
$header = array(
    buildAuthorizationHeader($oauth), 
    'Expect:'
);
$options = array(
    CURLOPT_HTTPHEADER => $header,
    //CURLOPT_POSTFIELDS => $postfields,
    CURLOPT_HEADER => false,
    CURLOPT_URL => $full_url,
    CURLOPT_RETURNTRANSFER => true,
    CURLOPT_SSL_VERIFYPEER => false
);

$feed = curl_init();
curl_setopt_array($feed, $options);
$result = curl_exec($feed);
$info = curl_getinfo($feed);
curl_close($feed);
// Send suitable headers to the end user.
if(isset($info['content_type']) && isset($info['size_download'])){
    header('Content-Type: '.$info['content_type']);
    header('Content-Length: '.$info['size_download']);

}
echo($result);
?>

It’s not elegant but it works…

Hello.
Nice one.
May be this 85 e-Commerce Icons will be interesting for your buyers.
Good luck with sales.

demo?? Not Found The requested URL /envato/metro-demo/ was not found on this server. Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

Live Preview fixed

Hello,

i can’t download Config.json to add extra icons with fontello.

Why?

Ps. Amazing vCard!

Solved, i’ve found the Config.json in the documentation folder.

the click doesn’t work on IE 9, is this fixed?