-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
81 lines (63 loc) · 6.16 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
<!DOCTYPE html>
<html>
<head>
<title>Josh8</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="favicon3.png">
<link rel="stylesheet" href="index/styles/styles.css">
<script type="text/javascript" src="index/js/imageMapResizer.min.js"></script>
<script type="text/javascript" src="index/js/highlightMapAreas.js"></script>
</head>
<body onload='myInit()'>
<canvas id='myCanvas'></canvas> <!-- gets re-positioned in myInit(); -->
<img id = "logo" src="index/images/ok2.png" alt="i">
<div class = "container">
<div class = "main_table">
<h1 class = "title"> Corduroy's Hideout </h1>
<map name = "bookshelf-map">
<!--<area shape = "poly" coords = "x,y,x+width,y+height"/> -->
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="BOOK #1" title="Stalwart News" href="./stalwart" shape="poly" coords="43,125,77,123,86,294,48,292" />
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="BOOK #2" title="Blog" href="./blog" shape="poly" coords="91,128,125,127,120,292,90,294" />
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="BOOK #3" title="Albums" href="./albums" shape="poly" coords="134,126,158,125,153,291,124,289" />
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="BOOK #4" title="Link Hoarding Cupboard" href="./home" shape="poly" coords="163,126,190,127,190,293,160,291" />
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="BOOK #5" title="Corduroy's Art" href="./art" shape="poly" coords="199,133,233,135,257,150,248,291,229,291,197,292" />
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="BOOK #6" title="Software" href="./software" shape="poly" coords="261,152,286,153,280,293,251,293" />
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="BOOK #7" title="Corduroy's Tunes" href="./tunes" shape="poly" coords="293,127,330,132,318,293,285,292" />
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="BOOK #8" title="Meme Editor" href="./meme" shape="poly" coords="335,141,362,143,357,294,326,293" />
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="BOOK #8" title="Library" href="./library" shape="poly" coords="366,134,406,135,401,294,362,294" />
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="BOOK #10" title="Corduroy's Games" href="./games" shape="poly" coords="408,148,431,148,432,293,405,293" />
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="BOOK #11" title="Terminal Emulator" href="./terminal" shape="poly" coords="434,148,456,135,493,136,488,295,450,293,436,293" />
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="BOOK #12" title="Amazing Mirror" href="./mirror" shape="poly" coords="496,136,503,135,532,136,524,294,492,293" />
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="BOOK #13" title="About Me" href="./who" shape="poly" coords="539,140,551,135,579,136,577,294,544,293,532,291" />
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="BOOK #14" title="Paint" href="./paint" shape="poly" coords="585,132,619,132,618,292,587,293" />
<!-- BOTTOM SHELF -->
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="BOOK #15" title="Frippertronics Machine" href="./frippertronics" shape="poly" coords="61,426,92,427,97,578,64,578" />
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="BOOK #16" title="Professor Website Springboard" href="./professors" shape="poly" coords="100,403,134,404,140,574,104,575" />
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="BOOK #17" title="Bigbuu32's Home Page" href="https://delizian.net/" shape="poly" coords="154,407,185,408,205,409,189,575,150,575" />
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="BOOK #18" title="CUNY Hunter Syllabus Bank" href="http://syllabi.hunterosc.org" shape="poly" coords="210,542,210,575,370,571,368,539" />
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="BOOK #19" title="The ENIAC Page" href="https://hunter-open-source-club.github.io/eniac" shape="poly" coords="206,508,208,536,357,532,359,500" />
<!-- BOOK WITH PIPE ON IT -->
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="BOOK #20.5_UNDER_PIPE" title="Mutley - Migration" href="https://edrisahmady.com/old/migration/" shape="poly" coords="206,479,363,472,365,497,206,506" />
<!-- BOOK WITH PIPE ON IT -->
<!-- BOOK TO THE RIGHT OF PIPE -->
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="BOOK #21_RIGHT_OF_PIPE" title="Bigbuu32 presents: fffff" href="https://neverspace.github.io/fffff/" shape="poly" coords="383,423,359,426,377,570,402,569" />
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="BOOK #21.5_RIGHT_OF_PIPE" title="" href="#" shape="poly" coords="347,431,357,430,361,462" />
<!-- BOOK TO THE RIGHT OF PIPE -->
<!-- PIPE -->
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="PIPE" title="Mr. Wizards101's Home Page" href="https://nimatullo.com" shape="poly" coords="238,398,253,395,260,396,267,403,269,406,267,419,285,421,293,421,297,422,309,422,330,422,341,420,347,419,353,419,358,424,356,429,339,430,327,432,308,434,285,436,269,437,254,439,243,437,233,432,229,421" />
<!-- PIPE -->
<!-- PIPE BOWL -->
<area onmouseover='myHover(this);' onmouseout='myLeave();' alt="PIPE BOWL" title="Tha Liddo's Home Page" href="https://edrisahmady.com" shape="poly" coords="229,415,217,420,209,426,210,434,220,447,231,454,241,457,257,460,272,459,281,460,295,459,308,456,317,454,324,451,331,449,337,442,341,438,343,433,343,428,328,418" />
<!-- PIPE BOWL -->
</map>
<img id = "bookshelf" src = "index/images/bookshelf.png" alt = "bookshelf" usemap = "#bookshelf-map">
<script> imageMapResize(); </script>
<br>
<h1 class = "standard_text"> Welcome!</h1>
<h4 class = "standard_text"> Use the books to navigate my webpages :) </h4>
<p class = "standard_text" id = "site-map-link"> or use this <a href = "./sitemap">less mysterious sitemap!</a></p>
<img src = "index/images/fire.gif" alt = "fire" id = "fire">
</div>
</div>
</body>
</html>