[BACK]Return to art3.html CVS log [TXT][DIR] Up to [local] / www
File: [local] / www / Attic / art3.html (download) (as text)

Revision 1.16, Sat Jun 1 22:34:41 2019 UTC (5 years ago) by tj
Branch: MAIN
Changes since 1.15: +9 -0 lines 

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/art3.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; column-fill: auto;">
<li>
<a href="art/BSDPoster2.jpg"><img alt="BSDPoster2.jpg" src="//www.openbsd.org/art/.small/BSDPoster2.jpg.gif" width="52" height="80"></a>
<li>
<a href="art/SSHPoster2.jpg"><img alt="SSHPoster2.jpg" src="//www.openbsd.org/art/.small/SSHPoster2.jpg.gif" width="52" height="80"></a>
<li>
<a href="art/SkullHead.gif"><img alt="SkullHead.gif" src="//www.openbsd.org/art/.small/SkullHead.gif.gif" width="80" height="26"></a>
<li>
<a href="art/WANTHead.gif"><img alt="WANTHead.gif" src="//www.openbsd.org/art/.small/WANTHead.gif.gif" width="80" height="26"></a>
<li>
<a href="art/badge.jpg"><img alt="badge.jpg" src="//www.openbsd.org/art/.small/badge.jpg.gif" width="80" height="37"></a>
<li>
<a href="art/banner.gif"><img alt="banner.gif" src="//www.openbsd.org/art/.small/banner.gif.gif" width="80" height="11"></a>
<li>
<a href="art/banner2.gif"><img alt="banner2.gif" src="//www.openbsd.org/art/.small/banner2.gif.gif" width="80" height="10"></a>
<li>
<a href="art/smallerblk.gif"><img alt="smallerblk.gif" src="//www.openbsd.org/art/.small/smallerblk.gif.gif" width="80" height="18"></a>
<li>
<a href="art/smallhead.gif"><img alt="smallhead.gif" src="//www.openbsd.org/art/.small/smallhead.gif.gif" width="80" height="20"></a>
<li>
<a href="art/sublow.jpg"><img alt="sublow.jpg" src="//www.openbsd.org/art/.small/sublow.jpg.gif" width="80" height="69"></a>
<li>
<a href="art/wanthead2.gif"><img alt="wanthead2.gif" src="//www.openbsd.org/art/.small/wanthead2.gif.gif" width="80" height="26"></a>
</ul>