Skip to content
200

https://instapages.stream/story.php?title=the-need-for-communication-in-friendships

26.7 KB· 332 ms· text/html· jQuery, Bootstrap, Font Awesome
Fetched just now. Pages with a query string or a login look are never saved.
More ▾

Compare, Screenshot and Explain work on saved pages only.

Screenshot

https://instapages.stream/story.php?title=the-need-for-communication-in-friendships · desktop 1280 × 800Download
Screenshot of https://instapages.stream/story.php?title=the-need-for-communication-in-friendships

Esc or a click outside closes this. The picture is taken by our server, so the site never sees your visit.


<!DOCTYPE html>
<html class="no-js" dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
		
	<!-- START META -->
		

<!-- meta.tpl -->
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />	
	<meta name="description" content="A friendly relationship looks easy from the outside: you like each other, you hang out, a person laugh, and you show up any time life gets weird. Nevertheless healthy friendships do not carry good vibes alone. Many people run on communication: the small check-ins, honest explanations, respectful..." />
	<meta name="keywords" content="karşıyaka escort,izmir bayan escort,izmi" />
<meta name="Language" content="en-us" />
<meta name="Robots" content="All" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="generator" content="Plikli" />

<!-- Open Graph Protocol  & Twitter Cards -->
<meta property="og:title" content="The need for Communication in Friendships" />
	
<meta property="og:description" content="A friendly relationship looks easy from the outside: you like each other, you hang out, a person laugh, and you show up any time life gets weird. Nevertheless healthy friendships do not carry good vibes alone. Many people run on communication: the small check-ins, honest explanations, respectful..." />
	<meta property="og:url" content="https://instapages.stream/story.php?title=the-need-for-communication-in-friendships" />
	<meta name="twitter:url" content="https://instapages.stream/story.php?title=the-need-for-communication-in-friendships" />
	
<meta property="og:image" content="https://instapages.stream/-og.jpg" />	
	
	
<!--<meta property="og:image" content="https://instapages.stream/avatars/Avatar_100.png" /> -->
	
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:image" content="https://instapages.stream/-og.jpg" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="The need for Communication in Friendships" />
<meta name="twitter:description" content="A friendly relationship looks easy from the outside: you like each other, you hang out, a person laugh, and you show up any time life gets weird. Nevertheless healthy friendships do not carry good vibes alone. Many people run on communication: the small check-ins, honest explanations, respectful..." />
<!--/meta.tpl -->	<!-- END META -->
	
	<link rel="stylesheet" type="text/css" href="/templates/bootstrap/css/bootstrap.no-icons.min.css">
	<link rel="stylesheet" type="text/css" href="/templates/bootstrap/css/bootstrap-theme.min.css">
	<link rel="stylesheet" type="text/css" href="/templates/bootstrap/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="/templates/bootstrap/css/jquery.pnotify.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="/templates/bootstrap/css/style.css" media="screen" />
		
	<script type="text/javascript" src="/templates/bootstrap/js/modernizr.js"></script>	
	<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
				
	<!-- START TITLE -->
		
<!-- title.tpl -->
	
	<title>The need for Communication in Friendships  Instapages Stream</title>
<!-- /title.tpl -->	<!-- END TITLE -->
	
	<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="https://instapages.stream/rss.php"/>
	<link rel="icon" href="/favicon.ico" type="image/x-icon"/>
	</head>
<body dir="ltr"  >
		
		
	<!-- START HEADER -->
		

<!-- header.tpl -->
<header role="banner" class="navbar navbar-inverse navbar-fixed-top custom_header">
	<div class="container">
		<div class="navbar-header">
			<button data-target=".bs-navbar-collapse" data-toggle="collapse" type="button" class="navbar-toggle">
				<span class="sr-only">Toggle navigation</span>
				<span class="fa fa-ellipsis-v" style="color:white"></span>
			</button>
			<a class="navbar-brand" href="https://instapages.stream">Instapages Stream</a>			
		</div>
		<nav role="navigation" class="collapse navbar-collapse bs-navbar-collapse">
			<ul class="nav navbar-nav">
				<li ><a href="https://instapages.stream">Home</a></li>
								<li ><a href="/new.php">New</a></li>
								<li ><a href="/submit.php">Submit</a></li>
									
					<li ><a href="/groups.php"><span>Groups</span></a></li>
																					<li ><a href="/register.php"><span>Register</span></a></li>
					<li ><a data-toggle="modal" href="#loginModal">Login</a>
											</ul>
			
						
		</nav>
	</div>
