1,241
edits
Ryansnyder (talk | contribs) |
Ryansnyder (talk | contribs) |
||
| 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. | ||
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 = | ||
edits