[BACK]Return to art4.html CVS log [TXT][DIR] Up to [local] / www

File: [local] / www / Attic / art4.html (download) (as text)

Revision 1.8, Mon May 27 22:55:19 2019 UTC (5 years ago) by bentley
Branch: MAIN
Changes since 1.7: +77 -71 lines

Substantially clean up and modernize HTML markup across openbsd.org.

This was done with three purposes in mind:
- to reduce the massive amount of inline HTML, to be easier on developers
  adding actual content
- to allow running the HTML validator across the source (doing this found
  many unintentional mistakes in the present code, including at least a
  dozen cases of half- or fully-invisible text)
- to separate content from presentation, so appearance can be controlled
  through stylesheets

Great care was taken to keep all pages, even very old ones, looking the
same, give or take a few pixels of whitespace.

Much review, critique, and improvement from tj@

<!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/art4.html">

<style>
ul {
        list-style-type: none;
        padding-left: 0;
}

ul.nav {
        font-weight: bolder;
}

ul.nav li {
        font-size: 14pt;
}
</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>

<p>
These artwork components are supposed to emphasize OpenBSD 'in general',
meaning that when you are trying to represent OpenBSD without regard to
a specific release, this is probably the ones you wish to use.

<ul>
<li><a href="art/puffy/ppuf100X91.gif">Painted Puffy 100x91 gif</a>
<li><a href="art/puffy/ppuf150X136.gif">Painted Puffy 150x136 gif</a>
<li><a href="art/puffy/ppuf200X181.gif">Painted Puffy 200x181 gif</a>
<li><a href="art/puffy/ppuf300X272.gif">Painted Puffy 300x272 gif</a>
<li><a href="art/puffy/ppuf400X363.gif">Painted Puffy 400x363 gif</a>
<li><a href="art/puffy/ppuf500X453.gif">Painted Puffy 500x453 gif</a>
<li><a href="art/puffy/ppuf600X544.gif">Painted Puffy 600x544 gif</a>
<li><a href="art/puffy/ppuf800X725.gif">Painted Puffy 800x725 gif</a>
<li><a href="art/puffy/ppuf1000X907.gif">Painted Puffy 1000x907 gif</a>
<li><a href="art/puffy/ppuf.pdf">Painted Puffy pdf</a>
</ul>

<ul>
<li><a href="art/puffy/puf100X86.gif">Cartoon Puffy 100x86 gif</a>
<li><a href="art/puffy/puf150X129.gif">Cartoon Puffy 150x129 gif</a>
<li><a href="art/puffy/puf200X172.gif">Cartoon Puffy 200x172 gif</a>
<li><a href="art/puffy/puf300X258.gif">Cartoon Puffy 300x258 gif</a>
<li><a href="art/puffy/puf400X344.gif">Cartoon Puffy 400x344 gif</a>
<li><a href="art/puffy/puf500X430.gif">Cartoon Puffy 500x430 gif</a>
<li><a href="art/puffy/puf600X516.gif">Cartoon Puffy 600x516 gif</a>
<li><a href="art/puffy/puf800X689.gif">Cartoon Puffy 800x689 gif</a>
<li><a href="art/puffy/puf.pdf">Cartoon Puffy pdf</a>
</ul>

<ul>
<li><a href="art/puffy/puflogh200X50.gif">Cartoon Puffy with logo on right 200x50 gif</a>
<li><a href="art/puffy/puflogh300X74.gif">Cartoon Puffy with logo on right 300x74 gif</a>
<li><a href="art/puffy/puflogh400X99.gif">Cartoon Puffy with logo on right 400x99 gif</a>
<li><a href="art/puffy/puflogh500X124.gif">Cartoon Puffy with logo on right 500x124 gif</a>
<li><a href="art/puffy/puflogh600X149.gif">Cartoon Puffy with logo on right 600x149 gif</a>
<li><a href="art/puffy/puflogh800X199.gif">Cartoon Puffy with logo on right 800x199 gif</a>
<li><a href="art/puffy/puflogh1000X248.gif">Cartoon Puffy with logo on right 1000x248 gif</a>
<li><a href="art/puffy/puflogh.pdf">Cartoon Puffy with logo on right pdf</a>
</ul>

<ul>
<li><a href="art/puffy/puflogv100X65.gif">Cartoon Puffy with logo below 100x65 gif</a>
<li><a href="art/puffy/puflogv200X130.gif">Cartoon Puffy with logo below 200x130 gif</a>
<li><a href="art/puffy/puflogv300X195.gif">Cartoon Puffy with logo below 300x195 gif</a>
<li><a href="art/puffy/puflogv400X260.gif">Cartoon Puffy with logo below 400x260 gif</a>
<li><a href="art/puffy/puflogv500X325.gif">Cartoon Puffy with logo below 500x325 gif</a>
<li><a href="art/puffy/puflogv600X390.gif">Cartoon Puffy with logo below 600x390 gif</a>
<li><a href="art/puffy/puflogv800X520.gif">Cartoon Puffy with logo below 800x520 gif</a>
<li><a href="art/puffy/puflogv1000X650.gif">Cartoon Puffy with logo below 1000x650 gif</a>
<li><a href="art/puffy/puflogv.pdf">Cartoon Puffy with logo below pdf</a>
</ul>