</header>
<!--/header.tpl -->	<!-- END HEADER -->
	
	<!-- START CATEGORIES -->
		

<!-- categories.tpl -->
<div class="subnav" id="categories">
	<div class="container">
		<ul class="nav nav-pills">
																															<li class="category_item active">
						<a  href="/index.php?category=News">News </a>
											</li>
																														</ul>
	</div>
</div>
<!--/categories.tpl -->	<!-- END CATEGORIES -->
	
	<div class="container">
		<section id="maincontent">
			<div class="row">
											<div class="col-md-9">
											<!-- START BREADCRUMB -->
						

<!-- breadcrumb.tpl -->
<ul class="breadcrumb">
	<li><a href="https://instapages.stream">Home</a></li>
																													 
				</ul>
<!--/breadcrumb.tpl -->					<!-- END BREADCRUMB -->
					
					
						<script type="text/javascript" language="JavaScript">
						function checkForm() {
							answer = true;
							if (siw && siw.selectingSomething)
								answer = false;
							return answer;
						}//
						</script>
					
					
															
					<!-- START CENTER CONTENT -->
						

<!-- story_center.tpl -->



<!-- link_summary.tpl -->
<!-- Microdata markup added by ChuckRoast -->
<div itemscope itemtype="http://schema.org/Article" class="stories" id="xnews-5504298" >

			<div class="story_data">
				  			<div class="votebox votebox-new">
		  			
				<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating" class="vote">
										<div itemprop="ratingCount" class="votenumber">
						1
					</div>
					<div id="xvote-5504298" class="votebutton">
													<a data-toggle="modal" href="#loginModal" class="btn btn-default"><i class="fa fa-thumbs-up"></i></a>
							<a data-toggle="modal" href="#loginModal" class="btn btn-default"><i class="fa fa-thumbs-down"></i></a>
                        
                        						<!-- Votes: 0 Buries: 0 -->
					</div><!-- /.votebutton -->
								</div><!-- /.vote -->
			</div><!-- /.votebox -->
				<div class="title" id="title-5504298">
		<span itemprop="name">
		
			<h2 dir="ltr">
																			<a href="https://www.mimimika.com/dating-near-me-the-ultimate-guide-to-finding-local-singles-building-genuine-connections-and-discovering-meaningful-relationships/"  >The need for Communication in Friendships</a>

																</h2>
		</span>	
			<span class="subtext">
				<span id="ls_avatar-5504298"><img itemprop="image" src="https://instapages.stream/avatars/Avatar_32.png" width="32px" height="32px" alt="thestrup78callesen" title="thestrup78callesen" /></span>				<span itemprop="author" itemscope itemtype="http://schema.org/Person">
				<span itemprop="name">
				<a href="/user.php?login=thestrup78callesen">thestrup78callesen</a> 
				</span></span>
				<i class="fa fa-clock-o"></i>
				<span itemprop="datePublished"> 13 days ago</span>
				
				<i class="fa fa-folder"></i> 
				<a href="/new.php?category=News">News</a>
								
															<i class="fa fa-tag"></i>
																					<a href="/search.php?search=kar%C5%9F%C4%B1yaka+escort&amp;tag=true">karşıyaka escort</a>
																												<a href="/search.php?search=izmir+bayan+escort&amp;tag=true">izmir bayan escort</a>
																												<a href="/search.php?search=izmi&amp;tag=true">izmi</a>
																												<a href="/search.php?search=kar%C5%9F%C4%B1yaka+escort%2Cizmir+bayan+escort%2Cizmi&amp;tag=true">All</a>
																										
									<i class="fa fa-globe"></i>
					<a href="https://www.mimimika.com/dating-near-me-the-ultimate-guide-to-finding-local-singles-building-genuine-connections-and-discovering-meaningful-relationships/"   >https://www.mimimika.com</a>

												&nbsp;
				<span id="ls_comments_url-5504298">
											<i class="fa fa-comment"></i> <span id="linksummaryDiscuss"><a href="/story.php?title=the-need-for-communication-in-friendships#discuss" class="comments">Discuss</a>&nbsp;</span>
																			</span> 
																				<iframe height="0" width="0" frameborder="0" name="story_status" class="invisible"></iframe>
				<span id="stories_status-5504298" style="display:none;">

					<a target="story_status" href="/join_group.php?action=published&amp;link=5504298" onclick="switch_group_links_tabs('published')">Published</a>
					<a target="story_status" href="/join_group.php?action=new&amp;link=5504298" onclick="switch_group_links_tabs('new')">New</a>
					<a target="story_status" href="/join_group.php?action=discard&amp;link=5504298" onclick="switch_group_links_tabs('discard')">Discard</a> 
				</span>
				<span id="story_status_success-5504298" class="label label-success" style="display:none;">
					Success!
				</span>
			</span>
		</div><!-- /.title -->
	</div> <!-- /.story_data -->
	<span itemprop="articleBody">
	<div class="storycontent">
									
			<div class="news-body-text" id="ls_contents-5504298" dir="ltr">
															
						A friendly relationship looks easy from the outside: you like each other, you hang out, a person laugh, and you show up any time life gets weird. Nevertheless healthy friendships do not carry good vibes alone. Many people run on communication: the small check-ins, honest explanations, respectful boundaries, and brave conversations that keep people from questioning, assuming, or quietly constructin
													 
																																																																
				
				<div class="clearboth"></div> 
			</div>
						</div><!-- /.storycontent -->
	</span>
	</div><!-- /.stories -->
