Clone URL (Committers only):
https://cms.apache.org/redirect?new=anonymous;action=diff;uri=http://ooo-site.apache.org/download%2F
Samer Mansour samer...@gmail.com
Hello submitting this change to allow users to 'share' the download page on
social media sites AOO currently has profiles on.
Please see "[Iteration 1] Social Media Integration" thread in marketing mailing
list for full details how this change came about or contact Rob Weir or myself.
First time committer, let me know if I'm doing something wrong.
Thanks!
Index: trunk/content/download/exceptions.css
===================================================================
--- trunk/content/download/exceptions.css (revision 1434510)
+++ trunk/content/download/exceptions.css (working copy)
@@ -50,6 +50,13 @@
.sub-blue { background: #E1E1FF; border-top: 1px solid #D1D1FF; border-bottom:
1px solid #D1D1FF; font-size: .8em; }
.sub-blue p { padding: .1em 3%; width: 94%; }
+.lightblue { background: url(/download/cachedimages/button-lightblue.png)
#D8E5F6 right 0 no-repeat; }
+.lightblue:hover { background:
url(/download/cachedimages/button-lightblue.png) #C3D9F1 right -200px
no-repeat; }
+.lightblue h2 a { color: #2D72CE; }
+.lightblue:hover h2 a, #bodycol .lightblue h2 a:hover { color: #21549A; }
+.sub-lightblue { background: #E1E1FF; border-top: 1px solid #D1D1FF;
border-bottom: 1px solid #D1D1FF; font-size: .8em; }
+.sub-lightblue p { padding: .1em 3%; width: 94%; }
+
.yellow { background: url(/download/cachedimages/button-yellow.png) #FFF379
right top no-repeat; }
.yellow:hover { background: url(/download/cachedimages/button-yellow.png)
#FFF24F right -200px no-repeat; }
.yellow h2 a { color: #E09C09; }
Index: trunk/content/download/index.html
===================================================================
--- trunk/content/download/index.html (revision 1434510)
+++ trunk/content/download/index.html (working copy)
@@ -61,6 +61,20 @@
/* ]]> */
</style>
+ <script>
+ function shareFacebook() {
+
window.open('https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.openoffice.org%2Fdownload%2F','_blank','toolbar=0,status=0,width=580,height=325');
+ }
+
+ function shareTwitter(){
+
window.open('https://twitter.com/intent/tweet?url=http%3A%2F%2Fwww.openoffice.org%2Fdownload%2F&text=Join+the+OpenOffice+revolution%2C+the+free+office+productivity+suite+with+over+30+million+trusted+downloads.&hashtags=openoffice','_blank','toolbar=0,status=0,width=580,height=325');
+ }
+
+ function shareGooglePlus(){
+
window.open('https://plus.google.com/share?url=http%3A%2F%2Fwww.openoffice.org%2Fdownload%2F','_blank','toolbar=0,status=0,width=580,height=325');
+ }
+ </script>
+
</head>
<body>
@@ -136,6 +150,17 @@
</div>
</noscript>
+ <!-- Light Blue: Share Download -->
+ <div class="button lightblue" >
+ <h2><a>Social Media</a></h2>
+ <p id='ShareDownloadLinks'>
+ <a>Please tell your friends about Apache OpenOffice.</a>
+ <a style="display:inline; padding: 0 5px 0 30px;"
href="javascript:shareFacebook(); "><img src='images/logo-facebook-32.png'
/></a>
+ <a style="display:inline; padding: 0 5px;"
href="javascript:shareTwitter(); "><img src='images/logo-twitter-32.png' /></a>
+ <a style="display:inline; padding: 0 5px;"
href="javascript:shareGooglePlus(); "><img src='images/logo-googleplus-32.png'
/></a>
+ </p>
+ </div>
+
<!-- Blue: Extensions -->
<div class="button blue" id="optionitem3"
onclick="openItem('optionitem3','http://extensions.services.openoffice.org');
return false;">
