-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.qmd
95 lines (75 loc) · 3.66 KB
/
about.qmd
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
---
page-layout: full
---
```{=html}
<div class="grid featurette mt-5 mb-5">
<div class="g-col-12">
<h2 class="featurette-heading">Our Story</h2>
<p class="lead">The Computational Life Sciences Foundation was founded to address the need for advanced computational tools in the life sciences. Our mission is to foster innovation and collaboration by developing and maintaining open source software solutions that improve research conditions and data quality in this vital field.
</p>
</div>
<!--
<div class="g-col-5">
<svg class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 500x500" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#eee"></rect><text x="50%" y="50%" fill="#aaa" dy=".3em">500x500</text></svg>
</div>
-->
</div>
```
```{=html}
<div class="grid featurette mt-5 mb-5">
<!--
<div class="g-col-5">
<svg class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 500x500" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#eee"></rect><text x="50%" y="50%" fill="#aaa" dy=".3em">500x500</text></svg>
</div>
-->
<div class="g-col-12">
<h2 class="featurette-heading">Mission and Vision</h2>
<p class="lead">Our mission is to advance the field of life sciences through cutting-edge computational methods and innovative research. We envision a world where computational techniques drive breakthrough discoveries in biology, medicine, and environmental science through open and precompetitive collaboration.</p>
</div>
</div>
```
<!-- Team Memebers -->
```{=html}
<h1 class="display-6 fw-normal text-center mt-5 mb-5">Board Members and Staff</h1>
<!--
<div class="grid">
<div class="g-col-3">
<div class="card border-secondary mb-3" style="max-width: 20rem;">
<div class="card-header">Header</div>
<div class="card-body">
<h4 class="card-title">Secondary card title</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
<div class="g-col-3">
<div class="card border-secondary mb-3" style="max-width: 20rem;">
<div class="card-header">Header</div>
<div class="card-body">
<h4 class="card-title">Secondary card title</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
<div class="g-col-3">
<div class="card border-secondary mb-3" style="max-width: 20rem;">
<div class="card-header">Header</div>
<div class="card-body">
<h4 class="card-title">Secondary card title</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
<div class="g-col-3">
<div class="card border-secondary mb-3" style="max-width: 20rem;">
<div class="card-header">Header</div>
<div class="card-body">
<h4 class="card-title">Secondary card title</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
</div>
-->
<h4 class="text-center text-muted">Comming soon...</h4>
```