<!--/link_summary.tpl -->
<ul class="nav nav-tabs" id="storytabs">
	<li class="active"><a data-toggle="tab" href="#comments"><i class="fa fa-comments"></i> Comments</a></li>
	<li><a data-toggle="tab" href="#who_voted"><i class="fa fa-thumbs-up"></i> Who Upvoted</a></li>		<li><a data-toggle="tab" href="#related"><i class="fa fa-tag"></i> Related Links</a></li>	</ul>
<script language="javascript">
var story_link="/story.php?title=the-need-for-communication-in-friendships";


	$(function () {
		$('#storytabs a[href="#who_voted"]').tab('show');
		$('#storytabs a[href="#who_downvoted"]').tab('show');
		$('#storytabs a[href="#related"]').tab('show');
		$('#storytabs a[href="#comments"]').tab('show');
	});



    
        function show_comments(id){
			document.location.href=story_link+'&comment_id='+id+'#comment-'+id;
        }
        function show_replay_comment_form(id){
           document.location.href=story_link+'&comment_id='+id+'&reply=1#comment-reply-'+id;
        }
    
</script>

<div id="tabbed" class="tab-content">

	<div class="tab-pane fade active in" id="comments" >
				<h3>Comments</h3>
		<a name="comments" href="#comments"></a>
		<ol class="media-list comment-list">
							
														<div align="center" class="login_to_comment">
					<br />
					<h3><a href="/login.php?return=/story.php?title=the-need-for-communication-in-friendships">Log in to comment</a> or register <a href="/register.php">here</a>.</h3>
				</div>
									</ol>
			</div>
	
			<div class="tab-pane fade" id="who_voted">
			<h3>Who Upvoted this Story</h3>
						<div class="whovotedwrapper whoupvoted">
				<ul>			
											<li>
															<a href="/user.php?login=thestrup78callesen" rel="tooltip" title="thestrup78callesen" class="avatar-tooltip"><img class="img-thumbnail" src="https://instapages.stream/avatars/Avatar_100.png" alt="" align="top" title="" /></a>
													</li>
									</ul>
			</div>
					</div>
					<div class="tab-pane fade" id="related">
			<h3>Related Links</h3>
						<ol>
				
													<li><a href = "/story.php?title=izmir-escort-kizlar">İzmir Escort Kızlar</a></li> 
									<li><a href = "/story.php?title=izmir-escort-kizlar-3">İzmir Escort Kızlar</a></li> 
							</ol>
					</div>
		</div>
