/_site/server/ideas/2010/11/17/Tracing-The-Source-of-Swearing/index.html

https://github.com/yuinchien/cloud9-github-com-repo · HTML · 257 lines · 132 code · 107 blank · 18 comment · 0 complexity · e88cfa70790042a99da3b17cf5247b5d MD5 · raw file 

    

  1. <!DOCTYPE html>
    2. 

  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
    3. 

  3. <head>
    4. 

  4.    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    5. 

  5.    <title>Tracing The Source of Swearing</title>
    6. 

  6.    <meta name="author" content="" />
    7. 

  7. 

  8.    <!-- syntax highlighting CSS -->
    9. 

  9.    <link rel="stylesheet" href="/css/syntax.css" type="text/css" />
    10. 

  10. 

  11.    <!-- Homepage CSS -->
    12. 

  12.    <link rel="stylesheet" href="/css/screen.css" type="text/css" media="screen, projection" />
    13. 

  13. 

  14.    <!-- Typekit -->
    15. 

  15.    <!-- <script type="text/javascript" src="http://use.typekit.com/qai1onp.js"></script>
    16. 

  16.    <script type="text/javascript">try{Typekit.load();}catch(e){}</script> -->
    17. 

  17.     
    18. 

  18.    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    19. 

  19.    
    20. 

  20.    <script type="text/javascript">
    21. 

  21.    	$(document).ready(function() {
    22. 

  22.    		$('.external').attr('target', '_blank');
    23. 

  23.    	});
    24. 

  24.    </script>
    25. 

  25.    
    26. 

  26. </head>
    27. 

  27. <body>
    28. 

  28. 

  29. <!-- ClickTale Top part -->
    30. 

  30. <script type="text/javascript">
    31. 

  31. var WRInitTime=(new Date()).getTime();
    32. 

  32. </script>
    33. 

  33. <!-- ClickTale end of Top part -->
    34. 

  34. 

  35. <div id="_page" class="site">
    36. 

  36. 	<div id="menuBg"></div>
    37. 

  37.   <div id="menu">
    38. 

  38.     <span class="homeTitle title"><a href="/">.yuin</a></span>
    39. 

  39.     <span class="title process_link"><a href="/process">_process</a></span>
    40. 

  40. 		<span class="title ideas_link"><a href="/ideas">_ideas</a></span>
    41. 

  41. 		<span class="title context_link"><a href="/context">_context</a></span>
    42. 

  42. 		<!-- <span class="title manifesto_link"><a href="/manifesto">_manifesto</a></span> -->
    43. 

  43. 		
    44. 

  44. 		<!-- <span class="title guideline_link"><a href="/guideline">_guideline</a></span> -->
    45. 

  45.   </div>                 
    46. 

  46.   
    47. 

  47.   <div id="sideBar">
    48. 

  48.   	<div class="section">
    49. 

  49. 			<div class="title">tags</div>
    50. 

  50. 			
    51. 

  51. 			
    52. 

  52. 			<span class="tag"><a href="/tags/Play">Play</a></span>
    53. 

  53. 			
    54. 

  54. 			
    55. 

  55. 			
    56. 

  56. 			<span class="tag"><a href="/tags/Gen Y">Gen Y</a></span>
    57. 

  57. 			
    58. 

  58. 			
    59. 

  59. 			
    60. 

  60. 			<span class="tag"><a href="/tags/Swear">Swear</a></span>
    61. 

  61. 			
    62. 

  62. 			
    63. 

  63. 			
    64. 

  64. 			<span class="tag"><a href="/tags/Web Standards">Web Standards</a></span>
    65. 

  65. 			
    66. 

  66. 			
    67. 

  67. 			
    68. 

  68. 			<span class="tag"><a href="/tags/Corporation">Corporation</a></span>
    69. 

  69. 			
    70. 

  70. 			
    71. 

  71. 			
    72. 

  72. 			<span class="tag"><a href="/tags/Surrealism">Surrealism</a></span>
    73. 

  73. 			
    74. 

  74. 			
    75. 

  75. 			
    76. 

  76. 			<span class="tag"><a href="/tags/Graffiti">Graffiti</a></span>
    77. 

  77. 			
    78. 

  78. 			
    79. 

  79. 			
    80. 

  80. 			<span class="tag"><a href="/tags/Reversing">Reversing</a></span>
    81. 

  81. 			
    82. 

  82. 			
    83. 

  83. 			
    84. 

  84. 			<span class="tag"><a href="/tags/Ad">Ad</a></span>
    85. 

  85. 			
    86. 

  86. 			
    87. 

  87. 			
    88. 

  88. 			<span class="tag"><a href="/tags/Hack">Hack</a></span>
    89. 

  89. 			
    90. 

  90. 			
    91. 

  91. 			
    92. 

  92. 			<span class="tag"><a href="/tags/lit review">lit review</a></span>
    93. 

  93. 			
    94. 

  94. 			
    95. 

  95. 			
    96. 

  96. 			<span class="tag"><a href="/tags/Html Canvas">Html Canvas</a></span>
    97. 

  97. 			
    98. 

  98. 			
    99. 

  99. 			
    100. 

  100. 			<span class="tag"><a href="/tags/dirty word">dirty word</a></span>
    101. 

  101. 			
    102. 

  102. 			
    103. 

  103. 			
    104. 

  104. 			<span class="tag"><a href="/tags/HTML5 Canvas">HTML5 Canvas</a></span>
    105. 

  105. 			
    106. 

  106. 			
    107. 

  107. 			
    108. 

  108. 			<span class="tag"><a href="/tags/Facebook">Facebook</a></span>
    109. 

  109. 			
    110. 

  110. 			
    111. 

  111. 			
    112. 

  112. 			<span class="tag"><a href="/tags/Kid">Kid</a></span>
    113. 

  113. 			
    114. 

  114. 			
    115. 

  115. 			
    116. 

  116. 			<span class="tag"><a href="/tags/Processing.js">Processing.js</a></span>
    117. 

  117. 			
    118. 

  118. 			
    119. 

  119. 			
    120. 

  120. 			<span class="tag"><a href="/tags/Google">Google</a></span>
    121. 

  121. 			
    122. 

  122. 			
    123. 

  123. 			
    124. 

  124. 			<span class="tag"><a href="/tags/Browser Extension">Browser Extension</a></span>
    125. 

  125. 			
    126. 

  126. 			
    127. 

  127. 			
    128. 

  128. 			<span class="tag"><a href="/tags/Web">Web</a></span>
    129. 

  129. 			
    130. 

  130. 			
    131. 

  131. 			
    132. 

  132. 			<span class="tag"><a href="/tags/Code Violation">Code Violation</a></span>
    133. 

  133. 			
    134. 

  134. 			
    135. 

  135. 			
    136. 

  136. 			<span class="tag"><a href="/tags/swear">swear</a></span>
    137. 

  137. 			
    138. 

  138. 			
    139. 

  139. 			
    140. 

  140. 			<span class="tag"><a href="/tags/Privacy">Privacy</a></span>
    141. 

  141. 			
    142. 

  142. 			
    143. 

  143. 			
    144. 

  144. 			<span class="tag"><a href="/tags/Quote">Quote</a></span>
    145. 

  145. 			
    146. 

  146. 			
    147. 

  147. 		</div>
    148. 

  148. 		<div class="section">
    149. 

  149. 			<div class="title"><span class="contactType">work</span><span><a href="http://yuinchien.com" target="_blank">yuinchien.com</a></span></div>
    150. 

  150. 			<div class="title"><span class="contactType">email</span><span><a href="mailto:tinyuin.chien@gmail.com" target="_blank">tinyuin.chien@gmail.com</a></span></div>
    151. 

  151. 			<div class="title"><span class="contactType">code</span><span><a href="http://github.com/cloud9" target="_blank">github.com/cloud9</a></span></div>
    152. 

  152. 			<div class="title"><span class="contactType">photo</span><span><a href="http://www.flickr.com/photos/yuinchien" target="_blank">flickr.com/photos/yuinchien</a></span></div>
    153. 

  153. 	  </div>
    154. 

  154.   </div>  
    155. 

  155. 

  156.   <div id="ideas" class="category">
    157. 

  157. 	
    158. 

  158. 	<div class="posts">
    159. 

  159. 				
    160. 

  160. 		<div class="post_container">
    161. 

  161. 

  162.     	<div class="post">
    163. 

  163.        	<div class="titleBar">
    164. 

  164.        		<a href="">Tracing The Source of Swearing</a>
    165. 

  165.   				<span class="date">17 Nov 2010</span>
    166. 

  166.        	</div>
    167. 

  167.   			<div class="content">
    168. 

  168.   				<p>I was very interested in people swearing. It was mysterious to me that why my friends swear often seem very funny, while many situations swear words can have very negative connotation. In Steven Pinker&#8217;s book <a href="http://pinker.wjh.harvard.edu/books/stuff/index.html" class="external">The Stuff of Thought</a>, he talks about how our mind works psychologically when we use language to express ourself and also how brain process language, he also introduces the five types of swearing: <strong>Abusive</strong>, <strong>Cathartic</strong>, <strong>Dysphemism</strong>, <strong>Emphatic</strong> and <strong>Idiomatic</strong>. I was digging into the book &#8220;Catcher In The Rye&#8221; trying to identify the 5 types of swearing specifically used, and there was a moment I suddenly realized that we the the Gen Yers, are the the epitome of Holden! A major of People in our generation are depressed, and anxious about the future, about who they are. My psychology teacher pointed out that <span class="caps">TECHNOLOGY</span> might be a key issue.</p>
    169. 

  169. <p><img src="http://farm6.static.flickr.com/5047/5247362875_7109925a0d_z.jpg" alt="" /></p>
    170. 

  170. <p>I also found that it&#8217;s interesting to look at sub-standard buildings(building code violations) as a metaphor for swearing. In their own universe, they are a lot of commons. For the benefit and safety of general people, these are the violations, but they are everywhere. You can not kill them.</p>
    171. 

  171. <p>If substandard building is the visual equivalence of swearing, what does the landscape of public voice look like? Graffiti perhaps. I wonder if the virtual space should embody the same environment for self-expression.</p>
    172. 

  172.   			</div>
    173. 

  173.   			<div class="tags clearfix">
    174. 

  174.   				
    175. 

  175.   				<span class="tag"><a href="/tags/dirty word">dirty word</a></span>
    176. 

  176.   				
    177. 

  177.   				<span class="tag"><a href="/tags/swear">swear</a></span>
    178. 

  178.   				
    179. 

  179.   				<span class="tag"><a href="/tags/Gen Y">Gen Y</a></span>
    180. 

  180.   				
    181. 

  181.   				<span class="tag"><a href="/tags/Graffiti">Graffiti</a></span>
    182. 

  182.   				
    183. 

  183.   			</div>
    184. 

  184. 			</div>
    185. 

  185. 			
    186. 

  186. 			<!-- commenting system-->
    187. 

  187.       <div id="disqus_thread"></div>
    188. 

  188.           <script type="text/javascript">
    189. 

  189.               /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    190. 

  190.               var disqus_shortname = 'cloud9-github-com'; // required: replace example with your forum shortname
    191. 

  191.               var disqus_developer = 1; // developer mode is on
    192. 

  192.             
    193. 

  193.               // The following are highly recommended additional parameters. Remove the slashes in front to use.
    194. 

  194.               // var disqus_identifier = 'unique_dynamic_id_1234';
    195. 

  195.               // var disqus_url = 'http://example.com/permalink-to-page.html';
    196. 

  196. 

  197.               /* * * DON'T EDIT BELOW THIS LINE * * */
    198. 

  198.               (function() {
    199. 

  199.                   var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
    200. 

  200.                   dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
    201. 

  201.                   (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    202. 

  202.               })();
    203. 

  203.           </script>
    204. 

  204.           <!-- <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
    205. 

  205.           <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a> -->
    206. 

  206.       
    207. 

  207.   	</div>
    208. 

  208.   </div>
    209. 

  209. 

  210. </div>
    211. 

  211. 

  212. 

  213.   
    214. 

  214. 

  215.   
    216. 

  216. </div> 
    217. 

  217. 

  218. <!-- Comment Count -->
    219. 

  219. <script type="text/javascript">
    220. 

  220.     /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    221. 

  221.     var disqus_shortname = 'cloud9-github-com'; // required: replace example with your forum shortname
    222. 

  222.     var disqus_developer = 1; // developer mode is on
    223. 

  223.     
    224. 

  224.     /* * * DON'T EDIT BELOW THIS LINE * * */
    225. 

  225.     (function () {
    226. 

  226.         var s = document.createElement('script'); s.async = true;
    227. 

  227.         s.type = 'text/javascript';
    228. 

  228.         s.src = 'http://disqus.com/forums/' + disqus_shortname + '/count.js';
    229. 

  229.         (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
    230. 

  230.     }());
    231. 

  231. </script>
    232. 

  232. <!-- Comment Count End -->
    233. 

  233. 

  234. <!-- ClickTale Bottom part -->
    235. 

  235. <div id="ClickTaleDiv" style="display: none;"></div>
    236. 

  236. <script type="text/javascript">
    237. 

  237. if(document.location.protocol!='https:')
    238. 

  238.   document.write(unescape("%3Cscript%20src='http://s.clicktale.net/WRb.js'%20type='text/javascript'%3E%3C/script%3E"));
    239. 

  239. </script>
    240. 

  240. <script type="text/javascript">
    241. 

  241. if(typeof ClickTale=='function') ClickTale(206,0.3,"www03");
    242. 

  242. </script>
    243. 

  243. <!-- ClickTale end of Bottom part -->
    244. 

  244. 

  245. <!-- Google Analytics -->
    246. 

  246. <script type="text/javascript">
    247. 

  247. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    248. 

  248. document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    249. 

  249. </script>
    250. 

  250. <script type="text/javascript">
    251. 

  251. var pageTracker = _gat._getTracker("UA-6016902-1");
    252. 

  252. pageTracker._trackPageview();
    253. 

  253. </script>
    254. 

  254. <!-- Google Analytics end -->
    255. 

  255. 

  256. </body>
    257. 

  257. </html>
    258.