Return to artwork.html CVS log | Up to [local] / www |
File: [local] / www / artwork.html (download) (as text)
Revision 1.8, Sat Jun 1 22:34:41 2019 UTC (4 years, 11 months ago) by tj
in dark mode, set images to 85% opacity, then return them to 100% when the user hovers their mouse over the thumbnail. this creates a neat "glowing" effect that makes image selection a bit more apparent. |
<!doctype html> <html lang=en> <meta charset=utf-8> <title>OpenBSD: Artwork</title> <meta name="description" content="the OpenBSD ordering page"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="openbsd.css"> <link rel="canonical" href="https://www.openbsd.org/artwork.html"> <style> table { margin: auto; } caption { font-weight: bolder; margin-bottom: 1.2em; } tr + tr td { padding-top: 1em; } th { font-weight: normal; } td { text-align: center; } @media (prefers-color-scheme: dark) { img { opacity: .85; } img:hover { opacity: 1; } } </style> <h2 id=OpenBSD> <a href="index.html"> <i>Open</i><b>BSD</b></a> Artwork </h2> <hr> <p> Every six months, around May 1st and Nov 1st, OpenBSD makes an official software release. To accompany this free software released on the internet, we make artwork and <a href="lyrics.html">music</a>. This artwork emblazoned CDs and posters up until version 6.0, after which we stopped producing product and only release software on the internet. <p> Past releases also had <a href="tshirts.html">shirts</a> printed along with them. <p> OpenBSD developers receive exclusive t-shirts with additional artwork when they attend <a href="hackathons.html">hackathons</a>. <hr> <table> <caption>A review of older releases:</caption> <tbody> <tr> <th colspan="8"> Post-CD-ROM Era <tr> <td>6.5<br> <a href="65.html"> <img height="127" width="90" src="images/Puffystock.gif" alt=""></a> <td>6.4<br> <a href="64.html"> <img height="127" width="90" src="images/Puffoil.gif" alt=""></a> <td>6.3<br> <a href="63.html"> <img height="127" width="90" src="images/Harry.gif" alt=""></a> <td>6.2<br> <a href="62.html"> <img height="127" width="90" src="images/MoBSD-l.gif" alt=""></a> <td>6.1<br> <a href="61.html"> <img height="127" width="90" src="images/Fugu.gif" alt=""></a> <td> <td> <td> </tbody> <tbody> <tr> <th colspan="8"> CD-ROM Era <tr> <td>6.0<br> <a href="60.html"> <img height="127" width="90" src="images/cd60-s.gif" alt=""></a> <td>5.9<br> <a href="59.html"> <img height="127" width="90" src="images/cd59-s.gif" alt=""></a> <td>5.8<br> <a href="58.html"> <img height="127" width="90" src="images/cd58-s.gif" alt=""></a> <td>5.7<br> <a href="57.html"> <img height="127" width="90" src="images/cd57-s.gif" alt=""></a> <td>5.6<br> <a href="56.html"> <img height="127" width="90" src="images/cd56-s.gif" alt=""></a> <td>5.5<br> <a href="55.html"> <img height="127" width="90" src="images/cd55-s.gif" alt=""></a> <td>5.4<br> <a href="54.html"> <img height="127" width="90" src="images/cd54-s.gif" alt=""></a> <td>5.3<br> <a href="53.html"> <img height="127" width="90" src="images/cd53-s.gif" alt=""></a> <tr> <td>5.2<br> <a href="52.html"> <img height="127" width="90" src="images/cd52-s.gif" alt=""></a> <td>5.1<br> <a href="51.html"> <img height="127" width="90" src="images/cd51-s.gif" alt=""></a> <td>5.0<br> <a href="50.html"> <img height="127" width="90" src="images/cd50-s.gif" alt=""></a> <td>4.9<br> <a href="49.html"> <img height="127" width="90" src="images/cd49-s.gif" alt=""></a> <td>4.8<br> <a href="48.html"> <img height="127" width="90" src="images/cd48-s.gif" alt=""></a> <td>4.7<br> <a href="47.html"> <img height="127" width="90" src="images/cd47-s.gif" alt=""></a> <td>4.6<br> <a href="46.html"> <img height="127" width="90" src="images/cd46-s.gif" alt=""></a> <td>4.5<br> <a href="45.html"> <img height="127" width="90" src="images/cd45-s.gif" alt=""></a> <tr> <td>4.4<br> <a href="44.html"> <img height="126" width="90" src="images/cd44-s.gif" alt=""></a> <td>4.3<br> <a href="43.html"> <img height="126" width="90" src="images/cd43-s.gif" alt=""></a> <td>4.2<br> <a href="42.html"> <img height="126" width="90" src="images/cd42-s.gif" alt=""></a> <td>4.1<br> <a href="41.html"> <img height="126" width="90" src="images/cd41-s.gif" alt=""></a> <td>4.0<br> <a href="40.html"> <img height="127" width="90" src="images/cd40-s.gif" alt=""></a> <td>3.9<br> <a href="39.html"> <img height="90" width="90" src="images/cd39-s.gif" alt=""></a> <br><br><br> <td>3.8<br> <a href="38.html"> <img height="90" width="90" src="images/cd38-s.gif" alt=""></a> <br><br><br> <td>3.7<br> <a href="37.html"> <img height="90" width="90" src="images/cd37-s.gif" alt=""></a> <br><br><br> <tr> <td>3.6<br> <a href="36.html"> <img height="90" width="90" src="images/cd36-s.gif" alt=""></a> <td>3.5<br> <a href="35.html"> <img height="90" width="90" src="images/cd35-s.gif" alt=""></a> <td>3.4<br> <a href="34.html"> <img height="90" width="90" src="images/cd34-s.gif" alt=""></a> <td>3.3<br> <a href="33.html"> <img height="90" width="90" src="images/cd33-s.gif" alt=""></a> <td>3.2<br> <a href="32.html"> <img height="90" width="90" src="images/cd32-s.gif" alt=""></a> <td>3.1<br> <a href="31.html"> <img height="90" width="90" src="images/cd31-s.gif" alt=""></a> <td>3.0<br> <a href="30.html"> <img height="90" width="90" src="images/cd30-s.gif" alt=""></a> <td>2.9<br> <a href="29.html"> <img height="90" width="90" src="images/cd29-s.gif" alt=""></a> <tr> <td>2.8<br> <a href="28.html"> <img height="90" width="90" src="images/cd28-s.gif" alt=""></a> <td>2.7<br> <a href="27.html"> <img height="90" width="90" src="images/cd27-s.gif" alt=""></a> <td>2.6<br> <a href="26.html"> <img height="90" width="90" src="images/cd26-s.gif" alt=""></a> <td>2.5<br> <a href="25.html"> <img height="90" width="90" src="images/cd25-s.gif" alt=""></a> <td>2.4<br> <a href="24.html"> <img height="90" width="90" src="images/cd24-s.gif" alt=""></a> <td>2.3<br> <a href="23.html"> <img height="90" width="90" src="images/cd23-s.gif" alt=""></a> <td>2.2<br> <a href="22.html"> <img height="90" width="90" src="images/cd22-s.gif" alt=""></a> <td>2.1<br> <a href="21.html"> <img height="90" width="90" src="images/cd21-s.gif" alt=""></a> <tbody> <tr> <th colspan="8"> Audio CDs <tr> <td>The Songs<br>5.2 - 6.0<br> <a href="lyrics.html"> <img height="90" width="90" src="images/cdaudio3-s.gif" alt=""></a> <td>The Songs<br>4.1 - 5.1<br> <a href="lyrics.html"> <img height="90" width="90" src="images/cdaudio2-s.gif" alt=""></a> <td>The Songs<br>3.0 - 4.0<br> <a href="lyrics.html"> <img height="90" width="90" src="images/cdaudio-s.gif" alt=""></a> <td> <td> <td> <td> <td> </table> <table> <tr> <th colspan="9"> Posters <tr> <td>6.0<br> <a href="images/poster36.jpg"> <img height="116" width="77" src="images/poster36-s.gif" alt=""></a> <td>5.9<br> <a href="images/poster35.jpg"> <img height="116" width="77" src="images/poster35-s.gif" alt=""></a> <td>5.8<br> <a href="images/poster34.jpg"> <img height="116" width="77" src="images/poster34-s.gif" alt=""></a> <td>5.7<br> <a href="images/poster33.jpg"> <img height="116" width="77" src="images/poster33-s.gif" alt=""></a> <td>5.6<br> <a href="images/poster32.jpg"> <img height="116" width="77" src="images/poster32-s.gif" alt=""></a> <td>5.5<br> <a href="images/poster31.jpg"> <img height="116" width="77" src="images/poster31-s.gif" alt=""></a> <td>5.4<br> <a href="images/poster30.jpg"> <img height="116" width="77" src="images/poster30-s.gif" alt=""></a> <td>5.3<br> <a href="images/poster29.jpg"> <img height="116" width="77" src="images/poster29-s.gif" alt=""></a> <td>5.2<br> <a href="images/poster28.jpg"> <img height="116" width="77" src="images/poster28-s.gif" alt=""></a> <tr> <td>5.1<br> <a href="images/poster27.jpg"> <img height="116" width="77" src="images/poster27-s.gif" alt=""></a> <td>5.0<br> <a href="images/poster26.jpg"> <img height="116" width="77" src="images/poster26-s.gif" alt=""></a> <td>4.9<br> <a href="images/poster25.jpg"> <img height="116" width="77" src="images/poster25-s.gif" alt=""></a> <td>4.8<br> <a href="images/poster24.jpg"> <img height="116" width="77" src="images/poster24-s.gif" alt=""></a> <td>4.7<br> <a href="images/poster23.jpg"> <img height="116" width="77" src="images/poster23-s.gif" alt=""></a> <td>4.6<br> <a href="images/poster22.jpg"> <img height="116" width="77" src="images/poster22-s.gif" alt=""></a> <td>4.5<br> <a href="images/poster21.jpg"> <img height="116" width="77" src="images/poster21-s.gif" alt=""></a> <td>4.4<br> <a href="images/poster20.jpg"> <img height="117" width="77" src="images/poster20-s.gif" alt=""></a> <td>4.3<br> <a href="images/poster19.gif"> <img height="117" width="77" src="images/poster19-s.gif" alt=""></a> <tr> <td>4.2<br> <a href="images/poster18.gif"> <img height="117" width="77" src="images/poster18-s.gif" alt=""></a> <td>4.1<br> <a href="images/poster17.gif"> <img height="117" width="77" src="images/poster17-s.gif" alt=""></a> <td>4.0<br> <a href="images/poster16.gif"> <img height="117" width="77" src="images/poster16-s.gif" alt=""></a> <td>3.9<br> <a href="images/poster15.gif"> <img height="120" width="82" src="images/poster15-s.gif" alt=""></a> <td>3.8<br> <a href="images/poster14.gif"> <img height="120" width="82" src="images/poster14-s.gif" alt=""></a> <td>3.7<br> <a href="images/poster13.gif"> <img height="120" width="82" src="images/poster13-s.gif" alt=""></a> <td>3.6<br> <a href="images/poster12.jpg"> <img height="120" width="82" src="images/poster12-s.gif" alt=""></a> <td>3.5<br> <a href="images/poster11.jpg"> <img height="120" width="82" src="images/poster11-s.gif" alt=""></a> <td>3.4<br> <a href="images/poster10.jpg"> <img height="120" width="82" src="images/poster10-s.gif" alt=""></a> <tr> <td>3.3<br> <a href="images/poster9.jpg"> <img height="120" width="82" src="images/poster9-s.gif" alt=""></a> <td>3.2<br> <a href="images/poster8.jpg"> <img height="120" width="82" src="images/poster8-s.gif" alt=""></a> <td>3.1<br> <a href="images/poster7.jpg"> <img height="120" width="82" src="images/poster7-s.gif" alt=""></a> <td>3.0<br> <a href="images/poster6.jpg"> <img height="120" width="82" src="images/poster6-s.gif" alt=""></a> <td>2.9<br> <a href="images/poster5.jpg"> <img height="120" width="82" src="images/poster5-s.gif" alt=""></a> <td>2.8<br> <a href="images/poster4.jpg"> <img height="120" width="82" src="images/poster4-s.gif" alt=""></a> <td>2.7<br> <a href="images/poster3.jpg"> <img height="120" width="82" src="images/poster3-s.gif" alt=""></a> <td>OpenSSH<br> <a href="images/poster2.jpg"> <img height="120" width="78" src="images/poster2-s.gif" alt=""></a> <td>2.6<br> <a href="images/poster1.jpg"> <img height="120" width="77" src="images/poster1-s.gif" alt=""></a> <tbody> <tr> <th colspan="9"> Fan art <tr> <td>Puffy<br>vs<br>Cthulhu<br> <a href="images/puffy_vs_cthulhu.jpg"> <img height="120" width="77" src="images/puffy_vs_cthulhu-s.jpg" alt=""></a> <td> <td> <td> <td> <td> <td> <td> <td> </table>