<!--/story_center.tpl -->

					<!-- END CENTER CONTENT -->
					
														</div><!--/span-->
	  
					
				
									<!-- START RIGHT COLUMN -->
					<div class="col-md-3">
						<div class="panel panel-default">
							<div id="rightcol" class="panel-body">
								<!-- START FIRST SIDEBAR -->
									

<!-- sidebar.tpl -->
		<!-- START SEARCH BOX -->
		

<!-- search_box.tpl -->
<script type="text/javascript">
						
		var some_search='Search..';
</script>
<div class="search">
	<div class="headline">
		<div class="sectiontitle">Search</div>
	</div>

	<form action="/search.php" method="get" name="thisform-search" class="form-inline search-form" role="form" id="thisform-search" >
		
			<div class="input-group">
		
		<input type="text" class="form-control" tabindex="20" name="search" id="searchsite" value="Search.." onfocus="if(this.value == some_search) {this.value = '';}" onblur="if (this.value == '') {this.value = some_search;}"/>
			
			<span class="input-group-btn">
				<button type="submit" tabindex="21" class="btn btn-primary custom_nav_search_button" />Go</button>
			</span>
		 </div>
	</form>
	<div class="advanced-search">
	<a href="/advancedsearch.php">Advanced Search</a> 
	</div>
	<div style="clear:both;"></div>
	<br />
</div>


<script type="text/javascript">
$( document ).ready(function() {
	/*
	I used [`~!@#$%^&*()|+=?;:'",.<>\{\}\[\]\\\/] versus [^\w\s-_] because JavaScript does not work well with UTF-8
	and does not recognize the word boundaries in utf8. 
	*/
	$(function(){
		$('#searchsite').keyup(function() {
			var yourInput = $(this).val();
			re = /[`~!@#$%^&*()|+=?;:'",.<>\{\}\[\]\\\/]/gi;
			var isSplChar = re.test(yourInput);
			if(isSplChar)
			{
				var no_spl_char = yourInput.replace(re, '');
				$(this).val(no_spl_char);
			}
		});
		$('#searchsite').bind("paste", function() {
			setTimeout(function() { 
			  //get the value of the input text
			  var data= $( '#searchsite' ).val() ;
			  //replace the special characters to '' 
			  var dataFull = data.replace(/[`~!@#$%^&*()|+=?;:'",.<>\{\}\[\]\\\/]/gi, '');
			  //set the new value of the input text without special characters
			  $( '#searchsite' ).val(dataFull);
			});
		});
	});
});
</script>

<!--/search_box.tpl -->	<!-- END SEARCH BOX -->
		<!-- START ABOUT BOX -->
		

<!-- about_box.tpl -->
<div class="headline">
	<div class="sectiontitle">What is Plikli?</div>
</div>
<div id="aboutcontent">
	<p>Plikli is an open source content management system that lets you easily <a href='https://www.plikli.com' target='_blank'>create your own user-powered website</a>.</p>
</div>
<!--/about_box.tpl -->	<!-- END ABOUT BOX -->
	<!--/sidebar.tpl -->								<!-- END FIRST SIDEBAR -->
								<!-- START SECOND SIDEBAR -->
									

<!-- sidebar2.tpl -->
		


<div class="headline">
	<div class="sectiontitle">Latest Comments</div>
</div>
<div class="boxcontent" id="sidebar-comments">
	
</div>


	<!--/sidebar2.tpl -->								<!-- END SECOND SIDEBAR -->
							</div>
						</div><!--/.panel -->
					</div><!--/span-->
					<!-- END RIGHT COLUMN -->
										</div><!--/.row-->
		</section><!--/#maincontent-->
					<hr>
			<footer class="footer">
				<!-- START FOOTER -->
					

<!-- footer.tpl -->
<div id="footer">
		<span class="subtext"> 
		Copyright &copy; 2026 Instapages Stream
		| <a href="/advancedsearch.php">Advanced Search</a> 
					| <a href="/live.php">Live</a>
							| <a href="/cloud.php">Tag Cloud</a>
				| <a href="/topusers.php">Top Users</a>
		| Made with <a href="https://www.plikli.com/" target="_blank" rel="noopener noreferrer">Plikli CMS</a> 
					| <a href="/storyrss.php?title=the-need-for-communication-in-friendships" target="_blank" rel="noopener noreferrer">Story RSS Feed</a>
				| <a href="https://instapages.stream/rssfeeds.php">All RSS Feeds</a> 
	</span>
	</div>
