-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·555 lines (532 loc) · 28.6 KB
/
Copy pathindex.html
File metadata and controls
executable file
·555 lines (532 loc) · 28.6 KB
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
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-RWF876HNKW"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-RWF876HNKW');
</script>
<!--Page Title-->
<title>BSGOU - Bioinformatics Study Group, Okayama University</title>
<!--Meta Tags-->
<meta charset="utf-8" />
<meta name="keywords" content="BSGOU, Bioinformatics, Okayama University, single-cell RNA-seq, Stereo-seq, Visium HD, qPCR analysis" />
<meta name="description" content="Official portal for the Bioinformatics Study Group Okayama University (BSGOU). Bridging high-throughput biological data with systems-level mathematical models." />
<!-- Set Viewport-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="follow.it-verification-code" content="bAjR1e3VsgJ1RAUQk1lz"/>
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="icon" type="image/png" href="img/favicons/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="img/favicons/favicon.svg" />
<link rel="shortcut icon" href="img/favicons/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="img/favicons/apple-touch-icon.png" />
<link rel="manifest" href="img/favicons/site.webmanifest" />
<link rel="sitemap" type="application/xml" href="/sitemap.xml">
<meta name="msapplication-TileColor" content="#ffc40d">
<meta name="theme-color" content="#ffffff">
</head>
<body id="home">
<!-- head-section -->
<header id="head-section">
<span id="forkongithub"><a href="https://labonom.github.io/blog/">Blog</a></span>
<div class="container">
<div class="slider">
<div class="flexslider">
<ul class="slides">
<li id="slide-1">
<h2>BSGOU</h2>
<p>Bioinformatics Study Group in Okayama University</p>
<h3>User-friendly bioinformatics analysis software</h3>
<p id="btn-p"><a id="purchase-btn" href="https://s3.okayama-u-bsg.org?appName=GSE261806">Check Demo Now</a></p>
</li>
<li id="slide-2">
<div class="app-content">
<h3>Bioinformatics oriented study</h3>
<p>In this bioinformatics-oriented study, we re-analyzed a publicly available RNA-seq dataset complemented by literature mining. This approach identified mitochondria and the cytoskeleton as the primary targets of O-GlcNAcylation in osteoblasts. By cross-referencing multiple databases (O-GlcNAcAtlas, TFLink, and Ensembl Variation), we constructed a gene regulatory network to identify candidate transcription factors (TFs) involved in O-GlcNAcylation-regulated osteogenesis. Guided by our bioinformatics findings, we assessed morphological changes in mitochondria and the cytoskeleton following Ogt knockout.</p>
<p id="btn-p"><a id="purchase-btn" href="https://dndy5us1uro9a.cloudfront.net/">Check Demo Now</a></p>
</div>
<div class="image-wrapper">
<img src="img/BiGRN.gif" alt="Bioinformatics Gene Regulatory Network (BiGRN)" />
</div>
</li>
</ul>
</div>
</div>
</div>
</header>
<!-- /head-section -->
<!-- Navigation Sticky Bar -->
<nav id="navigation">
<div class="container">
<button class="menu-toggle" id="menu-toggle-btn" aria-label="Toggle Menu">☰</button>
<ul id="menu">
<li><a id="home-link" href="#home" class="active">Home</a></li>
<li><a id="services-link" href="#services">About</a></li>
<li><a id="works-link" href="#works">Works</a></li>
<li><a id="news-link" href="#news">News</a></li>
<li><a id="team-link" href="#team">Team</a></li>
<li class="right-side"><a id="contact-link" href="#contact">Contact</a></li>
</ul>
<button class="theme-toggle-btn" id="theme-toggle-btn" aria-label="Toggle Theme">☼</button>
</div>
<div class="clearfix"></div>
</nav>
<!-- Main Content Section -->
<main>
<!-- Services / About Section -->
<section id="services">
<div class="container">
<div class="badge-bar">
<div class="left-badges">
<!-- GitHub -->
<a href="https://github.com/LabOnoM" target="_blank">
<img src="https://img.shields.io/badge/GitHub-Profile-black?logo=github" alt="GitHub profile" />
</a>
<!-- Visitors -->
<img src="https://visitor-badge.laobi.icu/badge?page_id=LabOnoM.LabOnoM.github.io" alt="visitor badge" />
</div>
<div class="right-lang-buttons">
<button onclick="switchLanguage('en')">English</button>
<button onclick="switchLanguage('ja')">日本語</button>
<button onclick="switchLanguage('cn')">中文</button>
</div>
</div>
<h3 class="titles"
data-lang-en="About BSGOU"
data-lang-ja="BSGOUについて"
data-lang-cn="关于BSGOU"
>About BSGOU</h3>
<div class="badge-bar" style="margin-bottom: 20px;">
<div class="left-badges">
<!-- YouTube -->
<a class="g-ytsubscribe" data-channelid="UCKaeJ9D0MslENFiqm4osShg" data-layout="default" data-count="default"></a>
<script src="https://apis.google.com/js/platform.js" async></script>
</div>
<div class="right-lang-buttons">
<!-- Twitter -->
<a href="https://twitter.com/BSGOU_X?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">Follow @BSGOU_X</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
<p id="services-desc"
data-lang-en="<b>Bioinformatics Study Group in Okayama University (BSGOU)</b> is an international academic community committed to advancing the digital transformation of biological and biomedical research. We unite students, researchers, clinicians, and engineers to collaboratively explore how high-throughput data and integrative computation can drive new theories, models, and discoveries in life sciences."
data-lang-ja="<b>岡山大学バイオインフォマティクス研究会（BSGOU）</b> は、生物学および生物医学研究のデジタルトランスフォーメーションを推進する国際的な学術コミュニティです。私たちは学生、研究者、臨床医、エンジニアが連携し、ハイスループットデータと統合的な計算によって生命科学における新しい理論やモデル、発見を導くことを目指しています。"
data-lang-cn="<b>冈山大学生物信息学研究小组（BSGOU）</b> 是一个致力于推动生物与生物医学研究数字化转型的国际学术社区。我们汇聚学生、研究人员、临床医生与工程师，共同探索如何通过高通量数据和综合计算推动生命科学中新理论、模型和发现的诞生。"
>
<b>Bioinformatics Study Group in Okayama University (BSGOU)</b> is an international academic community committed to advancing the digital transformation of biological and biomedical research. We unite students, researchers, clinicians, and engineers to collaboratively explore how high-throughput data and integrative computation can drive new theories, models, and discoveries in life sciences.
</p>
<!-- Members contributions iframe section -->
<div style="margin: 40px 0;">
<iframe id="contributions-frame" src="https://labonom.github.io/sources/Contributions.html" width="100%" height="470px"
style="border: none; box-shadow: 0 4px 12px var(--shadow-color); border-radius: 12px;" loading="lazy"
title="BSGOU Contributions"></iframe>
</div>
<p style="text-align: center; margin-top: 30px;">
<a href="https://labonom.github.io/README.html" class="dialog-cta">Click here to check the detailed "Vision and Strategic Plan" of BSGOU</a>
</p>
<h3 class="titles"
data-lang-en="Core Values"
data-lang-ja="基本的価値"
data-lang-cn="核心价值观"
>Core Values</h3>
<ul class="services">
<li>
<div class="service-img"><img src="img/icons/Transdisciplinary.png" alt="Transdisciplinary icon" /></div>
<div>
<h3><a href="https://labonom.github.io/sources/Transdisciplinary_Collaboration.html" data-lang-en="Transdisciplinary Collaboration" data-lang-ja="学際的な協力" data-lang-cn="跨学科协作">Transdisciplinary Collaboration</a></h3>
<p data-lang-en="We unite biology, medicine, engineering, and more to solve complex biological problems together."
data-lang-ja="私たちは生物学・医学・工学など多分野の視点を結集し、複雑な生物学的課題の解決に取り組みます。"
data-lang-cn="我们融合生物学、医学、工程等多学科视角，协同解决复杂的生物问题。">
We unite biology, medicine, engineering, and more to solve complex biological problems together.
</p>
</div>
</li>
<li>
<div class="service-img"><img src="img/icons/Theory-Driven.png" alt="Theory-Driven icon" /></div>
<div>
<h3><a href="https://labonom.github.io/sources/Theory_Driven_Understanding.html" data-lang-en="Theory-Driven Understanding" data-lang-ja="理論に基づく理解" data-lang-cn="理论驱动的理解">Theory-Driven Understanding</a></h3>
<p data-lang-en="We go beyond data analysis to build new models that explain biological complexity."
data-lang-ja="データ解析に留まらず、生物の複雑性を説明する新たな理論モデルの構築を目指します。"
data-lang-cn="我们超越数据分析，致力于构建解释生命复杂性的理论模型。">
We go beyond data analysis to build new models that explain biological complexity.
</p>
</div>
</li>
<li>
<div class="service-img"><img src="img/icons/Open Innovation.png" alt="Open Innovation icon" /></div>
<div>
<h3><a href="https://labonom.github.io/sources/Open_Innovation.html" data-lang-en="Open Innovation" data-lang-ja="オープン・イノベーション" data-lang-cn="开放式创新">Open Innovation</a></h3>
<p data-lang-en="We support open science, open-source development, and community collaboration."
data-lang-ja="私たちはオープンサイエンス、オープンソース開発、コミュニティとの連携を推進します。"
data-lang-cn="我们支持开放科学、开源开发和社区协作。">
We support open science, open-source development, and community collaboration.
</p>
</div>
</li>
<li>
<div class="service-img"><img src="img/icons/Global.png" alt="Global Inclusivity icon" /></div>
<div>
<h3><a href="https://labonom.github.io/sources/Global_Inclusivity.html" data-lang-en="Global Inclusivity" data-lang-ja="国際的な包摂性" data-lang-cn="全球包容性">Global Inclusivity</a></h3>
<p data-lang-en="We welcome diverse members from all backgrounds and career stages."
data-lang-ja="私たちは、あらゆる背景やキャリア段階の多様なメンバーを歓迎します。"
data-lang-cn="我们欢迎来自不同背景和职业阶段的多样化成员。">
We welcome diverse members from all backgrounds and career stages.
</p>
</div>
</li>
<li>
<div class="service-img"><img src="img/icons/Education.png" alt="Education icon" /></div>
<div>
<h3><a href="https://labonom.github.io/sources/Education_for_Empowerment.html" data-lang-en="Education for Empowerment" data-lang-ja="教育による力の育成" data-lang-cn="教育赋能">Education for Empowerment</a></h3>
<p data-lang-en="We offer training and mentorship to bridge global skill gaps in bioinformatics."
data-lang-ja="私たちは教育とメンタリングを通じて、バイオインフォマティクスにおける世界的なスキルギャップを埋めます。"
data-lang-cn="我们提供培训与指导，致力于缩小全球生物信息学技能差距。">
We offer training and mentorship to bridge global skill gaps in bioinformatics.
</p>
</div>
</li>
<li>
<div class="service-img"><img src="img/icons/Scientific.png" alt="Scientific Integrity icon" /></div>
<div>
<h3><a href="https://labonom.github.io/sources/Scientific_Integrity_and_Responsibility.html" data-lang-en="Scientific Integrity and Responsibility" data-lang-ja="科学的誠実さと責任" data-lang-cn="科研诚信与责任">Scientific Integrity and Responsibility</a></h3>
<p data-lang-en="We uphold ethical practices, reproducibility, and responsible data use."
data-lang-ja="私たちは倫理的実践、再現性、責任あるデータの利用を重視します。"
data-lang-cn="我们坚持伦理实践、科研可重复性与负责任地使用数据。">
We uphold ethical practices, reproducibility, and responsible data use.
</p>
</div>
</li>
<li>
<div class="service-img"><img src="img/icons/Visionary.png" alt="Visionary Leadership icon" /></div>
<div>
<h3><a href="https://labonom.github.io/sources/Visionary_Leadership.html" data-lang-en="Visionary Leadership" data-lang-ja="先見的なリーダーシップ" data-lang-cn="前瞻性领导力">Visionary Leadership</a></h3>
<p data-lang-en="We lead the field with bold ideas and forward-looking strategies."
data-lang-ja="私たちは大胆な発想と前向きな戦略で分野をリードします。"
data-lang-cn="我们以大胆的思想和前瞻性策略引领该领域的发展。">
We lead the field with bold ideas and forward-looking strategies.
</p>
</div>
</li>
<li>
<div class="service-img"><img src="img/icons/Serve.png" alt="Serve the People icon" /></div>
<div>
<h3><a href="https://labonom.github.io/sources/Serve_the_People.html" data-lang-en="Serve the People" data-lang-ja="人民のために尽くす" data-lang-cn="为人民服务">Serve the People</a></h3>
<p data-lang-en="We aim not only to advance science but also to serve public health through bioinformatics."
data-lang-ja="私たちは科学の発展だけでなく、生物情報学の成果を国民の健康に役立てることを重視しています。"
data-lang-cn="我们不仅推动科研进步，更致力于将生物信息学成果服务于人民健康。">
We aim not only to advance science but also to serve public health through bioinformatics.
</p>
</div>
</li>
</ul>
</div>
</section>
<!-- /Services-section -->
<!-- Works-section -->
<section id="works" class="works-wrapper">
<div class="container">
<h3 class="titles titles-white-c">Gallery of Our Works</h3>
<ul id="filterOptions">
<li class="active"><a href="#" class="all">All</a></li>
<li><a href="#" class="Software">Software</a></li>
<li><a href="#" class="BOS">Bioinformatics-Oriented Studies</a></li>
<li><a href="#" class="IS">Involved Studies</a></li>
<li><a href="#" class="BS">Bioinformatics Studies</a></li>
</ul>
<ul class="ourHolder">
<!-- Software -->
<li class="gallery-item" data-type="Software"
data-title="Downloader"
data-desc="An automated data retrieval tool designed to simplify pulling raw genomic, transcriptomic, and proteomic data from SRA and GEO databases."
data-url="https://www.youtube.com/embed/M-vkJSWp4sI?autoplay=1"
data-media-type="video">
<img class="gallery-img" src="img/gallery/Downloader.jpg" alt="Downloader Tool" />
<div class="overlay-works"></div>
</li>
<li class="gallery-item" data-type="Software"
data-title="FEA (Functional Enrichment Analysis)"
data-desc="Functional enrichment analysis pipeline package to visualize biological processes, cellular structures, and molecular pathways."
data-url="https://www.youtube.com/embed/746ZXoimuj8?autoplay=1"
data-media-type="video">
<img class="gallery-img" src="img/gallery/FEA.jpg" alt="FEA Tool" />
<div class="overlay-works"></div>
</li>
<li class="gallery-item" data-type="Software"
data-title="Wave Analysis Tool"
data-desc="R Shiny interactive application built to perform signal processing and rhythm evaluation on oscillatory biological datasets."
data-url="https://wong-ziyi.shinyapps.io/wave_analysis_wzy/"
data-media-type="link">
<img class="gallery-img" src="img/gallery/Wave_Analysis.jpg" alt="Wave Analysis Shinyapp" />
<div class="overlay-works"></div>
</li>
<li class="gallery-item" data-type="Software"
data-title="Cosinor Analysis of Rhythms"
data-desc="R Shiny tool deploying Cosinor regression mathematical models to estimate amplitude, acrophase, and mesor in biological cycles."
data-url="https://wong-ziyi.shinyapps.io/Cosinor_Analysis_of_Rhythms/"
data-media-type="link">
<img class="gallery-img" src="img/gallery/Cosinor_Anallysis_of_Rhythms.jpg" alt="Cosinor Analysis Shinyapp" />
<div class="overlay-works"></div>
</li>
<!-- Bioinformatics-Oriented Studies -->
<li class="gallery-item" data-type="BOS"
data-title="WY_WZY_2024 Study"
data-desc="Bioinformatics-driven research analyzing cellular target alterations and transcriptomic shifts during osteoblast bone differentiation."
data-url="https://pubmed.ncbi.nlm.nih.gov/39405562/"
data-media-type="link">
<img class="gallery-img" src="img/gallery/WY_WZY_2024.gif" alt="WY_WZY_2024 Publication" />
<div class="overlay-works"></div>
</li>
<!-- Involved Studies -->
<li class="gallery-item" data-type="IS"
data-title="Hang 2024 Study"
data-desc="Collaborative osteoblast pathways research study evaluating multi-omics patterns under genomic perturbations."
data-url="https://pubmed.ncbi.nlm.nih.gov/38925474/"
data-media-type="link">
<img class="gallery-img" src="img/gallery/Hang_2024.jpg" alt="Hang 2024 Publication" />
<div class="overlay-works"></div>
</li>
<li class="gallery-item" data-type="IS"
data-title="Angela 2023 Study"
data-desc="Involved research focusing on bone regeneration profiling and transcriptomic biomarkers."
data-url="https://pubmed.ncbi.nlm.nih.gov/37683603/"
data-media-type="link">
<img class="gallery-img" src="img/gallery/Angela_2023.jpg" alt="Angela 2023 Publication" />
<div class="overlay-works"></div>
</li>
<li class="gallery-item" data-type="IS"
data-title="Zheng 2025 Study"
data-desc="Single-cell transcriptional resolution study investigating cell lineage progression and microenvironment shifts."
data-url="https://pubmed.ncbi.nlm.nih.gov/40140451/"
data-media-type="link">
<img class="gallery-img" src="img/gallery/Zheng_2025.jpg" alt="Zheng 2025 Publication" />
<div class="overlay-works"></div>
</li>
<li class="gallery-item" data-type="IS"
data-title="Zhao 2025 Study"
data-desc="Collaborative analysis mapping downstream regulatory pathways controlling cell cycle and morphology."
data-url="https://pubmed.ncbi.nlm.nih.gov/39990519/"
data-media-type="link">
<img class="gallery-img" src="img/gallery/Zhao_2025.jpg" alt="Zhao 2025 Publication" />
<div class="overlay-works"></div>
</li>
<li class="gallery-item" data-type="IS"
data-title="Orimoto 2025 Study"
data-desc="Clinical genomics integration study identifying genetic variants involved in metabolic bone diseases."
data-url="https://pubmed.ncbi.nlm.nih.gov/39710093/"
data-media-type="link">
<img class="gallery-img" src="img/gallery/Orimoto_2025.jpg" alt="Orimoto 2025 Publication" />
<div class="overlay-works"></div>
</li>
<li class="gallery-item" data-type="IS"
data-title="Ono 2025 Study"
data-desc="Pioneering investigation into bone remodeling regulation and signaling cascades using knock-out model transcriptomics."
data-url="https://pubmed.ncbi.nlm.nih.gov/40080674/"
data-media-type="link">
<img class="gallery-img" src="img/gallery/Ono_2025.jpg" alt="Ono 2025 Publication" />
<div class="overlay-works"></div>
</li>
<li class="gallery-item" data-type="IS"
data-title="Mun 2024 Study"
data-desc="Zebrafish developmental genomics tracking teleost duplication lineages and comparative gene patterns."
data-url="https://pubmed.ncbi.nlm.nih.gov/39086598/"
data-media-type="link">
<img class="gallery-img" src="img/gallery/Mun_2024.jpg" alt="Mun 2024 Publication" />
<div class="overlay-works"></div>
</li>
<!-- Bioinformatics Studies -->
<li class="gallery-item" data-type="BS"
data-title="Wang 2018 Study"
data-desc="Initial bioinformatics study constructing gene regulatory modules and networking layouts."
data-url="https://pubmed.ncbi.nlm.nih.gov/30413886/"
data-media-type="link">
<img class="gallery-img" src="img/gallery/Wang_2018.jpg" alt="Wang 2018 Publication" />
<div class="overlay-works"></div>
</li>
</ul>
</div>
</section>
<!-- /Works-section -->
<!-- Quote-section -->
<section class="quote">
<div class="container">
<div class="slider">
<div class="flexslider">
<ul class="slides" id="quote-slides">
<li>
<h2>“We believe bioinformatics is not merely a set of tools, but a transformative lens through which biology becomes computable, testable, and deeply understood.”</h2>
<p>---- Dr. WANG Ziyi</p>
</li>
<li>
<h2>“BSGOU has transformed my research. The user-friendly software makes advanced bioinformatics accessible, even for beginners. I highly recommend BSGOU to anyone seeking practical, powerful tools for scientific discovery.”</h2>
<p>---- Dr. WENG Yao</p>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- /Quote-section -->
<!-- News-section -->
<section id="news" class="news">
<div class="container">
<h3 class="titles">News</h3>
<ul>
<li>
<h4><a href="https://x.com/KeyenceMicro/status/1848416747713372189" target="_blank">Our work has been reposted by official twitter of Keyence Company</a></h4>
<p class="meta">October 22, 2024</p>
<p>Keyence Company: "We love seeing how our customers use the BZ-X Series Fluorescence Microscope! If you are using the BZ-X for any research, please share what you are doing & tag us! If you are interested in learning about the BZ-X microscope, contact us at lifescience@keyence.com".</p>
</li>
<li>
<h4><a href="https://x.com/Dentist_Wong/status/1846328496345559546" target="_blank">O-GlcNAcylation: a morphological regulator of osteoblast differentiation</a></h4>
<p class="meta">October 16, 2024</p>
<p>With AI assistance, our new research published in BioFactors reveals how O-GlcNAcylation controls osteoblast differentiation by reshaping mitochondria, the cytoskeleton, and the endoplasmic reticulum.</p>
</li>
</ul>
</div>
</section>
<!-- /News-section -->
<!-- Team Section -->
<section id="team" class="about">
<div class="container">
<h3 class="titles titles-white-c">The Team</h3>
<ul>
<li>
<img src="img/about/WZY.png" alt="Dr. Wang Ziyi profile" />
<h3>Dr. Wang</h3>
<h6>Bioinformatician</h6>
<div class="social-staff">
<ul>
<li class="facebook"><a href="https://www.facebook.com/W751747834/" target="_blank" aria-label="Facebook"></a></li>
<li class="twitter"><a href="https://twitter.com/Dentist_Wong" target="_blank" aria-label="Twitter"></a></li>
<li class="dribbble"><a href="https://linktr.ee/wongziyi" target="_blank" aria-label="Linktree"></a></li>
</ul>
</div>
</li>
<li>
<img src="img/icons/ChiefScientist.png" alt="Dr. Ono Mitsuaki profile" />
<h3>Dr. Ono</h3>
<h6>Chief Scientist</h6>
<div class="social-staff">
<ul>
<li class="dribbble"><a href="https://researchmap.jp/mitsuakiono" target="_blank" aria-label="Researchmap"></a></li>
</ul>
</div>
</li>
<li>
<img src="img/icons/Technician.png" alt="Mr. Tomisaka profile" />
<h3>Mr. Tomisaka</h3>
<h6>Technician</h6>
<div class="social-staff">
<ul>
<li class="facebook"><a href="#" target="_blank" aria-label="Facebook"></a></li>
<li class="twitter"><a href="#" target="_blank" aria-label="Twitter"></a></li>
<li class="dribbble"><a href="#" target="_blank" aria-label="Dribbble"></a></li>
</ul>
</div>
</li>
</ul>
</div>
</section>
<!-- /Team Section -->
<!-- Members roster section -->
<section id="Members" class="quote" style="background: none; min-height: auto; padding: 40px 0;">
<div class="container" style="z-index: 1;">
<iframe src="members.html" width="100%" height="400"
style="border: none; box-shadow: 0 4px 12px var(--shadow-color); border-radius: 12px;" loading="lazy"
title="BSGOU Members"></iframe>
</div>
</section>
<!-- /Members roster section -->
<!-- Contact-section -->
<section id="contact" class="contact">
<div class="container">
<h3 class="titles titles-white-c">Contact</h3>
<div class="contact-flex">
<div class="contact-map">
<iframe width="100%" height="350"
src="https://www.openstreetmap.org/export/embed.html?bbox=133.91945332288745%2C34.650715930421256%2C133.92299383878708%2C34.652730417397514&layer=mapnik&marker=34.6522009%2C133.9211860"
title="Okayama University Map Location">
</iframe>
<br/>
<small>
<a href="https://www.openstreetmap.org/?mlat=34.6522009&mlon=133.9211860#map=19/34.65220/133.92119" target="_blank">View Larger Map</a>
</small>
</div>
<div class="contact-desc">
<p>〒700-8558<br>2-5-1 Shikata-cho, Kita-ku,<br>Okayama City, Okayama,<br>Japan</p>
<p><a href="mailto:BSGOU@BS-GOU.com">BSGOU@BS-GOU.com</a></p>
<div class="social">
<ul>
<li class="twitter"><a href="https://x.com/BSGOU_X" target="_blank" aria-label="BSGOU Twitter"></a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- /Contact-section -->
</main>
<!-- Footer-section -->
<footer class="footer">
<div class="container">
<p id="cp-text"><span id="copyright"></span></p>
</div>
</footer>
<!-- /Footer-section -->
<!-- Native Dialog Modal -->
<dialog id="gallery-dialog">
<button class="dialog-close-btn" id="dialog-close-btn" aria-label="Close dialog">×</button>
<div class="dialog-content">
<h3 id="dialog-title">Work Title</h3>
<div class="media-container" id="dialog-media-container"></div>
<p id="dialog-desc">Work Description</p>
<a href="#" id="dialog-cta-btn" class="dialog-cta" target="_blank">Open Resource / Publication</a>
</div>
</dialog>
<!-- Vanilla Javascript Logic -->
<script src="js/custom.js"></script>
<script>
function switchLanguage(lang) {
// Switch text content dynamically
document.querySelectorAll('[data-lang-en]').forEach(el => {
const content = el.dataset[`lang${lang.charAt(0).toUpperCase() + lang.slice(1)}`];
if (content) {
el.innerHTML = content;
}
});
// Switch iframe documents
const iframe = document.getElementById("contributions-frame");
if (iframe) {
const langSuffix = {
en: "Contributions.html",
ja: "Contributions_JP.html",
cn: "Contributions_CH.html"
}[lang];
if (langSuffix) {
iframe.src = "https://labonom.github.io/sources/" + langSuffix;
}
}
// Save language preference
localStorage.setItem("bsgou-lang", lang);
}
// Apply saved language preference on load
window.addEventListener("DOMContentLoaded", () => {
const savedLang = localStorage.getItem("bsgou-lang") || "en";
switchLanguage(savedLang);
});
</script>
<script>
// Set the founding year
const foundingYear = 2024;
const currentYear = new Date().getFullYear();
const displayYear = foundingYear === currentYear ? foundingYear : (foundingYear + "–" + currentYear);
document.getElementById("copyright").innerHTML =
"© " + displayYear + " Bioinformatics Study Group in Okayama University. All rights reserved.";
</script>
</body>
</html>