-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathbio.php
105 lines (99 loc) · 3.8 KB
/
bio.php
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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html>
<head>
<title>渋家 || SHIBUHOUSE</title>
<!-- typesqure 逕ｨ繧ｿ繧ｰ -->
<script type="text/javascript" src="//typesquare.com/accessor/script/typesquare.js?E2mGUC7TkZ8%3D" charset="utf-8"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<link href='./css/reset.css' rel='stylesheet' type='text/css'>
<link href='./css/global.css' rel='stylesheet' type='text/css'>
<!-- 繧ｹ繝ｩ繧､繝峨す繝ｧ繝ｼ -->
<link href='./css/flexslider.css' rel='stylesheet' type='text/css'>
<link href="css/lightbox.css" rel="stylesheet" />
<script type="text/javascript" src="js/modernizr.js"></script>
</head>
<body>
<div id="wrap" style="background-color: rgb(231,231,231);">
<?php require './header.php' ?>
<div id="biography">
<!--<img style="margin-bottom:45px; margin-top:45px;" src="./img/bio/bio_midashi.png">-->
<div id="inner_bio">
<div id="cv">
<div id="ac_art" style=""></div>
<img src="./img/bio/bio_art.png">
<div id="art" class="bio_content">
<?php require './text/bio/art.php' ?>
</div>
<div id="ac_event" style=""></div>
<img src="./img/bio/bio_event.png">
<div id="event" class="bio_content">
<?php require './text/bio/event.php' ?>
</div>
<div id="ac_media" style=""></div>
<img src="./img/bio/bio_media.png">
<div id="media" class="bio_content">
<?php require './text/bio/media.php' ?>
</div>
</div>
<div id="explain">
<div id="ex_title" style="
font-size: 25px;
padding: 10px;
background-color: #e3e3e3;
border-radius: 5px; /* CSS3草案 */
-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
">
Photos & Text
</div>
<!-- <img src="./img/bio/bio_fotgrafie.png"> -->
<div id="inner_explain"></div>
</div>
<div style="clear:both;"></div>
</div>
</div>
</div><!-- #wrap -->
<?php require './footer.php' ?>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script defer src="js/jquery.flexslider.js"></script>
<script type="text/javascript" src="js/scroll_top.js"></script>
<script type="text/javascript"src="js/lightbox.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide"
});
});
</script>
<script type="text/javascript">
function dynamic_ex_load(explain_text) {
$("#ex_image").remove();
$("#ex_text").remove();
$.get(explain_text, function(data){
$("#inner_explain").css({opacity: 0});
$("#inner_explain").html(data);
$("#inner_explain").animate({opacity: 1.0}, 500);
});
}
</script>
<script type="text/javascript">
$('#art > table > tbody > tr > td').click(function () {
$('#explain').animate({paddingTop:0}, 1000);
var text = $(this).text();
$('#ex_title').html(text);
});
$('#event > table > tbody > tr > td').click(function () {
$('#explain').animate({paddingTop:360}, 1000);
var text = $(this).text();
$('#ex_title').html(text);
});
$('#media > table > tbody > tr > td').click(function () {
$('#explain').animate({paddingTop:715}, 1000);
var text = $(this).text();
$('#ex_title').html(text);
});
</script>
<script type="text/javasciprt" src="./js/parseuri.js"></script>
</body>
</html>