1 |
wakaba |
1.1 |
<h1>Okuda Blue Oceans</h1> |
2 |
|
|
<div id="subtitle">$B!=IY;3;TN)1|EDCf3X9;?aAU3ZIt!=(B</div> |
3 |
|
|
<div id="image"> |
4 |
|
|
<img src="intro-photo" alt="$BKLEE%^!<%A%s%0%U%'%9%F%#%P%k(B (2001/08/02)"><br> |
5 |
|
|
<img src="/~wakaba/bin/count/bo" alt="($B;2>H?t(B)"> |
6 |
|
|
</div> |
7 |
|
|
|
8 |
|
|
<div style="text-align: center">$B!=(B $BL\<!(B $B!=(B</div> |
9 |
|
|
|
10 |
|
|
<div class="menuitem" id="new"> |
11 |
|
|
<h2 onclick="if (document.all.new_list.style.display!='none') {document.all.new_list.style.display='none'} else {document.all.new_list.style.display='inline'}">What's New?</h2> |
12 |
|
|
|
13 |
|
|
<ul id="new_list"> |
14 |
|
|
<li><a href="2001/09#d16">2001$BG/(B9$B7n(B16$BF|(B: $BCf3X9;$NIt$G6b>^(B, $BIY;38)BeI=$K(B</a></li> |
15 |
|
|
<li><a href="whatsnew?">$B$3$l0JA0(B...</a></li> |
16 |
|
|
</ul> |
17 |
|
|
</div> |
18 |
|
|
|
19 |
|
|
|
20 |
|
|
<div class="menuitem" id="katsudou"> |
21 |
|
|
<h2 onclick="if (document.all.katsudou_list.style.display!='none') {document.all.katsudou_list.style.display='none'} else {document.all.katsudou_list.style.display='inline'}">$B3hF0(B</h2> |
22 |
|
|
|
23 |
|
|
<ul id="katsudou_list"> |
24 |
|
|
<li><a href="katsudou/current?month">$B:#7n$NM=Dj(B</a></li> |
25 |
|
|
<li><a href="katsudou/current?year">$B:#G/EYM=Dj(B</a></li> |
26 |
|
|
|
27 |
|
|
<li><a href="katsudou/current?taikai">$B:#G/EYBg2q;22CM=Dj(B</a></li> |
28 |
|
|
</ul> |
29 |
|
|
</div> |
30 |
|
|
|
31 |
|
|
<div class="menuitem" id="marching"> |
32 |
|
|
<h2 onclick="if (document.all.marching_list.style.display!='none') {document.all.marching_list.style.display='none'} else {document.all.marching_list.style.display='inline'}">$B%^!<%A%s%0$K$D$$$F(B</h2> |
33 |
|
|
|
34 |
|
|
<ul id="marching_list"> |
35 |
|
|
<li><a href="katsudou/current?theme">$BK\G/$N%F!<%^(B</a></li> |
36 |
|
|
<li><a href="taikai/jisseki">$BBg2q<B@S(B</a></li> |
37 |
|
|
<li><a href="taikai/marching">$B%^!<%A%s%0$H$O(B?</a></li> |
38 |
|
|
<li><a href="taikai/photo">$BBg2q!&%$%Y%s%H;22C<L??(B</a></li> |
39 |
|
|
</ul> |
40 |
|
|
</div> |
41 |
|
|
|
42 |
|
|
<div class="menuitem" id="member"> |
43 |
|
|
<h2 onclick="if (document.all.member_list.style.display!='none') {document.all.member_list.style.display='none'} else {document.all.member_list.style.display='inline'}">$B9=@.%a%s%P!<(B</h2> |
44 |
|
|
|
45 |
|
|
<ul id="member_list"> |
46 |
|
|
<li><a href="katsudou/current?part">$B:#=5$N0l2!$7%Q!<%H(B!?</a></li> |
47 |
|
|
<li><a href="katsudou/current?newmember">$B?7F~It0w>R2p(B</a></li> |
48 |
|
|
<li><a href="katsudou/koushi">$B9V;U>R2p(B</a></li> |
49 |
|
|
</ul> |
50 |
|
|
</div> |
51 |
|
|
|
52 |
|
|
<div class="menuitem" id="dantai"> |
53 |
|
|
<h2 onclick="if (document.all.dantai_list.style.display!='none') {document.all.dantai_list.style.display='none'} else {document.all.dantai_list.style.display='inline'}">$BCDBN@bL@(B</h2> |
54 |
|
|
|
55 |
|
|
<ul id="dantai_list"> |
56 |
|
|
<li><a href="introduction">BlueOcens $B$H$O(B</a></li> |
57 |
|
|
<li><a href="history">BlueOceans $B$NNr;K(B</a></li> |
58 |
|
|
<li><a href="kouen_ob/">$B8e1g2q$H(B OB$B!&(BOG $B2q$K$D$$$F(B</a></li> |
59 |
|
|
<li><a href="kouen_ob/kaichou">OB$B!&(BOG $B2qD9$K$D$$$F(B</a></li> |
60 |
|
|
<li><a href="kouen_ob/join">OB$B!&(BOG$B2q(B ($B8e1g2q(B) $BF~2q$K$D$$$F(B</a></li> |
61 |
|
|
</ul> |
62 |
|
|
</div> |
63 |
|
|
|
64 |
|
|
<div class="menuitem" id="iken"> |
65 |
|
|
<h2 onclick="if (document.all.iken_list.style.display!='none') {document.all.iken_list.style.display='none'} else {document.all.iken_list.style.display='inline'}">$B8f0U8+%3!<%J!<(B</h2> |
66 |
|
|
|
67 |
|
|
<ul id="iken_list"> |
68 |
|
|
<li><a href="board-t/board">$B7G<(HD(B</a></li> |
69 |
|
|
<li><a href="mailto:blue-oceans@suika.fam.cx" lang="en">e-mail</a></li> |
70 |
|
|
</ul> |
71 |
|
|
</div> |
72 |
|
|
|
73 |
|
|
<div class="menuitem"> |
74 |
|
|
<ul> |
75 |
|
|
<li><a href="link" title="$B4XO"%5%$%H(B">$B%j%s%/=8(B</a></li> |
76 |
|
|
</ul> |
77 |
|
|
</div> |
78 |
|
|
|
79 |
|
|
<address><a href="mailto:blue-oceans@suika.fam.cx" lang="en">$B%V%k!<%*!<%7%c%s%:(B</a> [<a href="http://www.tym.ed.jp/sc259/">$BIY;3;TN)1|EDCf3X9;(B</a>]</address> |
80 |
|
|
|
81 |
|
|
<div class="update">[<a href="whatsnew?" lang="en">What's New?</a>] |
82 |
|
|
<a href="http://validator.w3.org/check/referer" lang="en"><img |
83 |
|
|
src="http://www.w3.org/Icons/valid-html401" |
84 |
|
|
alt="Valid HTML 4.01!" style="height: 31px; width: 88px"></a> |
85 |
|
|
<a href="http://jigsaw.w3.org/css-validator/validator?uri=http://suika.fam.cx/okuchuu/blue-oceans/&profile=css2" lang="en"> |
86 |
|
|
<img style="width:88px;height:31px" |
87 |
|
|
src="http://jigsaw.w3.org/css-validator/images/vcss" |
88 |
|
|
alt="Valid CSS!"></a> |
89 |
|
|
</div> |
90 |
|
|
<script type="text/javascript"> |
91 |
|
|
document.all.katsudou_list.style.display = "none"; |
92 |
|
|
document.all.marching_list.style.display = "none"; |
93 |
|
|
document.all.member_list.style.display = "none"; |
94 |
|
|
document.all.dantai_list.style.display = "none"; |
95 |
|
|
document.all.iken_list.style.display = "none"; |
96 |
|
|
document.all.new_list.style.display = "none"; |
97 |
|
|
//document.styleSheets(0).addRule("div.menuitem", "display: inline"); |
98 |
|
|
document.styleSheets(0).addRule("div.menuitem", "margin-left: 30%; margin-right: 25%"); |
99 |
|
|
document.styleSheets(0).addRule("div.menuitem", "margin-right: 1em"); |
100 |
|
|
document.styleSheets(0).addRule("div.menuitem ul", "display: inline"); |
101 |
|
|
document.styleSheets(0).addRule("div.menuitem h2", "display: inline"); |
102 |
|
|
document.styleSheets(0).addRule("body", "font-size: 130%"); |
103 |
|
|
</script> |