lucidiot/winpixel
lucidiot
/
winpixel
2
0
Fork 0
Code Issues Pull Requests Releases Activity

Remove every HTML file

This commit is contained in:
~lucidiot 2021-07-23 23:42:12 +02:00
parent a19653383b
commit ca440b195b
6 changed files with 1 additions and 192 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -1 +1,2 @@
Thumbs.db
*.html

36
index.html
View File

@ -1,36 +0,0 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>winpixel</title>
<link rel="stylesheet" type="text/css" href="../theme.css" />
<link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="~lucidiot" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body class="container">
<h1>winpixel</h1>
<div class="section">
<p>i love the old windows 9x/me design. i think it is what made me love pixel art in general.</p>
<p>while there are a <em>lot</em> of icon, sound, or wallpaper packs online, there is not much of what i believe is the best source of pixel art in those old windows versions: the installers.</p>
<p>at that time, the installers and other wizards had pixel art illustrations on the left side of the window to generally illustrate the purpose of the wizard, and add color to this otherwise very gray window; especially the welcome pages at the beginning, often with very little more information than a title and a single sentence describing the wizard and asking you to click next.</p>
<p>those illustrations are quite detailed, more than the 16&times;16 and 32&times;32 icons. armed with one of my trusty ThinkPads running XP, eXeScope, Resource Hacker and Paint Shop Pro, i went on a quest to extract those illustrations, and any other interesting and rarely distributed bit of pixel art.</p>
<p>if you know of any good windows-style pixel art somewhere that is not yet on this page, feel free to <a href="../contact.html">contact me</a> and tell me where you found it so that i can scrape it!</p>
</div>
<div class="section" id="original">
<h2>original images</h2>
<ul>
<li><a href="orig/120x226/index.html">120&times;226</a></li>
<li><a href="orig/135x250/index.html">135&times;250</a></li>
<li><a href="orig/150x360/index.html">150&times;360</a></li>
<li><a href="orig/other/index.html">other</a></li>
</ul>
</div>
<div class="section" id="edits">
<h2>edits</h2>
<p>soon&trade;</p>
</div>
</body>
</html>

48
orig/120x226/index.html
View File

