-
Notifications
You must be signed in to change notification settings - Fork 0
/
archive-profile.php
218 lines (203 loc) · 11.3 KB
/
archive-profile.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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
<?php get_header(); ?>
<script type="text/javascript">
$(function(){
$('.div-section').css('opacity','0');
$('.div-section').on('inview',function(event, isInView, visiblePartX, visiblePartY){
var target = $(this);
setTimeout(function(){
if(isInView){
target.stop().animate({
opacity:1
},500);
}else{
}
},500);
});
$('.nav-item').on('click',function(){
$('.tab-content').css('opacity','0');
$('.tab-content').animate({
opacity:1
},500);
});
});
</script>
<div class="container-fluid">
<div class="row div-section">
<div class="div-section-title div-archiveprofile-section-title">
<div>
<p>Microsoft Studnet Partnersとは</p>
</div>
</div>
</div>
<div class="row div-section div-archiveprofile-section">
<div class="col-sm-5">
<img src="<?php echo get_template_directory_uri() . "/img/profile_intro.jpg" ?>" width="100%">
</div>
<div class="col-sm-7">
<p class="p-archiveprofile-section-caption p-archiveprofile-section-caption-intro">Microsoft Student Partners(MSP)とはMicrosoftテクノロジーの良さを学生に知ってもらうために活動を行っている学生団体です</p>
</div>
</div>
<div class="row div-section div-archiveprofile-section2">
<div class="col-sm-7">
<p class="p-archiveprofile-section-title"><i class="fa fa-laptop" aria-hidden="true"></i> セミナー活動</p>
<p class="p-archiveprofile-section-caption p-archiveprofile-section-caption-seminar">
MSPは学生に向けて、Microsoftのテクノロジーを楽しく使ってもらうために全国で勉強会やハンズオンを開いています</p>
<div class="div-section-button">
<a class="btn a-section-button a-archiveprofile-section-button-seminar" href="<?php echo get_seminar_url() ?>" target="_blank">
<p>勉強会情報 <i class="fa fa-angle-right" aria-hidden="true"></i></p>
</a>
</div>
</div>
<div class="col-sm-5">
<img src="<?php echo get_template_directory_uri() . "/img/profile_seminar.jpg" ?>" width="100%">
</div>
</div>
<div class="row div-section div-archiveprofile-section">
<div class="col-sm-5">
<img src="<?php echo get_template_directory_uri() . "/img/profile_pr.jpg" ?>" width="100%">
</div>
<div class="col-sm-7">
<p class="p-archiveprofile-section-title"><i class="fa fa-newspaper-o" aria-hidden="true"></i> 広報活動</p>
<p class="p-archiveprofile-section-caption p-archiveprofile-section-caption-intro">
Microsoftの学生向け情報をより多くの学生の皆様に届くように、WebサイトやSNSでの広報活動を行っています</p>
<div class="div-section-button">
<a class="btn a-section-button a-archiveprofile-section-button-pr" href="<? echo get_blog_url() ?>">
<p>Web記事 <i class="fa fa-angle-right" aria-hidden="true"></i></p>
</a>
<a class="btn a-section-button a-archiveprofile-section-button-pr" href="<?php echo get_twitter_url() ?>">
<p>SNS <i class="fa fa-angle-right" aria-hidden="true"></i></p>
</a>
<a class="btn a-section-button a-archiveprofile-section-button-pr" href="https://msp-times.net/">
<p>海外向け <i class="fa fa-angle-right" aria-hidden="true"></i></p>
</a>
</div>
</div>
</div>
<div class="row div-section div-archiveprofile-section2">
<div class="col-sm-7">
<p class="p-archiveprofile-section-title"><i class="fa fa-trophy" aria-hidden="true"></i> コンテスト支援</p>
<p class="p-archiveprofile-section-caption p-archiveprofile-section-caption-contest">
MicrosoftテクノロジーのITコンテストであるImagineCupに、学生がより気軽に出場できるように支援を行っています</p>
<div class="div-section-button">
<a class="btn a-section-button a-archiveprofile-section-button-contest" href="<?php echo get_imagine_url() ?>">
<p>ImagineCup情報 <i class="fa fa-angle-right" aria-hidden="true"></i></p>
</a>
</div>
</div>
<div class="col-sm-5">
<img src="<?php echo get_template_directory_uri() . "/img/profile_contest.jpg" ?>" width="100%">
</div>
</div>
<div class="row div-section div-archiveprofile-section">
<div class="col-sm-5">
<img src="<?php echo get_template_directory_uri() . "/img/profile_lab.jpg" ?>" width="100%">
</div>
<div class="col-sm-7">
<p class="p-archiveprofile-section-title"><i class="fa fa-flask" aria-hidden="true"></i> 研究活動</p>
<p class="p-archiveprofile-section-caption p-archiveprofile-section-caption-lab">
MSPでは内部に研究グループを設け、コンピュータ・サイエンスに特化したメンバーによる最新技術の技術研究を行っています</p>
<div class="div-section-button">
<a class="btn a-section-button a-archiveprofile-section-button-lab" href="<?php echo get_blog_url()?>">
<p>研究情報 <i class="fa fa-angle-right" aria-hidden="true"></i></p>
</a>
</div>
</div>
</div>
<div class="row div-section">
<div class="div-section-title div-archiveprofile-section-title">
<div>
<p>MSP<?php echo date("Y"); ?> メンバー</p>
</div>
</div>
<?php
$members = array();
$department_list = array();
if (have_posts()) : // WordPress ループ
query_posts($query_string . "&posts_per_page=-1");
while (have_posts()) : the_post(); // 繰り返し処理開始
$post_param = array(
'permalink' => get_permalink(),
'thumbnail_url' => get_thumbnail_url(has_post_thumbnail()),
'title' => mb_substr(get_the_title(), 0, 30)
);
$fields_param = get_fields();
$params = array_merge($post_param, $fields_param);
array_push($members, $params);
$department = get_field('department');
if (!in_array($department, $department_list)):
array_push($department_list, $department);
endif;
endwhile; // 繰り返し処理終了
else : // ここから記事が見つからなかった場合の処理
include('no-article.php');
endif;
?>
<ul class="nav nav-tabs ul-archiveprofile">
<?php
$active = 'active';
foreach ($department_list as $department):
$field = get_field_object('department');
$department_name = $field['choices'][$department];
?>
<li class="nav-item <?php echo $active ?>">
<a class="nav-link" data-toggle="tab"
href="#<?php echo 'div-' . $department ?>"><?php echo $department_name ?></a>
</li>
<?php
$active = '';
endforeach;
?>
</ul>
<div class="tab-content">
<?php
$active = 'active';
foreach ($department_list as $department):
$field = get_field_object('department');
$department_name = $field['choices'][$department];
?>
<div class="tab-pane div-archiveprofile-tabpane <?php echo $active ?>" id="<?php echo 'div-' . $department ?>">
<ul class="list-group">
<?php
foreach ($members as $member):
$thumbnail_url = $member['thumbnail_url'];
$name = $member['title'];
$catchcopy = $member['catchcopy'];
$current_department = $member['department'];
$link = $member['permalink'];
if ($department == $current_department):
?>
<li class="list-group-item li-archiveprofile-member">
<a class="btn" href="<?php echo $link ?>">
<div class="div-archiveprofile-iconwrap" style="background-image: url(<?php echo $thumbnail_url ?>)">
</div>
<div class="p-archiveprofile-wrap">
<p class="p-archiveprofile-name"><?php echo $name ?></p>
<p class="p-archiveprofile-catch"><?php echo $catchcopy ?></p>
</div>
</a>
</li>
<?php
endif;
?>
<?php
endforeach;
?>
</ul>
</div>
<?php
$active = '';
endforeach;
?>
</div>
</div>
<div class="row div-section">
<div class="div-section-title div-archiveprofile-section-title">
<div>
<p>Join Us!</p>
</div>
</div>
<p class="p-archiveprofile-hire">Microsoft Student PartnersはMicrosoftテクノロジーを学生に広めたいという強い意志を持ち、自発的に活動をしてくれる学生を募集しています。気になった方は <a href="<?php get_twitter_url() ?>">@_mspjp</a> までご連絡ください</p>
<img src="<?php echo get_template_directory_uri() . "/img/profile_all.jpg" ?>" width="70%">
</div>
</div>
<?php get_footer(); ?>