-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·84 lines (68 loc) · 4.98 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<html>
<head>
<link rel="stylesheet" type="text/css" href="generic.css"/>
<script language="javascript" src="scroll.js"></script>
</head>
<body onload="new ThreeOhScroll('filter')">
<div style="font-size:1.2em; width:50ex; float:left;">
<p><b>Three.OH Scroller</b><br>March 2001
<p>A custom scroller built for the design website threeoh.com.
<p>The grey "marker" rectanges represent news items. They are
spaced relative to their position in the content. Click to jump
directly to that item.
<p>You can also drag the blue scrollbar "thumb" directly. The
triangle marker on the thumb moves relative to your position
in the contnet.
<p><a href="https://github.com/aboodman/threeoh" style="color:black; text-decoration:underline;">source code</a>
</div>
<br>
<div id="filter" style="position:relative; width:290px; height:268px; left:65ex;">
<div id="filterScrollBar" style="position:absolute; left:267px; width:23px; height:268px">
<div id="filterThumbContainer" style="position:absolute; z-index:3; left:13px; top:1px; width:9px; height:266px"><div id="filterThumb" style="position:absolute; top:0px; cursor:pointer; cursor:hand; background-color:#5EBBE7"><img id="filterThumbImg" src="thumb.gif" width="9" height="50" /></div></div>
<div id="filterArrowContainer" style="position:absolute; z-index:4; top:1px; left:10px; width:4px; height:266px"><div id="filterArrow" style="position:absolute"><img id="filterArrowImg" src="arrow.gif" width="4" height="7" /></div></div>
<div id="filterMarkers" style="position:absolute; top:1px; width:9px; height:266px"></div>
</div>
<div id="filterDescription" style="position:absolute; visibility:hidden; z-index:5; font-size:9px; font-family:geneva, tahoma, arial; color:black; background-color:white; padding:2px; padding-bottom:1px; border:1px solid black"></div>
<div id="filterDescArrow" style="position:absolute; visibility:hidden; z-index:6; left:258px; top:2px; width:4px; height:7px; clip:rect(0 4 7 0)"><img src="description.gif" width="4" height="7" /></div>
<div id="filterContainer" style="position:absolute; width:254px; height:267px; overflow:hidden; clip:rect(0 254 267 0)">
<div id="filterContent" style="position:absolute; top:0px">
<p description="Lessrain"><b>16.05.01</b><br />
If you missed the reboot of <a href="http://www.lessrain.co.uk" target="_blank">Lessrain</a>, be sure to check it out as it contains some beautiful portfolio work.
<p description="Sadee"><b>16.05.01</b><br />
Some beautiful typographic work at <a href="http://www.sadee.com/" target="_blank">Sadee</a>, as well as a nice touch of detail.
<p description="Lance Aaron"><b>15.05.01</b><br />
<a href="http://www.lanceaaron.com/" target="_blank">Lance Aaron</a> is a simple, honest and wonderfully observed selection of sketches.
<p description="M 4 + Glitter Port-a-folio"><b>15.05.01</b><br />
<a href="http://www.sodoff.org/mantra/" target="_blank">M 4 + Glitter Port-a-folio</a> (obviously a portfolio site) contains some pretty good form.
<p description="Mike Sheppard"><b>15.05.01</b><br />
Mike Sheppard, former art director at Kioken Inc, and the man behind the motown.com design launches a very impressive <a href="http://www.baseinc.net/" target="_blank">portfolio</a>.
<p description="More OFFF : Snapshots"><b>14.05.01</b><br />
If you're interested, you will find more OFFF snapshots of tired designers and more, <a href="http://exe-prev.nyc1.rareclients.com/barcelona/index.htm" target="_blank">here</a>.
<p description="The Design Culture Network"><b>14.05.01</b><br />
<a href="http://www.relevare.com" target="_blank">Relevare</a> shows us a very interesting approach to navigate.
<br />
<br />
<a href="http://www.designculture.nu" target="_blank">The Design Culture Network</a> is a promotional endeavor of geographically diverse, independent and like-minded websites.
<br />
<br />
<a href="http://badegg.net/chrisjudge" target="_blank">Chris Judge</a> - Personal portfolio site.
<p description="123KLAN"><b>14.05.01</b><br />
Updated <a href="http://www.123klan.com" target="_blank">123KLAN</a> shows off with graffiti-influenced design.
<p description="OFFF : Snapshots"><b>13.05.01</b><br />
Well, here's some evidence of the fun we had at OFFF in Barcelona. Unfortunately the pictures are more touristy rather than documentary.
<br />
<br />
<a href="http://www.threeoh.com/_misc/offf2001/" target="_blank">OFFF : Snapshots</a>
<p description="CANTILEVER chairs"><b>13.05.01</b><br />
A temporary "ebay" announcement for londoners:
<br />
<br />2 <u>original</u> white <a href="http://www.manhattanloft.com/pubimages/PANTON_S-235-333.jpg" target="_blank">CANTILEVER</a> chairs for sale.
<br />Designed 1960 in moulded plastic by <a href="http://www.scandinaviandesign.com/verner_panton/" target="_blank">Verner Panton</a>.
<br />
<br />Interested?
<br />Mail me: james@threeoh.com
</div>
</div>
</div>
</body>
</html>