@ -1,48 +0,0 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>120x226</title>
<link rel="stylesheet" type="text/css" href="../../../theme.css" />
<link rel="shortcut icon" type="image/x-icon" href="../../../img/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="~lucidiot" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body class="container">
<h1>original 120x226</h1>
<p><a href="../../index.html">project home page</a></p>
<p>
<a href="5001.bmp" target="_blank"><img src="5001.bmp" alt="The MS-DOS and program manager icons with arrows pointing to the Start Menu and Programs menu" title="The MS-DOS and program manager icons with arrows pointing to the Start Menu and Programs menu" /></a>
<a href="5002.bmp" target="_blank"><img src="5002.bmp" alt="A pen writing a DOS script, behind two computer screens displaying DOS scripts" title="A pen writing a DOS script, behind two computer screens displaying DOS scripts" /></a>
<a href="help.bmp" target="_blank"><img src="help.bmp" alt="A bookcase full of help books, and helpbooks, a magnifying glass and pieces of paper scattered around" title="A bookcase full of help books, and helpbooks, a magnifying glass and pieces of paper scattered around" /></a>
<a href="postoffice.bmp" target="_blank"><img src="postoffice.bmp" alt="A pencil, pieces of paper and a floppy disk" title="A pencil, pieces of paper and a floppy disk" /></a>
<a href="backup.bmp" target="_blank"><img src="backup.bmp" alt="Two cassettes and three floppy disks in front of a computer" title="Two cassettes and three floppy disks in front of a computer" /></a>
<a href="floppies.bmp" target="_blank"><img src="floppies.bmp" alt="A floppy disk being inserted in a computer, next to three other floppy disks" title="A floppy disk being inserted in a computer, next to three other floppy disks" /></a>
<a href="hardware.bmp" target="_blank"><img src="hardware.bmp" alt="Pieces of hardware scattered around an open computer case" title="Pieces of hardware scattered around an open computer case" /></a>
<a href="hardware2.bmp" target="_blank"><img src="hardware2.bmp" alt="A parallel port PCI card, a modem and a hard drive with an opened case" title="A parallel port PCI card, a modem and a hard drive with an opened case" /></a>
<a href="pcmcia.bmp" target="_blank"><img src="pcmcia.bmp" alt="A PCMCIA card being inserted into a laptop, with a pencil, paper, and other PCMCIA cards lying around" title="A PCMCIA card being inserted into a laptop, with a pencil, paper, and other PCMCIA cards lying around" /></a>
<a href="midi.bmp" target="_blank"><img src="midi.bmp" alt="A computer displaying a partition with a synthesizer plugged in" title="A computer displaying a partition with a synthesizer plugged in" /></a>
<a href="mail.bmp" target="_blank"><img src="mail.bmp" alt="A computer displaying e-mail next to floppies, a modem, physical mail, folders, paper and a fax" title="A computer displaying e-mail next to floppies, a modem, physical mail, folders, paper and a fax" /></a>
<a href="printer.bmp" target="_blank"><img src="printer.bmp" alt="A computer plugged in to a printer, with pieces of paper and a pencil" title="A computer plugged in to a printer, with pieces of paper and a pencil" /></a>
<a href="infrared.bmp" target="_blank"><img src="infrared.bmp" alt="A printer and a laptop communicating over infrared, with a pencil and paper lying around" title="A printer and a laptop communicating over infrared, with a pencil and paper lying around" /></a>
<a href="phone3.bmp" target="_blank"><img src="phone3.bmp" alt="A phone above a modem next to a computer, a piece of paper and a pencil" title="A phone above a modem next to a computer, a piece of paper and a pencil" /></a>
<a href="phone4.bmp" target="_blank"><img src="phone4.bmp" alt="A fax above a modem next to a computer and pieces of paper" title="A fax above a modem next to a computer and pieces of paper" /></a>
<a href="conference.bmp" target="_blank"><img src="conference.bmp" alt="A microphone far from a computer and a modem with a phone line" title="A microphone far from a computer and a modem with a phone line" /></a>
<a href="modem.bmp" target="_blank"><img src="modem.bmp" alt="Pencil and notepad next to a computer plugged into a phone line via a modem" title="Pencil and notepad next to a computer plugged into a phone line via a modem" /></a>
<a href="phone2.bmp" target="_blank"><img src="phone2.bmp" alt="A computer connected to a phone via a phone line, with a modem having a signpost pointing at London and Seattle" title="A computer connected to a phone via a phone line, with a modem having a signpost pointing at London and Seattle" /></a>
<a href="fax3.bmp" target="_blank"><img src="fax3.bmp" alt="Two server bays connected to a computer via a phone line" title="Two server bays connected to a computer via a phone line" /></a>
<a href="dialup.bmp" target="_blank"><img src="dialup.bmp" alt="A laptop and a computer connected to each other via two modems and a phone line" title="A laptop and a computer connected to each other via two modems and a phone line" /></a>
<a href="fax2.bmp" target="_blank"><img src="fax2.bmp" alt="A computer and a fax connected to another computer via a phone line" title="A computer and a fax connected to another computer via a phone line" /></a>
<a href="internet.bmp" target="_blank"><img src="internet.bmp" alt="Three dotted lines between a computer and the Earth" title="Three dotted lines between a computer and the Earth" /></a>
<a href="netmeeting.bmp" target="_blank"><img src="netmeeting.bmp" alt="Two computers connected to each other via a globe" title="Two computers connected to each other via a globe" /></a>
<a href="mail2.bmp" target="_blank"><img src="mail2.bmp" alt="E-mail flying from a globe towards a computer" title="E-mail flying from a globe towards a computer" /></a>
<a href="news.bmp" target="_blank"><img src="news.bmp" alt="A newspaper flying from a globe towards a computer" title="A newspaper flying from a globe towards a computer" /></a>
<a href="phonebook.bmp" target="_blank"><img src="phonebook.bmp" alt="A phonebook next to a phone and a modem" title="A phone book next to a phone and a modem" /></a>
<a href="phonebook2.bmp" target="_blank"><img src="phonebook2.bmp" alt="A question mark printed on a phonebook next to a phone and a modem" title="A question mark printed on a phonebook next to a phone and a modem" /></a>
<a href="phonebook3.bmp" target="_blank"><img src="phonebook3.bmp" alt="A quarter of a satellite view of the Earth on a gray background" title="A quarter of a satellite view of the Earth on a gray background" /></a>
<a href="card.bmp" target="_blank"><img src="card.bmp" alt="Visa, MasterCard, American Express, Bankcard and JCB cards" title="Visa, MasterCard, American Express, Bankcard and JCB cards" /></a>
<a href="dcc.bmp" target="_blank"><img src="dcc.bmp" alt="A laptop and a computer on a desk getting connected via a parallel or serial cable, with a notepad, pencil and paper scattered around" title="A laptop and a computer on a desk getting connected via a parallel or serial cable, with a notepad, pencil and paper scattered around" /></a>
<a href="sync.bmp" target="_blank"><img src="sync.bmp" alt="Arrows showing synchronisation using a Windows Briefcase between a computer and a laptop" title="Arrows showing synchronisation using a Windows Briefcase between a computer and a laptop" /></a>
</p>
</body>
</html>

23
orig/135x250/index.html
View File

