Websites/Taskforce/Proposals/Abandoned Sites/Archive: Difference between revisions

Line 68: Line 68:
== Archived Header ==
== Archived Header ==


Finally, you will need to add a note to the top of each page making the user aware that this is an archived website.
Finally, you will need to add a note to the top of each page making the user aware that this is an archived website.  We're doing this by including a javascript on each page that will print the archive statement atop each page.


[Instructions forthcoming]
Create a new file - js/archive.js:
<code>
  document.write('<div id="archive"><div id="archive_text">You are viewing an archived site in the <a href="/">Mozilla Archive</a>.  Mozilla Service Week took place from September 14 - 21, 2009.  Over 11,000 service hours were donated by our awesome community to help organizations and local communities around the world. Thanks for making a difference!</div></div>');
</code>
 
Use sed to append each of the .html files on the site with the javascript include:
<code>
  find . -name "*.html" -print | xargs sed -i "s/<\/head/<script type=\"text\/javascript\" src=\"\/mozillaservice.org\/js\/archive.js\"><\/script><\/head/g"
</code>
 
Now, update the site's global css file accordingly, ensuring that the changes are congruent with the site's design, eg:
<code>
  #archive { margin: 0; padding: 5px; position: relative; text-align: center; padding: 14px 10px 15px 10px; color: #f5f3ed; background-color: #4d5151;  }
  #archive_text { margin-left: auto ; margin-right: auto ; width: 740px; text-align: center; font: bold 1.143em/1 Arial, Calibri, Helvetica, "Helvetica Neue", sans-serif; line-height: 1.2em;}
  #archive_text a { color: #fff; }
  #archive_text a:hover { color: #fff; text-decoration: underline; }
</code>


= Systems Operations Actions  =
= Systems Operations Actions  =
1,241

edits