Return to art2.html CVS log | Up to [local] / www |
File: [local] / www / Attic / art2.html (download) (as text)
Revision 1.19, Sat Jun 1 22:34:41 2019 UTC (5 years 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: Art</title> <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/art2.html"> <style> ul { list-style-type: none; padding-left: 0; } li { text-align: center; } ul.nav li { font-size: 14pt; text-align: left; font-weight: bolder; } @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> Art </h2> <hr> <p> Most images provided here are copyright by OpenBSD, by Theo de Raadt, or by other members or developers of the OpenBSD group. However, it is our intent that anyone be able to use these images to represent OpenBSD in a positive light. So enjoy them and let the world see them, if that is your wish. <ul class=nav> <li><a href=art1.html>Page 1: Banners</a> <li><a href=art2.html>Page 2: Art</a> <li><a href=art3.html>Page 3: Art</a> <li><a href=art4.html>Page 4: Reference Artwork</a> </ul> <hr> <ul style="column-count: 5;"> <li> <a href="art/44bsd-small.gif"><img alt="44bsd-small.gif" src="//www.openbsd.org/art/.small/44bsd-small.gif.gif" width="80" height="39"></a> <li> <a href="art/44bsd.gif"><img alt="44bsd.gif" src="//www.openbsd.org/art/.small/44bsd.gif.gif" width="80" height="40"></a> <li> <a href="art/BSDCop_4bit.gif"><img alt="BSDCop_4bit.gif" src="//www.openbsd.org/art/.small/BSDCop_4bit.gif.gif" width="80" height="65"></a> <li> <a href="art/BSDCop_8bit.gif"><img alt="BSDCop_8bit.gif" src="//www.openbsd.org/art/.small/BSDCop_8bit.gif.gif" width="80" height="65"></a> <li> <a href="art/BSDCop_blend.gif"><img alt="BSDCop_blend.gif" src="//www.openbsd.org/art/.small/BSDCop_blend.gif.gif" width="80" height="74"></a> <li> <a href="art/BSDCop_unail.gif"><img alt="BSDCop_unail.gif" src="//www.openbsd.org/art/.small/BSDCop_unail.gif.gif" width="80" height="65"></a> <li> <a href="art/OpenBSE_2.jpg"><img alt="OpenBSE_2.jpg" src="//www.openbsd.org/art/.small/OpenBSE_2.jpg.gif" width="61" height="80"></a> <li> <a href="art/OpenBSE_2_small.jpg"><img alt="OpenBSE_2_small.jpg" src="//www.openbsd.org/art/.small/OpenBSE_2_small.jpg.gif" width="61" height="80"></a> <li> <a href="art/blow_col_only.jpg"><img alt="blow_col_only.jpg" src="//www.openbsd.org/art/.small/blow_col_only.jpg.gif" width="74" height="80"></a> <li> <a href="art/blowfish.jpg"><img alt="blowfish.jpg" src="//www.openbsd.org/art/.small/blowfish.jpg.gif" width="80" height="70"></a> <li> <a href="art/blowfish_final.jpg"><img alt="blowfish_final.jpg" src="//www.openbsd.org/art/.small/blowfish_final.jpg.gif" width="80" height="80"></a> <li> <a href="art/blowfish_small.jpg"><img alt="blowfish_small.jpg" src="//www.openbsd.org/art/.small/blowfish_small.jpg.gif" width="80" height="70"></a> <li> <a href="art/bsd_small.gif"><img alt="bsd_small.gif" src="//www.openbsd.org/art/.small/bsd_small.gif.gif" width="80" height="11"></a> <li> <a href="art/cdblowb.jpg"><img alt="cdblowb.jpg" src="//www.openbsd.org/art/.small/cdblowb.jpg.gif" width="80" height="80"></a> <li> <a href="art/cdblowf.jpg"><img alt="cdblowf.jpg" src="//www.openbsd.org/art/.small/cdblowf.jpg.gif" width="80" height="80"></a> <li> <a href="art/cover_col_4.gif"><img alt="cover_col_4.gif" src="//www.openbsd.org/art/.small/cover_col_4.gif.gif" width="80" height="80"></a> <li> <a href="art/daemon_sticker_lg.jpg"><img alt="daemon_sticker_lg.jpg" src="//www.openbsd.org/art/.small/daemon_sticker_lg.jpg.gif" width="52" height="80"></a> <li> <a href="art/fishbowl_sm.jpg"><img alt="fishbowl_sm.jpg" src="//www.openbsd.org/art/.small/fishbowl_sm.jpg.gif" width="80" height="68"></a> <li> <a href="art/head.gif"><img alt="head.gif" src="//www.openbsd.org/art/.small/head.gif.gif" width="69" height="80"></a> <li> <a href="art/head.jpg"><img alt="head.jpg" src="//www.openbsd.org/art/.small/head.jpg.gif" width="51" height="80"></a> <li> <a href="art/head_small.jpg"><img alt="head_small.jpg" src="//www.openbsd.org/art/.small/head_small.jpg.gif" width="51" height="80"></a> <li> <a href="art/lock.gif"><img alt="lock.gif" src="//www.openbsd.org/art/.small/lock.gif.gif" width="80" height="69"></a> <li> <a href="art/logo23.jpg"><img alt="logo23.jpg" src="//www.openbsd.org/art/.small/logo23.jpg.gif" width="80" height="17"></a> <li> <a href="art/logo24.jpg"><img alt="logo24.jpg" src="//www.openbsd.org/art/.small/logo24.jpg.gif" width="80" height="17"></a> <li> <a href="art/logo25.gif"><img alt="logo25.gif" src="//www.openbsd.org/art/.small/logo25.gif.gif" width="80" height="17"></a> <li> <a href="art/main.gif"><img alt="main.gif" src="//www.openbsd.org/art/.small/main.gif.gif" width="80" height="62"></a> <li> <a href="art/newhead.jpg"><img alt="newhead.jpg" src="//www.openbsd.org/art/.small/newhead.jpg.gif" width="80" height="80"></a> <li> <a href="art/obsd25.jpg"><img alt="obsd25.jpg" src="//www.openbsd.org/art/.small/obsd25.jpg.gif" width="80" height="80"></a> <li> <a href="art/obsd25.tif"><img alt="obsd25.tif" src="//www.openbsd.org/art/.small/obsd25.tif.gif" width="80" height="80"></a> <li> <a href="art/openbsd21_cover.gif"><img alt="openbsd21_cover.gif" src="//www.openbsd.org/art/.small/openbsd21_cover.gif.gif" width="80" height="80"></a> <li> <a href="art/openbsd22_cover.gif"><img alt="openbsd22_cover.gif" src="//www.openbsd.org/art/.small/openbsd22_cover.gif.gif" width="80" height="80"></a> <li> <a href="art/openbsd23_cover.gif"><img alt="openbsd23_cover.gif" src="//www.openbsd.org/art/.small/openbsd23_cover.gif.gif" width="80" height="80"></a> <li> <a href="art/openbsd24_banner.jpg"><img alt="openbsd24_banner.jpg" src="//www.openbsd.org/art/.small/openbsd24_banner.jpg.gif" width="80" height="17"></a> <li> <a href="art/openbsd24_cover.gif"><img alt="openbsd24_cover.gif" src="//www.openbsd.org/art/.small/openbsd24_cover.gif.gif" width="80" height="80"></a> <li> <a href="art/openbsd24_sticker_col_small.jpg"><img alt="openbsd24_sticker_col_small.jpg" src="//www.openbsd.org/art/.small/openbsd24_sticker_col_small.jpg.gif" width="80" height="50"></a> <li> <a href="art/openbsd25_cds_v3.gif"><img alt="openbsd25_cds_v3.gif" src="//www.openbsd.org/art/.small/openbsd25_cds_v3.gif.gif" width="80" height="61"></a> <li> <a href="art/openbsd25_cover.gif"><img alt="openbsd25_cover.gif" src="//www.openbsd.org/art/.small/openbsd25_cover.gif.gif" width="80" height="80"></a> <li> <a href="art/openbsd25_cover_v1.gif"><img alt="openbsd25_cover_v1.gif" src="//www.openbsd.org/art/.small/openbsd25_cover_v1.gif.gif" width="80" height="80"></a> <li> <a href="art/openbsd25_cover_v2.gif"><img alt="openbsd25_cover_v2.gif" src="//www.openbsd.org/art/.small/openbsd25_cover_v2.gif.gif" width="80" height="80"></a> <li> <a href="art/openbsd25_cover_v3.gif"><img alt="openbsd25_cover_v3.gif" src="//www.openbsd.org/art/.small/openbsd25_cover_v3.gif.gif" width="80" height="80"></a> <li> <a href="art/openbsd25_cover_v4.gif"><img alt="openbsd25_cover_v4.gif" src="//www.openbsd.org/art/.small/openbsd25_cover_v4.gif.gif" width="80" height="80"></a> <li> <a href="art/openbsd25_cover_v5.gif"><img alt="openbsd25_cover_v5.gif" src="//www.openbsd.org/art/.small/openbsd25_cover_v5.gif.gif" width="80" height="80"></a> <li> <a href="art/openbsd25_inside_small.gif"><img alt="openbsd25_inside_small.gif" src="//www.openbsd.org/art/.small/openbsd25_inside_small.gif.gif" width="80" height="20"></a> <li> <a href="art/openbsd25_on_transparent.gif"><img alt="openbsd25_on_transparent.gif" src="//www.openbsd.org/art/.small/openbsd25_on_transparent.gif.gif" width="67" height="80"></a> <li> <a href="art/openbsd25_stickers_v3.gif"><img alt="openbsd25_stickers_v3.gif" src="//www.openbsd.org/art/.small/openbsd25_stickers_v3.gif.gif" width="51" height="80"></a> <li> <a href="art/openbsd_cover_wide_small.gif"><img alt="openbsd_cover_wide_small.gif" src="//www.openbsd.org/art/.small/openbsd_cover_wide_small.gif.gif" width="80" height="20"></a> <li> <a href="art/openbsdpower.gif"><img alt="openbsdpower.gif" src="//www.openbsd.org/art/.small/openbsdpower.gif.gif" width="80" height="18"></a> <li> <a href="art/powered.gif"><img alt="powered.gif" src="//www.openbsd.org/art/.small/powered.gif.gif" width="80" height="18"></a> <li> <a href="art/ramblo.jpg"><img alt="ramblo.jpg" src="//www.openbsd.org/art/.small/ramblo.jpg.gif" width="80" height="60"></a> <li> <a href="art/rest.gif"><img alt="rest.gif" src="//www.openbsd.org/art/.small/rest.gif.gif" width="69" height="80"></a> <li> <a href="art/slackers.jpg"><img alt="slackers.jpg" src="//www.openbsd.org/art/.small/slackers.jpg.gif" width="80" height="61"></a> <li> <a href="art/sparc.gif"><img alt="sparc.gif" src="//www.openbsd.org/art/.small/sparc.gif.gif" width="80" height="80"></a> <li> <a href="art/sticker.jpg"><img alt="sticker.jpg" src="//www.openbsd.org/art/.small/sticker.jpg.gif" width="50" height="80"></a> <li> <a href="art/sticker_small.jpg"><img alt="sticker_small.jpg" src="//www.openbsd.org/art/.small/sticker_small.jpg.gif" width="49" height="80"></a> <li> <a href="art/tshirt-1.jpg"><img alt="tshirt-1.jpg" src="//www.openbsd.org/art/.small/tshirt-1.jpg.gif" width="76" height="80"></a> <li> <a href="art/tshirt-2.jpg"><img alt="tshirt-2.jpg" src="//www.openbsd.org/art/.small/tshirt-2.jpg.gif" width="76" height="80"></a> <li> <a href="art/tshirt-3.jpg"><img alt="tshirt-3.jpg" src="//www.openbsd.org/art/.small/tshirt-3.jpg.gif" width="80" height="59"></a> <li> <a href="art/tshirt-4.gif"><img alt="tshirt-4.gif" src="//www.openbsd.org/art/.small/tshirt-4.gif.gif" width="80" height="70"></a> <li> <a href="art/tshirt-4b.gif"><img alt="tshirt-4b.gif" src="//www.openbsd.org/art/.small/tshirt-4b.gif.gif" width="80" height="80"></a> <li> <a href="art/tshirt-5.jpg"><img alt="tshirt-5.jpg" src="//www.openbsd.org/art/.small/tshirt-5.jpg.gif" width="51" height="80"></a> <li> <a href="art/tshirt-5b.jpg"><img alt="tshirt-5b.jpg" src="//www.openbsd.org/art/.small/tshirt-5b.jpg.gif" width="61" height="80"></a> <li> <a href="art/tshirt-6.jpg"><img alt="tshirt-6.jpg" src="//www.openbsd.org/art/.small/tshirt-6.jpg.gif" width="80" height="61"></a> <li> <a href="art/tshirt-6b.jpg"><img alt="tshirt-6b.jpg" src="//www.openbsd.org/art/.small/tshirt-6b.jpg.gif" width="54" height="80"></a> <li> <a href="art/tshirt3-back.gif"><img alt="tshirt3-back.gif" src="//www.openbsd.org/art/.small/tshirt3-back.gif.gif" width="80" height="73"></a> <li> <a href="art/tshirt3-front.gif"><img alt="tshirt3-front.gif" src="//www.openbsd.org/art/.small/tshirt3-front.gif.gif" width="80" height="74"></a> <li> <a href="art/twofour.jpg"><img alt="twofour.jpg" src="//www.openbsd.org/art/.small/twofour.jpg.gif" width="67" height="80"></a> </ul>