@ -1,23 +0,0 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>135x250</title>
<link rel="stylesheet" type="text/css" href="../../../theme.css" />
<link rel="shortcut icon" type="image/x-icon" href="../../../img/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="~lucidiot" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body class="container">
<h1>original 135x250</h1>
<p><a href="../../index.html">project home page</a></p>
<p>
<a href="a.bmp" target="_blank"><img src="a.bmp" alt="A pen signing a document next to a stamp and other pieces of paper" title="A pen signing a document next to a stamp and other pieces of paper" /></a>
<a href="b.bmp" target="_blank"><img src="b.bmp" alt="A computer, a software box, a CD, five floppies, a pencil and paper" title="A computer, a software box, a CD, five floppies, a pencil and paper" /></a>
<a href="c.bmp" target="_blank"><img src="c.bmp" alt="An arrow pointing at the product key on a Windows 95 certificate of authenticity" title="An arrow pointing at the product key on a Windows 95 certificate of authenticity" /></a>
<a href="d.bmp" target="_blank"><img src="d.bmp" alt="Five coloured flags of varying heights" title="Five coloured flags of varying heights" /></a>
<a href="e.bmp" target="_blank"><img src="e.bmp" alt="Some keyboard keys scattered around" title="Some keyboard keys scattered around" /></a>
<a href="148.bmp" target="_blank"><img src="148.bmp" alt="A printer connected to a local network with two computers and a laptop" title="A printer connected to a local network with two computers and a laptop" /></a>
</p>
</body>
</html>

29
orig/150x360/index.html
View File

@ -1,29 +0,0 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>150x360</title>
<link rel="stylesheet" type="text/css" href="../../../theme.css" />
<link rel="shortcut icon" type="image/x-icon" href="../../../img/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="~lucidiot" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body class="container">
<h1>original 150x360</h1>
<p><a href="../../index.html">project home page</a></p>
<p>
<a href="1.bmp" target="_blank"><img src="1.bmp" alt="The Windows 95 logo, rotated" title="The Windows 95 logo, rotated" /></a>
<a href="2.bmp" target="_blank"><img src="2.bmp" alt="A lit lightbulb above the Start menu" title="A lit lightbulb above the Start menu" /></a>
<a href="3.bmp" target="_blank"><img src="3.bmp" alt="A stack of papers with graphs and a pencil next to a checklist, in front of a folder" title="A stack of papers with graphs and a pencil next to a checklist, in front of a folder" /></a>
<a href="4.bmp" target="_blank"><img src="4.bmp" alt="Two computers, with one of them plugged in to a printer" title="Two computers, with one of them plugged in to a printer" /></a>
<a href="5.bmp" target="_blank"><img src="5.bmp" alt="A computer with a speaker and a joystick plugged in, running a space shooting game" title="A computer with a speaker and a joystick plugged in, running a space shooting game" /></a>
<a href="6.bmp" target="_blank"><img src="6.bmp" alt="A computer displaying a handicapped sign and emitting bright light" title="A computer displaying a handicapped sign and emitting bright light" /></a>
<a href="7.bmp" target="_blank"><img src="7.bmp" alt="The back of a computer, with a PCMCIA card and a parallel cable being plugged in" title="The back of a computer, with a PCMCIA card and a parallel cable being plugged in" /></a>
<a href="8.bmp" target="_blank"><img src="8.bmp" alt="A laptop connected to a phone line, behind a briefcase" title="A laptop connected to a phone line, behind a briefcase" /></a>
<a href="9.bmp" target="_blank"><img src="9.bmp" alt="A letter and a piece of paper with a pie chart in front of a mail tray" title="A letter and a piece of paper with a pie chart in front of a mail tray" /></a>
<a href="10.bmp" target="_blank"><img src="10.bmp" alt="The Microsoft Network's banner" title="The Microsoft Network's banner" /></a>
<a href="11.bmp" target="_blank"><img src="11.bmp" alt="Pencil and paper in front of a computer and a phone with a modem" title="Pencil and paper in front of a computer and a phone with a modem" /></a>
<a href="12.bmp" target="_blank"><img src="12.bmp" alt="Three help books, with the top one opened and a magnifying glass above it" title="Three help books, with the top one opened and a magnifying glass above it" /></a>
</p>
</body>
</html>

56
orig/other/index.html
View File