<!--/footer.tpl -->				<!-- END FOOTER -->
			</footer>
				
	</div><!--/.container-->
	
	<!-- START COMMON JAVASCRIPT FUNCTIONS -->
	

<script>
function show_hide_user_links(thediv)
{
	if(window.Effect){
		if(thediv.style.display == 'none')
		{Effect.Appear(thediv); return false;}
		else
		{Effect.Fade(thediv); return false;}
	}else{
		var replydisplay=thediv.style.display ? '' : 'none';
		thediv.style.display = replydisplay;					
	}
}

</script>

<script>
// Redwine: Roles and permissions and Groups fixes. This script is needed to change the display to the corresponding status whe a group story status is changed. It works well, however, the page is cached and needs refreshing to load the new version. window.location.reload(true) is not working in Firefox.
function switch_group_links_tabs(status)
{
	var address = window.location.href;
	if (status != 'discard') {
		if (address.indexOf("published") != -1){
			var redirect = address.replace('published', 'new');
		}else if (address.indexOf("new") != -1) {
			var redirect = address.replace('new', 'published');
		}
		window.location.assign(redirect);
	}else{
		window.location.href = address;
	}	
}
</script>	<!-- END COMMON JAVASCRIPT FUNCTIONS -->
	
			<!-- START UP/DOWN VOTING JAVASCRIPT -->
			
<script>
var my_base_url='https://instapages.stream';
var my_plikli_base='';
var anonymous_vote = false;
var Voting_Method = '1';
var PLIKLI_Visual_Vote_Cast = "Voted";
var PLIKLI_Visual_Vote_Report = "Buried";
var PLIKLI_Visual_Vote_For_It = "Vote";
var PLIKLI_Visual_Comment_ThankYou_Rating = "Thank you for rating this comment.";


function vote (user, id, htmlid, md5, value)
{
    var anchor = $('#xvote-'+htmlid+' > a:'+(value>0 ? 'first' : 'last'));
    anchor.attr('disabled','disabled');

    var url = my_plikli_base + "/vote_total.php";
    var mycontent = "id=" + id + "&user=" + user + "&md5=" + md5 + "&value=" + value;
	dynamic_class=".linkVote_"+id;
    var link_title=$(dynamic_class).attr("title");
	
	
    if (!anonymous_vote && user=="") {
        window.location= my_base_url + my_plikli_base + "/login.php?return="+location.href;
    } else {
		
    	$.post(url, mycontent, function (data) {
		if (data.match (new RegExp ("^ERROR:"))) {
			var tag = $("<div></div>");
			tag.html(data).dialog({modal: true}).dialog('open');
   		} else {
			var anchor = $('#xvote-'+htmlid+' > .'+(value>0 ? 'btn-danger' : 'btn-success'));
			if (anchor.length)
				anchor.removeClass(value>0 ? 'btn-danger' : 'btn-success')
					.attr('href', anchor.attr('href').replace(/unvote/,'vote'))
					.removeAttr('disabled')
					.children('i').removeClass('fa-white');

			var anchor = $('#xvote-'+htmlid+' > a:'+(value>0 ? 'first' : 'last'));
			anchor.addClass(value>0 ? 'btn-success' : 'btn-danger')
				.attr('href', anchor.attr('href').replace(/vote/,'unvote'))
				.removeAttr('disabled')
				.children('i').addClass('fa-white');
				
		     if(value==10){
			  
			  like_dislike_text='You like';
			  notify_icon = 'fa fa-thumbs-up'
			 }
			 else if(value==-10){
			 	
			  	like_dislike_text='You dislike';
				notify_icon = 'fa fa-thumbs-down';
			  }
			    
			 $.pnotify({
							pnotify_text: like_dislike_text+' &quot;'+link_title+'&quot;',
							pnotify_sticker: false,
							pnotify_history: false,
							pnotify_notice_icon: notify_icon
						});	
			

			if (Voting_Method == 2){
			} else {
				$('#xnews-'+htmlid+' .votenumber').html(data.split('~')[0]);
			}
		}
	}, "text");
    }
}

