Updates to the site

index.html

@@ -6,6 +6,12 @@
     <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
     <meta name="description" content="Apple Shareholder Proposal: Spy Lockout" />
     <link rel="shortcut icon" type="image/x-icon" href="https://restorethefourthsf.com/wp-content/uploads/2013/06/favicon.ico"/>
+    <meta property="og:site_name" content="Apple Spylockout" />
+    <meta property="og:title" content="Apple Spylockout" />
+    <meta name="description" content="A nonbinding shareholder proposal to protect Apple's users, customers and shareholders from instrusive and unconstitutional surveillance." />
+    <meta property="og:description" content="A nonbinding shareholder proposal to protect Apple's users, customers and shareholders from instrusive and unconstitutional surveillance." />
+    <link rel="image_src" href="img/AppleInHandcuffs.png" />
+    <meta property="og:image" content="https://spylockout.com/img/AppleInHandcuffs.png" />
 
     <link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">
 
@@ -17,15 +23,97 @@
     <!-- HEADER -->
     <div id="header_wrap" class="outer">
     <header class="inner">
-               <a href="https://restorethefourthsf.com"><img src="img/pic-10sfbay1.png"  alt="Restore the Fourth"/ style="width:140px;"> </a> <h1 id="project_title">Shareholder Proposal: Spy Lockout</h1>
+<div style="margin: 0 auto;width: 25%; text-align:center">               
+      <img src="img/AppleInHandcuffs.png" alt="Restore the Fourth"/ style="">
+</div>
+ <h1 id="project_title">Shareholder Proposal: Spy Lockout</h1>
+
+  <h3> What? </h3>
+<p> A nonbinding shareholder proposal to protect Apple's users, customers and shareholders from instrusive and unconstitutional surveillance.</p>
+
+<h3> When? </h3>
+<p> Feb 27th, 9 am </p>
+<h3> Where? </h3>
+<p> 1 Infinite Loop <br/> Cupertino, California 95014</p>
+<h3> How can I help? </h3>
+<p> If you are an Apple Shareholder and purchased your shares before Dec 30th, 2013, bring your ID and proxy statement to Apple HQ to support the proposal </p>
+
+                <div id="share" class="social not-letter">
+                    <h2 class="not-letter">Spread the word:</h2>
+                    <!-- Facebook -->
+                    <a href="http://www.facebook.com/sharer.php?u=https://spylockout.com/" target="_blank">
+                        <img src="img/facebook.png" alt="Facebook" />
+                    </a>
+                    <!-- Twitter -->
+                    <a href="http://twitter.com/share?url=https://spylockout.com/&text=Join a nonpartisan coalition demanding Senator Feinstein change course on the NSA." target="_blank">
+                        <img src="img/twitter.png" alt="Twitter" />
+                    </a>
+            </div>
+
 
     </header>
+
+
     </div>
 
     <!-- MAIN CONTENT -->
     <div id="main_content_wrap" class="outer">
-    <section id="main_content" class="inner">
+    <section id="letter" class="inner" style="float:left; width:45%; margin:1%;">
+
+<h2>Letter to the General Counsel</h2>
+
+<p>General Counsel Bruce Sewell</p> 
+<p>Apple Inc.</p> 
 
+<p>Re: Advance Notice of Shareholder Business </p>
+
+<p>Dear Mr. Sewell,</p> 
+  <p>Over the course of 2013, new information regarding the relationship between 
+government surveillance and private corporations have impacted Apple’s public image in ways 
+that concern me as an investor. I hope you understand this is not a frivolous or unique interest of 
+mine, but one that is shared by many other shareholders. We are deeply concerned by Apple’s 
+failure to publicly renounce and take all necessary steps to prevent these violations. Some 
+shareholders have already retreated from their prior stake in Apple.
+</p> 
+
+<p>Courts have already ruled (at times secretly) that misrepresentation and over-collection of 
+data by government agencies has been ongoing. Court orders and warrants requiring Internet 
+Service Providers to enable violations of all their users’ privacy are issued, in secret, with gag 
+orders. SSL security keys are compromised, stolen, or coerced from executives and engineers. 
+</p>
+<p>
+Meanwhile, as of 5 November 2013, Apple has vowed maximum transparency within the 
+law. We commend Apple’s new approach and welcome this significant progress. 
+</p>
+<p>
+But thus far Apple has declined to say definitively whether it has already received court 
+orders that, for example, allow equipment to be installed at Apple premises that might be in use 
+by bulk surveillance programs – putting up to 350 million iCloud users' data in jeopardy. In this 
+context it is reasonable to conclude that governments have already requested such cooperation 
+from Apple, under gag order, holding Apple staff and/or executives hostage. 
+</p>
+<p>
+This crisis of trust in US companies has already seriously injured international 
+technology firms like Cisco. 
+</p>
+<p>
+Resolving this cannot wait another quarter – let alone another year – without serious 
+injury to Apple. We wish to present this issue, and we welcome alternatives put forward by 
+Apple that might help effectively resolve these threats to customer and investor confidence. 
+</p>
+<p>
+In the event there is insufficient response by Apple, we will submit a proxy shareholder 
+proposal that may compel Apple to act belatedly in 2015. 
+</p>
+<p>
+Please contact me as soon as possible if you have any questions or concerns. I look 
+forward to attending the Annual Meeting to raise this issue.
+</p>
+
+    </section>
+    <section id="proposal" class="inner" style="float:right; width:45%; margin:1%;">
+
+<h2>Proposal</h2>
 <h3> Resolved: </h3>
 
 <p>A group of concerned Apple shareholders proposes several technical and policy actions 
@@ -85,7 +173,8 @@ <h3> Resolved: </h3>
 leadership, offer competitive advantages, and strengthen the entire industry.
 </p>
 </section>
-<section id="bio_content" class="inner">
+
+<section id="bio_content" class="inner" style="clear:both;">
 
   <h3>Shareholder of Record </h3> 
   <h3>Dr. David Levitt</h3>
@@ -126,9 +215,7 @@ <h3>Dr. David Levitt</h3>
 <!-- FOOTER  -->
 <div id="footer_wrap" class="outer">
     <footer class="inner">
-    <div style="margin: 0 auto;width: 25%; text-align:center">
-      <img src="img/AppleInHandcuffs.png" href="https://restorethefourthsf.com" alt="Restore the Fourth"/ style="width:140px;">
-              <a href="docs/ShareholderProposal.pdf">Shareholder Proposal</a> <a href="docs/DavidLevittbio.pdf">Shareholder Bio</a>
+    <div style="margin: 0 auto;width: 25%; text-align:center"> <a href="https://restorethefourthsf.com"><img src="img/pic-10sfbay1.png"  alt="Restore the Fourth"/ style=""> </a>              <a href="docs/ShareholderProposal.pdf">Shareholder Proposal</a> <a href="docs/DavidLevittbio.pdf">Shareholder Bio</a>
 
     </div>
     </footer>

stylesheets/stylesheet.css

@@ -265,6 +265,20 @@ img {
   max-width: 100%;
 }
 
+
+.social{
+text-align:center;
+
+}
+
+.social img {
+width: 35px;
+padding: 5px;
+border: 0;
+box-shadow: 0;
+display: inline;
+}
+
 /*******************************************************************************
 Full-Width Styles
 *******************************************************************************/
@@ -364,7 +378,7 @@ Full-Width Styles
 }
 
 #footer_wrap {
-  background: #212121;
+  background: #A2A2A2;
 }
 
 
@@ -421,4 +435,6 @@ Small Device Styles
     font-size: 11px;
   }
 
+
+
 }