@ -1,56 +0,0 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>other</title>
<link rel="stylesheet" type="text/css" href="../../../theme.css" />
<link rel="shortcut icon" type="image/x-icon" href="../../../img/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="~lucidiot" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body class="container">
<h1>other original images</h1>
<p><a href="../../index.html">project home page</a></p>
<p>
<a href="msbanner.bmp" target="_blank"><img src="msbanner.bmp" alt="The Microsoft logo engraved into a gray background" title="The Microsoft logo engraved into a gray background" /></a>
<a href="energystar.bmp" target="_blank"><img src="energystar.bmp" alt="Energy Star logo" title="Energy Star logo" /></a>
<a href="mouse.bmp" target="_blank"><img src="mouse.bmp" alt="Mouse with coloured buttons" title="Mouse with coloured buttons" /></a>
<a href="phone.bmp" target="_blank"><img src="phone.bmp" alt="A computer connected to a phone line via a modem, with a signpost showing directions to the west and east" title="A computer connected to a phone line via a modem, with a signpost showing directions to the west and east" /></a>
<a href="fax.bmp" target="_blank"><img src="fax.bmp" alt="A computer and a fax exchanging a file" title="A computer and a fax exchanging a file" /></a>
<a href="9998.bmp" target="_blank"><img src="9998.bmp" alt="A headless person presenting multiple heads, including a bear's" title="A headless person presenting multiple heads, including a bear's" /></a>
<a href="screen2.bmp" target="_blank"><img src="screen2.bmp" alt="A screen in 2D displaying the Windows logo" title="A screen in 2D displaying the Windows logo" /></a>
<a href="screen.bmp" target="_blank"><img src="screen.bmp" alt="A screen in 2D displaying a game on the Windows desktop" title="A screen in 2D displaying a game on the Windows desktop" /></a>
<a href="printer2.bmp" target="_blank"><img src="printer2.bmp" alt="A printer with a network cable and a hard drive" title="A printer with a network cable and a hard drive" /></a>
<a href="phonebook4.bmp" target="_blank"><img src="phonebook4.bmp" alt="A computer connected to a modem with lines of dots towards the Earth" title="A computer connected to a modem with lines of dots towards the Earth" /></a>
<a href="finish.bmp" target="_blank"><img src="finish.bmp" alt="A chequered flag" title="A chequered flag" /></a>
<a href="mirodc20.bmp" target="_blank"><img src="mirodc20.bmp" alt="A Miro DC-20 video acquisition card" title="A Miro DC-20 video acquisition card" /></a>
</p>
<h2>msn</h2>
<p>
<a href="msnbiglogo.bmp" target="_blank"><img src="msnbiglogo.bmp" alt="The MSN logo with a globe and various objects related to arts and news" title="The MSN logo with a globe and various objects related to arts and news" /></a>
<a href="msnbanner.bmp" target="_blank"><img src="msnbanner.bmp" alt="The MSN logo with a globe and various objects related to arts and news" title="The MSN logo with a globe and various objects related to arts and news" /></a>
<a href="msnsignin.bmp" target="_blank"><img src="msnsignin.bmp" alt="The MSN logo with a globe and various objects related to arts and news" title="The MSN logo with a globe and various objects related to arts and news" /></a>
</p>
<h2>maps</h2>
<p>
<a href="map.bmp" target="_blank"><img src="map.bmp" alt="A world map where each color depicts a Windows locale" title="A world map where each color depicts a Windows locale" /></a>
<a href="map2.bmp" target="_blank"><img src="map2.bmp" alt="A world map where each color depicts a timezone" title="A world map where each color depicts a timezone" /></a>
</p>
<h2>ssl certificate</h2>
<p>
<a href="cert.bmp" target="_blank"><img src="cert.bmp" alt="A blank certificate with decorated borders" title="A blank certificate with decorated borders" /></a>
<a href="certstamp.bmp" target="_blank"><img src="certstamp.bmp" alt="A gray certificate stamp" title="A gray certificate stamp" /></a>
</p>
<h2>registration</h2>
<p>
<a href="reg1.bmp" target="_blank"><img src="reg1.bmp" alt="Three floppy disks, an instructions manual and a cup of coffee" title="Three floppy disks, an instructions manual and a cup of coffee" /></a>
<a href="reg2.bmp" target="_blank"><img src="reg2.bmp" alt="Three computers, a clipboard with a checklist and a pencil" title="Three computers, a clipboard with a checklist and a pencil" /></a>
<a href="reg3.bmp" target="_blank"><img src="reg3.bmp" alt="Three files moving between two computers and a cup of coffee" title="Three files moving between two computers and a cup of coffee" /></a>
</p>
<h2>backgrounds and wallpapers</h2>
<p>
<a href="win95cd.bmp" target="_blank"><img src="win95cd.bmp" alt="The Windows 95 logo with a blue CD in the background" title="The Windows 95 logo with a blue CD in the background" /></a>
<a href="win95cd2.bmp" target="_blank"><img src="win95cd2.bmp" alt="A blue sky with the Windows 95 logo and a transparent CD" title="A blue sky with the Windows 95 logo and a transparent CD" /></a>
<a href="setup.bmp" target="_blank"><img src="setup.bmp" alt="A mix of computer hardware photos in shades of blue" title="A mix of computer hardware photos in shades of blue" /></a>
</body>
</html>