http://www.nikkionline.ca/

1<!doctype html>
2<!--[if lt IE 7]><html lang="en-US" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
3<!--[if (IE 7)&!(IEMobile)]><html lang="en-US" class="no-js lt-ie9 lt-ie8"><![endif]-->
4<!--[if (IE 8)&!(IEMobile)]><html lang="en-US" class="no-js lt-ie9"><![endif]-->
5<!--[if gt IE 8]><!--> <html lang="en-US" class="no-js"><!--<![endif]-->
6	<head>
7	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
8		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9		<title>Nikki Yanofsky </title>
10	<link rel="canonical" href="http://nikkionline.ca" />
11		<meta name="description" content="The official website of Nikki Yanofsky">
12		<meta name="HandheldFriendly" content="True">
13		<meta name="MobileOptimized" content="320">
14		<meta name="viewport" content="width=device-width, initial-scale=0.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
15		<meta property="twitter:card" content="summary">
16		<meta property="twitter:url" content="http://www.nikkiyanofsky.com/">
17		<meta property="twitter:domain" content="http://www.nikkiyanofsky.com">
18		<meta property="twitter:title" content="People Are Strange">
19		<meta property="twitter:description" content="">
20		<meta property="twitter:image" content="http://www.nikkiyanofsky.com/wp-content/themes/nikkiyanofsky/library/images/fb-nikki.jpg">
21		<meta property="twitter:site" content="@NikkiYanofsky">
22		<meta property="og:title" content="People Are Strange"/>
23		<meta property="og:description" content=""/>
24		<meta property="og:url" content="http://www.nikkiyanofsky.com/"/>
25		<meta property="og:type" content="article"/>
26		<meta property="og:site_name" content="Nikki Yanofsky"/>
27		<meta property="og:image" />
28		<meta property="og:image" />
29		<meta property="og:image" />
30		<!-- icons & favicons (for more: http://www.jonathantneal.com/blog/understand-the-favicon/) -->
31		<link rel="apple-touch-icon" href="wp-content/themes/nikkiyanofsky/library/images/apple-icon-touch.png">
32		<link rel="icon" href="wp-content/themes/nikkiyanofsky/favicon.png">
33		<!--[if IE]>
34			<link rel="shortcut icon" href="http://www.nikkiyanofsky.com/wp-content/themes/nikkiyanofsky/favicon.ico">
35		<![endif]-->
36		<!-- or, set /favicon.ico for IE10 win -->
37		<meta name="msapplication-TileColor" content="#f01d4f">
38		<meta name="msapplication-TileImage" content="http://www.nikkiyanofsky.com/wp-content/themes/nikkiyanofsky/library/images/win8-tile-icon.png">
39		<link rel="stylesheet" href="wp-content/themes/nikkiyanofsky/library/css/sc-player-minimal.css" type="text/css">
40		<link href="//fonts.googleapis.com/css?family=Droid+Serif:400,400italic" rel="stylesheet" type="text/css">
41		<link rel="pingback" href="http://www.nikkiyanofsky.com/xmlrpc.php">
42		<!-- wordpress head functions -->
43		<meta name="robots" content="noindex,nofollow"/>
44<link rel="alternate" type="application/rss+xml" title="Nikki Yanofsky » Feed" href="http://www.nikkiyanofsky.com/feed/"/>
45<link rel="alternate" type="application/rss+xml" title="Nikki Yanofsky » Comments Feed" href="http://www.nikkiyanofsky.com/comments/feed/"/>
46<link rel="alternate" type="application/rss+xml" title="Nikki Yanofsky » People Are Strange Comments Feed" href="http://www.nikkiyanofsky.com/people-are-strange/feed/"/>
47<link rel="stylesheet" id="tubepress-css" href="wp-content/plugins/tubepress_pro_3_0_1/src/main/web/css/tubepress.css" type="text/css" media="all"/>
48<link rel="stylesheet" id="contact-form-7-css" href="wp-content/plugins/contact-form-7/includes/css/styles.css" type="text/css" media="all"/>
49<link rel="stylesheet" id="NextGEN-css" href="wp-content/plugins/nextgen-gallery/css/nggallery.css" type="text/css" media="screen"/>
50<link rel="stylesheet" id="modal-stylesheet-css" href="wp-content/themes/nikkiyanofsky/library/css/modal.css" type="text/css" media="all"/>
51<link rel="stylesheet" id="fresco-stylesheet-css" href="wp-content/themes/nikkiyanofsky/library/css/fresco/fresco.css" type="text/css" media="all"/>
52<link rel="stylesheet" id="bones-stylesheet-css" href="wp-content/themes/nikkiyanofsky/library/css/style.css" type="text/css" media="all"/>
53<link rel="stylesheet" id="socialcount-css" href="wp-content/themes/nikkiyanofsky/library/css/socialcount-with-icons.css" type="text/css" media="all"/>
54<!--[if lt IE 9]>
55<link rel='stylesheet' id='bones-ie-only-css'  href='http://www.nikkiyanofsky.com/wp-content/themes/nikkiyanofsky/library/css/ie.css' type='text/css' media='all' />
56<![endif]-->

57<script type="text/javascript" src="wp-includes/js/jquery/jquery.js"></script>

57

58<script type="text/javascript" src="wp-includes/js/jquery/jquery-migrate.min.js"></script>

58

59<script type="text/javascript" src="wp-content/plugins/tubepress_pro_3_0_1/src/main/web/js/tubepress.js"></script>

59

60<script type="text/javascript" src="wp-content/plugins/nextgen-gallery/js/jquery.cycle.all.min.js"></script>

60

61<script type="text/javascript" src="wp-content/plugins/nextgen-gallery/js/ngg.slideshow.min.js"></script>

61

62<script type="text/javascript" src="wp-includes/js/comment-reply.min.js"></script>

62

63<script type="text/javascript" src="wp-content/themes/nikkiyanofsky/library/js/libs/modernizr.custom.min.js"></script>

63

64<script type="text/javascript" src="wp-content/themes/nikkiyanofsky/library/js/responsive-nav.min.js"></script>

64
65<link rel="shortlink" href="http://www.nikkiyanofsky.com/?p=232"/>

66<script type="text/javascript" src="javascripts/bit_widget.js"></script>

66
67<!-- <meta name="NextGEN" version="1.9.13" /> -->

68<script type="text/javascript">TubePressGlobalJsConfig = { baseUrl : "http://www.nikkiyanofsky.com/wp-content/plugins/tubepress_pro_3_0_1", https : false };</script>

68
69		<!-- end of wordpress head -->
70		<!-- drop Google Analytics Here -->
71		<!-- end analytics -->
72	</head>
73	<body class="home page page-id-232 page-template page-template-page-strange-php">
74	<div id="fb-root"></div>
75	

75<script>(function(d, s, id) {
76	  var js, fjs = d.getElementsByTagName(s)[0];
77	  if (d.getElementById(id)) return;
78	  js = d.createElement(s); js.id = id;
79	  js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1&appId=514813221899194";
80	  fjs.parentNode.insertBefore(js, fjs);
81	}(document, 'script', 'facebook-jssdk'));</script>

81
82		<div id="container">
83			<header class="header" role="banner">
84				<div id="social-wrapper" class="wrap clearfix">
85					<ul id="menu-social-menu" class="nav top-nav clearfix"><li id="menu-item-95" class="social menu-item menu-item-type-custom menu-item-object-custom menu-item-95"><a target="_blank" href="https://www.twitter.com/nikkiyanofsky"><div class="icon-twitter"></div></a></li>
86<li id="menu-item-96" class="social menu-item menu-item-type-custom menu-item-object-custom menu-item-96"><a target="_blank" href="https://www.facebook.com/nikkiyanofsky"><div class="icon-facebook"></div></a></li>
87<li id="menu-item-97" class="social menu-item menu-item-type-custom menu-item-object-custom menu-item-97"><a target="_blank" href="http://www.youtube.com/nikkiyanofsky"><div class="icon-youtube"></div></a></li>
88<li id="menu-item-183" class="social menu-item menu-item-type-custom menu-item-object-custom menu-item-183"><a href="http://www.instagram.com/nikkiyanofsky94"><div class="icon-instagram"></div></a></li>
89<li id="menu-item-184" class="social menu-item menu-item-type-custom menu-item-object-custom menu-item-184"><a href="https://itunes.apple.com/us/artist/nikki-yanofsky/id256384540"><div class="icon-apple"></div></a></li>
90</ul>				</div>
91				<div id="inner-header" class="wrap clearfix">
92					<!-- to use a image just replace the bloginfo('name') with your img src and remove the surrounding <p> -->
93					<p id="logo" class="h1"><a href="http://www.nikkiyanofsky.com/" rel="nofollow"><img src="wp-content/themes/nikkiyanofsky/library/images/nikki-logo.png"></a></p>
94					<!-- if you'd like to use the site description you can un-comment it below -->
95					<nav role="navigation" id="nav">
96						<ul id="menu-main-menu" class="nav top-nav clearfix"><li id="menu-item-31" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-31"><a href="http://www.nikkiyanofsky.com/news/">News</a></li>
97<li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30"><a href="http://www.nikkiyanofsky.com/bio/">Bio</a></li>
98<li id="menu-item-29" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29"><a href="http://www.nikkiyanofsky.com/music/">Music</a></li>
99<li id="menu-item-28" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28"><a href="http://www.nikkiyanofsky.com/tour/">Tour</a></li>
100<li id="menu-item-27" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-27"><a href="http://www.nikkiyanofsky.com/media/">Media</a>
101<ul class="sub-menu">
102	<li id="menu-item-63" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-63"><a href="http://www.nikkiyanofsky.com/videos/">Videos</a></li>
103	<li id="menu-item-62" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-62"><a href="http://www.nikkiyanofsky.com/press/">Press</a></li>
104</ul>
105</li>
106<li id="menu-item-26" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26"><a href="http://www.nikkiyanofsky.com/community/">Community</a></li>
107<li id="menu-item-64" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64"><a href="http://www.maplemusic.com/dept.asp?dept_id=1920">Shop</a></li>
108</ul>					</nav>
109				</div> <!-- end #inner-header -->
110			</header> <!-- end header -->
111			<div id="content">
112				<div id="inner-content" class="wrap clearfix">
113						<div id="main" class="twelvecol first clearfix fade-in one" role="main">
114							<article id="post-232" class="post-232 page type-page status-publish hentry clearfix" role="article" itemscope itemtype="http://schema.org/BlogPosting">
115								<section class="animated fadein entry-content sixcol first clearfix" itemprop="articleBody">
116									<p><iframe width="500" height="281" src="http://www.youtube.com/embed/XpjjIHL9Lzw?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
117<p>As I type this, I’m actually very nervous. Sharing this song with the world is making me feel more vulnerable than I’ve ever felt. My hearts beating pretty fast, I have a knot in my stomach and my legs feel weak, even sitting down. I know it seems kind of crazy to put myself through that, but I feel like this is something I need to do. I’ll explain..</p>
118<div>
119<p>People Are Strange is originally by The Doors. Its very eerie and haunting. I’ve always loved this song (and The Doors) and I thought it would be a cool cover. Naturally, when I cover a song, I like to make it my own. With the help of my friend Paul Shrofel, I sat down next to the piano and we began to brainstorm. We tried a ton of different approaches until we decided to slow it down. Thats when something clicked for me.<br/>
120For whatever reason, when the tempo changed, it brought something out in me that I had buried deep down.<

120/p>
121<p>Throughout my childhood, I always felt kind of different. I had friends, but I never really felt accepted or understood. This feeling followed me through elementary school to high school. I would get bullied, but I would always pretend that nothing was bothering me. I wasn’t being honest with myself and I guess I tricked myself into thinking that it didn’t get to me, even though I always felt alone. This song triggered all of the emotions that I was running from and it was the first time I really let myself feel them.</p>
122<p>This song is not me playing the victim, it turned into me standing up to my demons and loving who I am despite those who tried to bring me down. I want it to do the same for you. Its a sentiment that is extremely hard to explain, but I’m hoping that you know what I’m talking about when you listen.</p>
123<p>I’ve had this song just sitting here, unreleased, for a couple of months&#8230; I couldn’t think of a better time to share it, with Halloween just around the corner. So, embrace your inner weirdo and never be ashamed of who you are.</p>
124<p>- Nikki Yanofsky, October 29th, 2013</p>
125<p>Webpages like this would not be possible without the support from fans such as Cannect <a href="https://cannect.ca/get-mortgage-refinancing/">Mortgage Refinancing</a> and <a href="https://purplebeanmedia.com/">Purple Bean Web Design</a> to name a few!
126</div>
127								</section> <!-- end article section -->
128								<aside class="sixcol last clearfix">
129									
130									<h3 class="animated fadeInDown"><a href="/">Continue to Website</a></h3>
131								</aside>
132								<footer class="article-footer">
133								</footer> <!-- end article footer -->
134							</article> <!-- end article -->
135						</div> <!-- end #main -->
136				</div> <!-- end #inner-content -->
137			</div> <!-- end #content -->
138			<footer class="footer" role="contentinfo">
139				<div id="inner-footer" class="wrap clearfix">
140					<nav role="navigation">
141							<ul id="menu-footer-menu" class="nav footer-nav clearfix"><li id="menu-item-93" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-93"><a href="http://www.nikkiyanofsky.com/contact/">Contact</a></li>
142</ul>									</nav>
143					<p class="source-org copyright">&copy; 2014 Nikki Yanofsky.</p>
144				</div> <!-- end #inner-footer -->
145			</footer> <!-- end footer -->
146		</div> <!-- end #container -->
147		<!-- all js scripts are loaded in library/bones.php -->
148		

148<script type="text/javascript" src="wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js"></script>

148

149<script type="text/javascript">
150/* <![CDATA[ */
151var _wpcf7 = {"loaderUrl":"http:\/\/www.nikkiyanofsky.com\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","sending":"Sending ..."};
152/* ]]> */
153</script>

153

154<script type="text/javascript" src="wp-content/plugins/contact-form-7/includes/js/scripts.js"></script>

154

155<script type="text/javascript" src="wp-content/plugins/fitvids-for-wordpress/jquery.fitvids.js"></script>

155

156<script type="text/javascript" src="wp-content/themes/nikkiyanofsky/library/js/scripts.js"></script>

156

157<script type="text/javascript" src="wp-content/themes/nikkiyanofsky/library/js/fresco.js"></script>

157

158<script type="text/javascript" src="wp-content/themes/nikkiyanofsky/library/js/jquery.ba-hashchange.min.js"></script>

158

159<script type="text/javascript" src="wp-content/themes/nikkiyanofsky/library/js/jquery.easytabs.min.js"></script>

159
160    	

160<script type="text/javascript">
161    	jQuery(document).ready(function() {
162    		jQuery('#inner-content').fitVids({ customSelector: ""});
163    	});
164    	</script>

164		    

164<script type="text/javascript" src="wp-content/themes/nikkiyanofsky/library/js/soundcloud_player.api.js"></script>

164
165		    

165<script type="text/javascript" src="wp-content/themes/nikkiyanofsky/library/js/sc-player.js"></script>

165
166		

166<script>
167		var navigation = responsiveNav("#nav", { // Selector: The ID of the wrapper
168		  animate: true, // Boolean: Use CSS3 transitions, true or false
169		  transition: 400, // Integer: Speed of the transition, in milliseconds
170		  label: "Menu", // String: Label for the navigation toggle
171		  insert: "before", // String: Insert the toggle before or after the navigation
172		  customToggle: "", // Selector: Specify the ID of a custom toggle
173		  openPos: "relative", // String: Position of the opened nav, relative or static
174		  jsClass: "js", // String: 'JS enabled' class which is added to <html> el
175		  init: function(){}, // Function: Init callback
176		  open: function(){}, // Function: Open callback
177		  close: function(){} // Function: Close callback
178		});
179		jQuery("#tab-full-container").easytabs({
180		  animate: true,
181		  animationSpeed: 1000,
182		  defaultTab: "#tab-1",
183		  panelActiveClass: "active-content-div",
184		  tabActiveClass: "selected-tab",
185		  tabs: "> div > span",
186		  updateHash: false
187		});
188		</script>

188
189	</body>
190</html> <!-- end page. what a ride! -->