function unvote (user, id, htmlid, md5, value)
{
    var anchor = $('#xvote-'+htmlid+' > a:'+(value>0 ? 'first' : 'last'));
    anchor.attr('disabled','disabled');

    var url = my_plikli_base + "/vote_total.php";
    var mycontent = "unvote=true&id=" + id + "&user=" + user + "&md5=" + md5 + "&value=" + value;
	dynamic_class = ".linkVote_"+id;
    var link_title = $(dynamic_class).attr("title");
	
	
	//user = 2;
	//alert("from unvote"+user);
	//alert(anonymous_vote);
	
    if (!anonymous_vote && user== "") {
        window.location= my_base_url + my_plikli_base + "/login.php?return="+location.href;
    } else {
    	$.post(url, mycontent, function (data) {
		if (data.match (new RegExp ("^ERROR:"))) {
			alert(data.substring (6, data.length));
   		} else {
			var anchor = $('#xvote-'+htmlid+' > a:'+(value>0 ? 'first' : 'last'));
			anchor.removeClass(value>0 ? 'btn-success' : 'btn-danger')
				.attr('href', anchor.attr('href').replace(/unvote/,'vote'))
				.removeAttr('disabled')
				.children('i').removeClass('fa-white');
				
			if(value==10)
			  like_dislike_text='You removed like';
			 else if(value==-10)
			  like_dislike_text='You removed dislike';
				
			$.pnotify({
								pnotify_text: like_dislike_text+' &quot;'+link_title+'&quot;',
								pnotify_sticker: false,
								pnotify_history: false,
								pnotify_notice_icon: 'fa fa-thumbs-down'
							});	
						

			if (Voting_Method == 2){
			} else {
				$('#xnews-'+htmlid+' .votenumber').html(data.split('~')[0]);
			}
		}
	}, "text");
    }
}

</script>		<!-- END UP/DOWN VOTING JAVASCRIPT -->
				<!-- START COMMENT VOTING JAVASCRIPT -->
			
<script>
var my_base_url='https://instapages.stream';
var my_plikli_base='';
var anonymous_vote = false;
var Voting_Method = '1';
var PLIKLI_Visual_Vote_Cast = "Voted";
var PLIKLI_Visual_Vote_Report = "Buried";
var PLIKLI_Visual_Vote_For_It = "Vote";
var PLIKLI_Visual_Comment_ThankYou_Rating = "Thank you for rating this comment.";


function cvote (user, id, htmlid, md5, value)
{
    var anchor = $('#cxvote-'+htmlid+' > .btn.btn-default:'+(value>0 ? 'first' : 'last'));
    anchor.attr('disabled','disabled');

    var url = my_plikli_base + "/cvote.php";
    var mycontent = "id=" + id + "&user=" + user + "&md5=" + md5 + "&value=" + value;

    if (!anonymous_vote && user==0) {
        window.location= my_base_url + my_plikli_base + "/login.php?return="+location.href;
    } else {
    	$.post(url, mycontent, function (data) {
		if (data.match (new RegExp ("^ERROR:"))) {
			var tag = $("<div></div>");
			tag.html(data).dialog({modal: true}).dialog('open');
		} else {
			var anchor = $('#cxvote-'+htmlid+' > .'+(value>0 ? 'btn-danger' : 'btn-success'));
			if (anchor.length)
				anchor.removeClass(value>0 ? 'btn-danger' : 'btn-success')
					.attr('href', anchor.attr('href').replace(/cunvote/,'cvote'))
					.children('i').removeClass('fa-white');

			var anchor = $('#cxvote-'+htmlid+' > .btn.btn-default:'+(value>0 ? 'first' : 'last'));
			anchor.addClass(value>0 ? 'btn-success' : 'btn-danger')
				.attr('href', anchor.attr('href').replace(/cvote/,'cunvote'))
				.removeAttr('disabled')
				.children('i').addClass('fa-white');
				
			$('#cvote-'+htmlid).html(data.split('~')[0]);
		}
	}, "text");
    }
}

