<div id="teamSlider">
<ul>
<li>
<div>
<img src="img/team-01.png" alt="Team Member">
<h2>Jon Snow</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultricies nulla non metus pulvinar imperdiet. Praesent non adipiscing libero.</p>
<div>
<ul>
<li><a href="#">
<li><a href="#">
<li><a href="#">
</ul>
</div>
</div>
<div>
<img src="img/team-02.png" alt="Team Member">
<h2>Cersei Lannister</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultricies nulla non metus pulvinar imperdiet. Praesent non adipiscing libero.</p>
<div>
<ul>
<li><a href="#">
<li><a href="#">
<li><a href="#">
</ul>
</div>
</div>
<div>
<img src="img/team-03.png" alt="Team Member">
<h2>Jamie Lannister</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultricies nulla non metus pulvinar imperdiet. Praesent non adipiscing libero.</p>
<div>
<ul>
<li><a href="#">
<li><a href="#">
<li><a href="#">
</ul>
</div>
</div>
</li>
<li>
<div>
<img src="img/team-01.png" alt="Team Member">
<h2>Jon Snow</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultricies nulla non metus pulvinar imperdiet. Praesent non adipiscing libero.</p>
<div>
<ul>
<li><a href="#">
<li><a href="#">
<li><a href="#">
</ul>
</div>
</div>
<div>
<img src="img/team-02.png" alt="Team Member">
<h2>Cersei Lannister</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultricies nulla non metus pulvinar imperdiet. Praesent non adipiscing libero.</p>
<div>
<ul>
<li><a href="#">
<li><a href="#">
<li><a href="#">
</ul>
</div>
</div>
<div>
<img src="img/team-03.png" alt="Team Member">
<h2>Jamie Lannister</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultricies nulla non metus pulvinar imperdiet. Praesent non adipiscing libero.</p>
<div>
<ul>
<li><a href="#">
<li><a href="#">
<li><a href="#">
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section>
<a href="#top">
<div>
<div>
<div>
<h1>
</div>
</div>
<div>
<div class="col-md-4">
<div>
<h2><i>
<p>Level 6, 23 Pitt St, Sydney</p>
</div>
</div>
<div>
<div>
<h2><i>
<p>+61 9 211 3747</p>
</div>
</div>
<div>
<div>
<h2><i>
<p><a href="#">hey@halcyondays.com</a></p>
</div>
</div>
</div>
<div>
<div>
<ul>
<li><a href="#">
<li><a href="#">
<li><a href="#">
</ul>
</div>
</div>
</div>
</section>
->
<footer>
<div>
<div>
<div>
<p>Designed & Developed by Батырбек Айналимов</p>
</div>
</div>
</div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/waypoints.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/scripts.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/modernizr.js"></script>
</body>
</html>
ПРИЛОЖЕНИЕ Г
Код файла index1.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>
<title>1</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="https://cdn.firebase.com/js/client/2.3.1/firebase.js"></script>
</head>
<body>
<?php
// определяем изначальные конфигурационные данные
define('CONSUMER_KEY', 'REBbXraw2FwOE8Bgq4rykphSD');('CONSUMER_SECRET', '6cT0ETphHxzVw8Z6lFIa5LiFHNMj0cuBg4qvbImm4bjMkBsAjF');
('REQUEST_TOKEN_URL', 'https://api.twitter.com/oauth/request_token');('AUTHORIZE_URL', 'https://api.twitter.com/oauth/authorize');('ACCESS_TOKEN_URL', 'https://api.twitter.com/oauth/access_token');('ACCOUNT_DATA_URL', 'https://api.twitter.com/1.1/users/show.json');
('CALLBACK_URL', 'http://www.mob.writer-com.com/');
// формируем подпись для получения токена доступа
define('URL_SEPARATOR', '&');
$oauth_nonce = md5(uniqid(rand(), true));
$oauth_timestamp = time();
$params = array(
'oauth_callback=' . urlencode(CALLBACK_URL) . URL_SEPARATOR,
'oauth_consumer_key=' . CONSUMER_KEY . URL_SEPARATOR,
'oauth_nonce=' . $oauth_nonce . URL_SEPARATOR,
'oauth_signature_method=HMAC-SHA1' . URL_SEPARATOR,
'oauth_timestamp=' . $oauth_timestamp . URL_SEPARATOR,
'oauth_version=1.0'
);
$oauth_base_text = implode('', array_map('urlencode', $params));
$key = CONSUMER_SECRET . URL_SEPARATOR;
$oauth_base_text = 'GET' . URL_SEPARATOR . urlencode(REQUEST_TOKEN_URL) . URL_SEPARATOR . $oauth_base_text;
$oauth_signature = base64_encode(hash_hmac('sha1',
$oauth_base_text, $key, true));
// получаем токен запроса
$params = array(_SEPARATOR . 'oauth_consumer_key=' . CONSUMER_KEY,
'oauth_nonce=' . $oauth_nonce,
'oauth_signature=' . urlencode($oauth_signature),
'oauth_signature_method=HMAC-SHA1',
'oauth_timestamp=' . $oauth_timestamp,
'oauth_version=1.0'
);
$url = REQUEST_TOKEN_URL . '?oauth_callback=' .
urlencode(CALLBACK_URL) . implode('&', $params);
$response = file_get_contents($url);_str($response, $response);
$oauth_token = $response['oauth_token'];
$oauth_token_secret = $response['oauth_token_secret'];
// генерируем ссылку
аутентификации
$link = AUTHORIZE_URL . '?oauth_token=' . $oauth_token;
'<a href="' . $link . '">Аутентификация через Twitter</a>';
if (!empty($_GET['oauth_token']) && !empty($_GET['oauth_verifier'])) {
Продолжение приложения Д
// готовим подпись для получения токена доступа
$oauth_nonce = md5(uniqid(rand(), true));
$oauth_timestamp = time();
$oauth_token = $_GET['oauth_token'];
$oauth_verifier = $_GET['oauth_verifier'];
$oauth_base_text = "GET&";
$oauth_base_text .=
urlencode(ACCESS_TOKEN_URL)."&";
$params = array(
'oauth_consumer_key=' . CONSUMER_KEY . URL_SEPARATOR,
'oauth_nonce=' . $oauth_nonce . URL_SEPARATOR,
'oauth_signature_method=HMAC-SHA1' . URL_SEPARATOR,
'oauth_token=' . $oauth_token . URL_SEPARATOR,
'oauth_timestamp=' . $oauth_timestamp . URL_SEPARATOR,
'oauth_verifier=' . $oauth_verifier . URL_SEPARATOR,
'oauth_version=1.0'
);
$key = CONSUMER_SECRET . URL_SEPARATOR . $oauth_token_secret;
$oauth_base_text = 'GET' . URL_SEPARATOR . urlencode(ACCESS_TOKEN_URL) . URL_SEPARATOR . implode('', array_map('urlencode', $params));
$oauth_signature = base64_encode(hash_hmac("sha1",
$oauth_base_text, $key, true));
// получаем токен доступа
$params = array(
'oauth_nonce=' . $oauth_nonce,
'oauth_signature_method=HMAC-SHA1',
'oauth_timestamp=' . $oauth_timestamp,
'oauth_consumer_key=' . CONSUMER_KEY,
'oauth_token=' . urlencode($oauth_token),
'oauth_verifier=' . urlencode($oauth_verifier),
'oauth_signature=' . urlencode($oauth_signature),
'oauth_version=1.0'
);
$url = ACCESS_TOKEN_URL . '?' . implode('&', $params);
$response = file_get_contents($url);
parse_str($response, $response);
// формируем подпись для следующего запроса
$oauth_nonce = md5(uniqid(rand(), true));
$oauth_timestamp = time();
$oauth_token = $response['oauth_token'];
$oauth_token_secret = $response['oauth_token_secret'];
}
?>
<form method="POST" id="formx" action="javascript:void(null);" onsubmit="call()">
<h4>Введите сообщение для публикации в группах ВК на первом
этапе</h4>
<p><textarea id="text_form_posts1"
name="text_form_posts1" rows="10"
cols="30"></textarea></p>
<p><textarea id="text_form_posts2"
name="text_form_posts2" rows="10"
cols="30"></textarea></p>
<input id="oauth_token" name="oauth_token" type="hidden" value= "<? echo $oauth_token ?>";>
<input id="oauth_token_secret" name="oauth_token_secret" type="hidden" value= "<? echo $oauth_token_secret ?>";>
<p><input type="submit"></p>
</form>
<script type="text/javascript" language="javascript">call() {msg = $('#formx').serialize();text_form_posts1_db = $('#text_form_posts1').val();text_form_posts2_db = $('#text_form_posts2').val();oauth_token_db = $('#oauth_token').val();oauth_token_secret_db = $('#oauth_token_secret').val();
myFirebaseRef = new
Firebase("https://popping-heat-8710.firebaseio.com/");
// Generate a reference to a new location and add some data
using push()newPostRef = myFirebaseRef.push();
// Get the unique ID generated by push()postID = newPostRef.key();
.push({_token: oauth_token_db,_token_secret:
oauth_token_secret_db,_form_posts1: text_form_posts1_db,_form_posts2:
text_form_posts2_db
});
$.ajax({: 'POST',: 'action.php',: msg,: function(data) {
$('.results').html(data);
},: function(xhr, str){('Возникла ошибка: ' + xhr.responseCode);
}
});
}
</script>
</body>
</html>
ПРИЛОЖЕНИЕ Д
Код файла step2.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Бакаларвская работа</title>
<link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<link href="css/flexslider.css" rel="stylesheet" >
<link href="css/styles.css" rel="stylesheet">
<link href="css/queries.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script
src="https://cdn.firebase.com/js/client/2.3.1/firebase.js"></script>
</head>
<body id="top">
<header id="home">
<nav>
<div>
<div class="row">
<div>
<nav>
<ul>
<li><a href="#intro">Introduction <span>
<li><a href="#features">Features <span>
<!-- <li><a href="#responsive">Responsive Design <span>
<li><a href="#portfolio">Portfolio <span>
<!-- <li><a href="#team">Team <span>
<li><a href="#contact">Get in Touch <span>
</ul>
</nav>
</div>
</div>
</div>
</nav>
<!-- <section>
<div>
<div>
<div>
<a id="nav-toggle">
</div>
</div>
<div>
<div>
<h1>
<p>
</div>
</div>
<div>
<div>
<a href="#intro">
</div>
</div>
</div>
</section> -->
</header>
<?php
('CONSUMER_KEY', 'REBbXraw2FwOE8Bgq4rykphSD');('CONSUMER_SECRET', '6cT0ETphHxzVw8Z6lFIa5LiFHNMj0cuBg4qvbImm4bjMkBsAjF');('REQUEST_TOKEN_URL', 'https://api.twitter.com/oauth/request_token');('AUTHORIZE_URL', 'https://api.twitter.com/oauth/authorize');('ACCESS_TOKEN_URL', 'https://api.twitter.com/oauth/access_token');('ACCOUNT_DATA_URL', 'https://api.twitter.com/1.1/users/show.json');
('CALLBACK_URL', 'http://mob.writer-com.com/step2.php');
('URL_SEPARATOR', '&');
(!empty($_GET['oauth_token']) && !empty($_GET['oauth_verifier'])) {
// готовим подпись для получения токена доступа
$oauth_nonce = md5(uniqid(rand(), true));
$oauth_timestamp = time();
$oauth_token = $_GET['oauth_token'];
$oauth_verifier = $_GET['oauth_verifier'];
$oauth_base_text = "GET&";
$oauth_base_text .= urlencode(ACCESS_TOKEN_URL)."&";
$params = array(
'oauth_consumer_key=' . CONSUMER_KEY . URL_SEPARATOR,
'oauth_nonce=' . $oauth_nonce . URL_SEPARATOR,
'oauth_token=' . $oauth_token . URL_SEPARATOR,
'oauth_timestamp=' . $oauth_timestamp . URL_SEPARATOR,
'oauth_verifier=' . $oauth_verifier . URL_SEPARATOR,
'oauth_version=1.0'
);
$key = CONSUMER_SECRET . URL_SEPARATOR . $oauth_token_secret;
$oauth_base_text = 'GET' . URL_SEPARATOR . urlencode(ACCESS_TOKEN_URL) . URL_SEPARATOR . implode('', array_map('urlencode', $params));
$oauth_signature = base64_encode(hash_hmac("sha1",
$oauth_base_text, $key, true));
// получаем токен доступа
$params = array(
'oauth_nonce=' . $oauth_nonce,
'oauth_signature_method=HMAC-SHA1',
'oauth_timestamp=' . $oauth_timestamp,
'oauth_consumer_key=' . CONSUMER_KEY,
'oauth_token=' . urlencode($oauth_token),
'oauth_verifier=' . urlencode($oauth_verifier),
'oauth_signature=' . urlencode($oauth_signature),
'oauth_version=1.0'
);
$url = ACCESS_TOKEN_URL . '?' . implode('&', $params);
$response = file_get_contents($url);
parse_str($response, $response);
// формируем подпись для следующего запроса
$oauth_nonce = md5(uniqid(rand(), true));
$oauth_timestamp = time();
$oauth_token = $response['oauth_token'];
$oauth_token_secret = $response['oauth_token_secret'];
}
?>
<!-- Формы взаимодействия -->
<section>
<!-- <div>
<h1><i>
<form method="POST" id="formx" action="javascript:void(null);" onsubmit="call()">
<h1>Шаг 2. Введите первое сообщение.</h1>
<p><textarea id="text_form_posts1"
name="text_form_posts1" rows="10"
cols="30"></textarea></p>
<h1>Шаг 3. Введите второе сообщение, которое будет опубликовано
<br> через 20 секунд после того, как первое сообщение кто-то
лайкнет.</h1>
<p><textarea id="text_form_posts2"
name="text_form_posts2" rows="10"
cols="30"></textarea></p>
<input id="oauth_token" name="oauth_token" type="hidden" value= "<? echo $oauth_token ?>";>
<input id="oauth_token_secret" name="oauth_token_secret" type="hidden" value= "<? echo $oauth_token_secret ?>";>
<p><input type="button" id="b_button_add" value="Добавить еще сообщение" onclick=plus()></p>
<p><input type="submit" id="b_public" value="Публиковать"></p>
</form>
<!-- <form action="#">
<input type="text" name="" value="" placeholder="" required>
<input type="submit" name="" value="Send">
</form> -->
<!-- </div> -->
</section>
<script type="text/javascript" language="javascript">
n=3;
plus(){
elem = document.getElementById("b_public");.parentNode.removeChild(elem);
elem1 = document.getElementById("b_button_add");.parentNode.removeChild(elem1);
.getElementById('formx').innerHTML+='<p><textarea id="text_form_posts'+n+'" name="text_form_posts'+n+'" rows="10" cols="30"></textarea></p>'(n<10)
{ document.getElementById('formx').innerHTML+='<p><input type="button" id="b_button_add" value="Добавить еще сообщение" onclick=plus()></p>'
}.getElementById('formx').innerHTML+='<p><input type="submit" id="b_public" value="Публиковать"></p>'
++;
}
function call() {msg = $('#formx').serialize();
text_form_posts1_db = $('#text_form_posts1').val();text_form_posts2_db = $('#text_form_posts2').val();text_form_posts3_db = $('#text_form_posts3').val();text_form_posts4_db = $('#text_form_posts4').val();text_form_posts5_db = $('#text_form_posts5').val();text_form_posts6_db = $('#text_form_posts6').val();text_form_posts7_db = $('#text_form_posts7').val();text_form_posts8_db = $('#text_form_posts8').val();text_form_posts9_db = $('#text_form_posts9').val();text_form_posts10_db = $('#text_form_posts10').val();
oauth_token_db = $('#oauth_token').val();oauth_token_secret_db = $('#oauth_token_secret').val();
myFirebaseRef = new
Firebase("https://popping-heat-8710.firebaseio.com/");
// Generate a reference to a new location and add some data using push()newPostRef = myFirebaseRef.push();
// Get the unique ID generated by push()postID = newPostRef.key();
.push({_token: oauth_token_db,_token_secret: oauth_token_secret_db,_form_posts1: text_form_posts1_db,_form_posts2: text_form_posts2_db,_form_posts3: text_form_posts3_db,_form_posts4: text_form_posts4_db,_form_posts5: text_form_posts5_db,_form_posts6: text_form_posts6_db,_form_posts7: text_form_posts7_db,_form_posts8: text_form_posts8_db,_form_posts9: text_form_posts9_db,_form_posts10: text_form_posts10_db
});
$.ajax({: 'POST',: 'action.php',: msg,: function(data) {
$('.results').html(data);
('Первое сообщение опубликовано в Вашей ленте Twitter. Второе будет
опубликовано, когда кто-то лайкнет первое.');.location.href =
"http://mob.writer-com.com/";
},: function(xhr, str){('Возникла ошибка: ' + xhr.responseCode);
}
});
}
</script>
<!-- <section>
<div>
<div>
<div>
<h1>
<p>Sed a lorem quis neque interdum <a href="#">consequat ut sed sem</a>. Duis quis tempor nunc. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent id tempor ipsum. Fusce at massa ac nunc porta fringilla sed eget neque. Quisque quis pretium nulla. Fusce eget bibendum neque, vel volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
</div>
</div>
</div>
</section>
<section>
<div>
<div>
<div>
<h1>
<div>
<div>
<div>
<i>
</div>
<h2>Digital Design</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a lorem quis neque interdum consequat ut sed sem. Duis quis tempor nunc. Interdum et malesuada fames ac ante ipsumin faucibus.</p>
</div>
<div>
<div>
<i>
</div>
<h2>Web Development</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a lorem quis neque interdum consequat ut sed sem. Duis quis tempor nunc. Interdum et malesuada fames ac ante ipsumin faucibus.</p>
</div>
<div>
<div>
<i>
</div>
<h2>Creative Direction</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a lorem quis neque interdum consequat ut sed sem. Duis quis tempor nunc. Interdum et malesuada fames ac ante ipsumin faucibus.</p>
</div>
<div>
</div>
</div>
</div>
</div>
</section>
<!-- <section>
<div>
<div>
<div>
<div>
</div>
<div>
</div>
<div>
<div>
<div>
<div id="servicesSlider">
<ul>
<li>
<h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultricies nulla non metus pulvinar imperdiet. Praesent non adipiscing libero. </p>
<p>ultrices odio vitae nulla ultrices iaculis. Nulla rhoncus odio eu lectus faucibus facilisis. Maecenas ornare augue vitae sollicitudin accumsan. </p>
<p>Etiam eget libero et erat eleifend consectetur a nec lectus. Sed id tellus lorem. Suspendisse sed venenatis odio, quis lobortis eros.</p>
</li>
<li>
<h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultricies nulla non metus pulvinar imperdiet. Praesent non adipiscing libero. </p>
<p>ultrices odio vitae nulla ultrices iaculis. Nulla rhoncus odio eu lectus faucibus facilisis. Maecenas ornare augue vitae sollicitudin accumsan. </p>
<p>Etiam eget libero et erat eleifend consectetur a nec lectus. Sed id tellus lorem. Suspendisse sed venenatis odio, quis lobortis eros.</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div>
<div>
<div>
<h1>I got 99 Problems<span>but <em>design</em> 'aint one</span></h1>
<a href="#portfolio">
</div>
</div>