biocoms.github.io/resources.html at main · biocoms/biocoms.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Resources - BioComs Lab</title>
    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Roboto:wght@400&display=swap" rel="stylesheet">
    <!-- Correct CSS Path -->
    <link rel="stylesheet" href="css/resources.css">
    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
</head>
<body>
    <!-- Header -->
    <header>
        <div class="logo">
            <img src="assets/Logo.png" alt="BioComs Lab Logo">
        </div>
        <nav>
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="research.html">Research</a></li>
                <li><a href="people.html">People</a></li>
                <li><a href="resources.html" class="active">Resources</a></li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
        </nav>
    </header>

    <!-- Intro Section -->
    <section class="intro-resources">
        <h1>Resources</h1>
        <p>
            Explore the tools, projects, and resources developed or curated by the BioComs Lab. Below, you'll find links to our current lab projects, source codes, and useful guides for research and analysis.
        </p>
    </section>

    <!-- Current Lab Projects -->
    <section class="gallery-section">
        <h2>Current Lab Projects</h2>
        <div class="gallery">
            <div class="gallery-item">
                <img src="assets/tool1.jpg" alt="BEAR Tool Thumbnail">
                <h3>BEAR Tool</h3>
                <p>Bootstrap and Attribute Ranking Tool for differential expression datasets.</p>
                <a href="#" class="btn">Learn More</a>
            </div>
        </div>
    </section>

    <!-- Environments -->
    <section class="gallery-section">
        <h2>Environments</h2>
        <div class="gallery">
            <div class="gallery-item">
                <img src="https://anaconda.org/static/img/anaconda-symbol.svg" alt="R Environment Thumbnail">
                <h3>R Conda Environment</h3>
                <p>A guide to setting up and managing R environments using Conda for reproducible workflows.</p>
                <a href="resources/rinconda.html" class="btn">Learn More</a>
            </div>
            <div class="gallery-item">
                <img src="https://www.python.org/static/img/python-logo.png" alt="Python Environment Thumbnail">
                <h3>Python Environment HPC</h3>
                <p>A guide to setting up and managing Python environments using Conda for reproducible workflows.</p>
                <a href="resources/py.html" class="btn">Learn More</a>
            </div>
            <div class="gallery-item">
                <img src="https://iowabiostat.github.io/hpc/img/argon.jpg" alt="Argon HPC Cheatsheet Thumbnail">
                <h3>Argon HPC</h3>
                <p>A concise guide to using the Argon HPC cluster for high-performance computing tasks.</p>
                <a href="resources/hpc.html" class="btn">Learn More</a>
            </div>
        </div>
    </section>

    <!-- JS -->
    <script src="js/resources.js"></script>

    <!-- Footer -->
    <footer>
        <p>© 2024 BioComs Lab | University of Iowa</p>
        <p>Email: <a href="mailto:erliang-zeng@uiowa.edu">erliang-zeng@uiowa.edu</a></p>
    </footer>
</body>
</html>