function cunvote (user, id, htmlid, md5, value)
{
    var anchor = $('#cxvote-'+htmlid+' > .'+(value<0 ? 'btn-danger' : 'btn-success'));
    anchor.attr('disabled','disabled');

    var url = my_plikli_base + "/cvote.php";
    var mycontent = "unvote=true&id=" + id + "&user=" + user + "&md5=" + md5 + "&value=" + value;
    if (!anonymous_vote && user==0) {
        window.location= my_base_url + my_plikli_base + "/login.php?return="+location.href;
    } else {
    	$.post(url, mycontent, function (data) {
		if (data.match (new RegExp ("^ERROR:"))) {
			var tag = $("<div></div>");
			tag.html(data).dialog({modal: true}).dialog('open');
		} else {
			var anchor = $('#cxvote-'+htmlid+' > .'+(value<0 ? 'btn-danger' : 'btn-success'));
			anchor.removeClass(value>0 ? 'btn-success' : 'btn-danger')
				.attr('href', anchor.attr('href').replace(/cunvote/,'cvote'))
				.removeAttr('disabled')
				.children('i').removeClass('fa-white');

			$('#cvote-'+htmlid).html(data.split('~')[0]);
		}
	}, "text");
    }
}

</script>

		<!-- START COMMENT VOTING JAVASCRIPT -->
	
	
		
	<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
	<link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/smoothness/jquery-ui.css" media="all" rel="stylesheet" type="text/css" />
	
	<!--[if lt IE 7]>
	<script type="text/javascript" src="/templates/bootstrap/js/jquery/jquery.dropdown.js"></script>
	<![endif]-->
	
	<script type="text/javascript" src="/templates/bootstrap/js/registration_verify.js"></script>
	<script type="text/javascript" src="/templates/bootstrap/js/hashes.min.js"></script>
	<script type="text/javascript" src="/templates/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="/templates/bootstrap/js/bootstrap-fileupload.js"></script>
	<script type="text/javascript" src="/templates/bootstrap/js/jquery/jquery.pnotify.min.js"></script>
	
		
    	
			<!-- Login Modal -->
		<div class="modal fade" id="loginModal" tabindex="-1" role="dialog">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title">Login</h4>
					</div>
					<div class="modal-body">
						<div class="control-group">
							<form id="signin" action="/login.php?return=/story.php?title=the-need-for-communication-in-friendships" method="post">
								
								<div style="login_modal_username">
									<label for="username">Username/Email</label>
									<input id="username" name="username" class="form-control" value="" title="username" tabindex="1" type="text">
								</div>
								<div class="login_modal_password">
									<label for="password">Password</label>
									<input id="password" name="password" class="form-control" value="" title="password" tabindex="2" type="password">
								</div>
								<div class="login_modal_remember">
									<div class="login_modal_remember_checkbox">
										<input id="remember" style="float:left;margin-right:5px;" name="persistent" value="1" tabindex="3" type="checkbox">
									</div>
									<div class="login_modal_remember_label">
										<label for="remember" style="">Remember</label>
									</div>
									<div style="clear:both;"></div>
								</div>
								<div class="login_modal_login">
									<input type="hidden" name="processlogin" value="1"/>
									<input type="hidden" name="return" value=""/>
									<input class="btn btn-primary col-md-12" id="signin_submit" value="Sign In" tabindex="4" type="submit">
								</div>
																<hr class="soften" id="login_modal_spacer" />
								<div class="login_modal_forgot">
									<a class="btn btn-default col-md-12" id="forgot_password_link" href="/login.php?return=/story.php?title=the-need-for-communication-in-friendships">Forgotten Password?</a>
								</div>
								<div class="clearboth"></div>
							</form>
						</div>
					</div>
				</div><!-- /.modal-content -->
			</div><!-- /.modal-dialog -->
		</div><!-- /.modal -->
	
		
	<!--  -->
	
		
		
	
		<script> 
		$('.avatar-tooltip').tooltip()
		</script>
	

	
		
		<!--<script type="text/javascript" src="/templates/bootstrap/js/masonry.min.js"></script> -->	
	
</body>
</html>

Shown as plain text. Nothing from instapages.stream runs in your browser. Underlined links open their own code view, and line numbers give you a link to share.