Skip to content

Commit 7cb5912

Browse files
jimboidjimboid
committed
add page code and fix some css
1 parent 90ba723 commit 7cb5912

2 files changed

Lines changed: 91 additions & 16 deletions

File tree

‎com_ccpbiosim/media/css/site.css‎

Lines changed: 36 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,17 @@
1-
/* -------- Management Team ------- */
1+
/* ------------------------------------------- All -------------------------------------------------- */
2+
3+
.fade-up {
4+
opacity: 0;
5+
transform: translateY(24px);
6+
transition: opacity 0.6s ease, transform 0.6s ease;
7+
}
8+
9+
.fade-up.show {
10+
opacity: 1;
11+
transform: translateY(0);
12+
}
13+
14+
/* -------------------------------------- Management Team ------------------------------------------- */
215
/* -------------- Card ------------ */
316
.management-team-card-hover {
417
transition: transform 0.25s ease, box-shadow 0.25s ease;
@@ -22,7 +35,7 @@
2235
color: #0d6efd;
2336
}
2437

25-
/* -------- Core Team ------- */
38+
/* ---------------------------------------------- Core Team ---------------------------------------- */
2639
/* ---------- Card ---------- */
2740

2841
.core-team-card {
@@ -107,19 +120,6 @@
107120
margin-bottom: 0;
108121
}
109122

110-
/* ---------- Animation ---------- */
111-
112-
.fade-up {
113-
opacity: 0;
114-
transform: translateY(24px);
115-
transition: opacity 0.6s ease, transform 0.6s ease;
116-
}
117-
118-
.fade-up.show {
119-
opacity: 1;
120-
transform: translateY(0);
121-
}
122-
123123
/* ---------- Mobile ---------- */
124124

125125
@media (max-width: 575px) {
@@ -137,3 +137,24 @@
137137
display: none;
138138
}
139139
}
140+
141+
/* ---------------------------------------------- Core Team ---------------------------------------- */
142+
/* --------- Community ---------*/
143+
144+
.community-card {
145+
border: 1.5px solid #dee2e6; /* visible border */
146+
border-radius: 0.75rem;
147+
transition: border-color 0.3s, box-shadow 0.3s; /* smooth hover effect */
148+
}
149+
.community-card:hover {
150+
border-color: #adb5bd; /* darker border on hover */
151+
box-shadow: 0 0.75rem 1.5rem rgba(0,0,0,0.15); /* slightly stronger shadow */
152+
}
153+
154+
.community-card-body {
155+
padding: 16px;
156+
}
157+
158+
.community-card-body p {
159+
margin-bottom: 1rem;
160+
}

‎com_ccpbiosim/site/tmpl/ourcommunity/default.php‎

Lines changed: 55 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,5 +27,59 @@
2727
<h2> <?php echo $this->escape($this->params->get('page_heading')); ?> </h2>
2828
</div>
2929
<?php endif; ?>
30-
<p>code will go here</p>
30+
31+
<!-- Bootstrap Icons -->
32+
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">
33+
34+
<p>CCPBioSim stands for the Collaborative Computational Project for Biomolecular Simulation. CCPBioSim is a vibrant UK network of scientists and developers focused on advancing biomolecular simulation through training, collaboration, software support, and community events, with an emphasis on inclusivity and real-world impact.</p>
35+
36+
<div class="container my-5">
37+
<!-- Community Purpose -->
38+
<div class="community-card mb-5 shadow-sm">
39+
<div class="community-card-body">
40+
<h2 class="community-card-title mb-4"><i class="bi bi-heart-fill me-2"></i>Community Purpose</h2>
41+
<p>The community brings together:</p>
42+
<ul>
43+
<li>Researchers and developers working on biomolecular simulation methods and tools.</li>
44+
<li>Experimentalists and computational scientists who want to integrate simulation with experimental workflows.</li>
45+
<li>People at all career stages, from early-career researchers to seasoned experts, to learn, share, and collaborate.</li>
46+
</ul>
47+
<p>It’s intended to be inclusive and creative, encouraging participation from anyone interested in biomolecular simulation.</p>
48+
</div>
49+
</div>
50+
51+
<!-- What the Community Does -->
52+
<div class="community-card mb-5 shadow-sm">
53+
<div class="community-card-body">
54+
<h2 class="community-card-title mb-4"><i class="bi bi-gear-fill me-2"></i>What the Community Does</h2>
55+
<p>CCPBioSim supports its community through:</p>
56+
<ul>
57+
<li>Training workshops and tutorials to teach simulation methods and best practices.</li>
58+
<li>Annual and specialist conferences, where members share research, techniques, and emerging science.</li>
59+
<li>Software development support for tools that help researchers run and analyse simulations.</li>
60+
<li>Monthly seminar series and other events that connect academia, industry and experimentalists.</li>
61+
</ul>
62+
</div>
63+
</div>
64+
<!-- Community Values -->
65+
<div class="community-card mb-5 shadow-sm">
66+
<div class="community-card-body">
67+
<h2 class="community-card-title mb-4"><i class="bi bi-stars me-2"></i>Community Values</h2>
68+
<p>The CCPBioSim community emphasises:</p>
69+
<ul>
70+
<li><strong>Accessibility</strong> — lowering barriers so more people can use biomolecular simulation.</li>
71+
<li><strong>Sharing knowledge and tools</strong> — making methods, data and software more FAIR (Findable, Accessible, Interoperable, Reusable).</li>
72+
<li><strong>Interdisciplinary engagement</strong> — bridging chemistry, physics, biology and computing.</li>
73+
</ul>
74+
</div>
75+
</div>
76+
<!-- Links with Wider Initiatives -->
77+
<div class="community-card mb-5 shadow-sm">
78+
<div class="community-card-body">
79+
<h2 class="community-card-title mb-4"><i class="bi bi-link-45deg me-2"></i>Links with Wider Initiatives</h2>
80+
<p>CCPBioSim contributes to national data infrastructure efforts, like integrating provenance and reproducibility for simulation data.</p>
81+
<p>It collaborates with other computational biology communities and projects (e.g., through consortia like DRIIMB).</p>
82+
</div>
83+
</div>
84+
</div>
3185

0 commit comments

Comments
 (0)