markkessler66.github.io/index.html at main · markkessler66/markkessler66.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
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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mark Kessler - Portfolio</title>
    <link rel="icon" type="image/png" href="m.png">
    <link rel="apple-touch-icon" href="m.png">
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- Navigation -->
    <header>
        <nav>
            <a href="#" class="logo">
                <img src="m.png" alt="Mark Kessler Logo" />
            </a>
            <ul class="nav-links">
                <li><a href="#projects">Projects</a></li>
                <li><a href="#phynetpy">PhyNetPy</a></li>
                <li><a href="phynetpy-showcase.html">Showcase</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>
    </header>

    <!-- Hero Section -->
    <section class="hero">
        <h1>Hi, I'm Mark</h1>
        <p class="subtitle">API Designer & Network Analysis Expert</p>
        <p class="hero-description">
            I specialize in statistical network analysis and develop tools that make complex network science accessible to researchers and practitioners. Creator of PhyNetPy, bringing advanced network algorithms to the Python ecosystem.
        </p>
        <div class="cta-buttons">
            <a href="#projects" class="btn btn-primary">
                View My Work →
            </a>
            <a href="https://github.com/markkessler66" class="btn btn-secondary">
                GitHub
            </a>
        </div>
    </section>

    <!-- Projects Section -->
    <section id="projects" class="projects">
        <h2 class="section-title">Featured Projects</h2>
        <p class="section-description">
            Showcasing my work in network analysis, data science, and open-source development
        </p>
        <div class="projects-grid">
            <!-- PhyNetPy Project Card -->
            <div class="project-card">
                <div class="project-icon">
                    <span class="icon-text">PhyNetPy</span>
                </div>
                <h3>PhyNetPy</h3>
                <p>
                    A comprehensive Python library for math and statistics-inspired network analysis. Features advanced algorithms for Network topology comparison and simulations, Bayesian inference, and machine learning approaches to network science.
                </p>
                <div class="tech-stack">
                    <span class="tech-tag">Python</span>
                    <span class="tech-tag">NumPy</span>
                    <span class="tech-tag">BioPython</span>
                    <span class="tech-tag">SciPy</span>
                    <span class="tech-tag">TensorFlow</span>
                    <span class="tech-tag">PyTorch</span>
                </div>
                <a href="phynetpy-showcase.html" class="project-link">View Showcase →</a>
            </div>

            <!-- Additional Project Card 1 -->
            <div class="project-card">
                <div class="project-icon">
                    <span class="icon-text">Web</span>
                </div>
                <h3>Network Visualization Dashboard</h3>
                <p>
                    Interactive web application for visualizing and analyzing large-scale networks in real-time.
                    Key features include:
                </p>
                <ul>
                    <li> PhyNetPy Method Job Submission and Monitoring </li>
                    <li> Network Visualization and Analysis </li>
                    <li>User Management and Authentication </li>
                    <li> Job Queue and Processing </li>
                    <li> Data Storage and Management </li>
                </ul>
                <div class="tech-stack">
                    <span class="tech-tag">MongoDB</span>
                    <span class="tech-tag">React</span>
                    <span class="tech-tag">Python/PhyNetPy</span>
                    <span class="tech-tag">FastAPI</span>
                    <span class="tech-tag">Docker</span>
                </div>
                <a href="#" class="project-link">View project →</a>
            </div>

            <!-- Additional Project Card 2 -->
            <div class="project-card">
                <div class="project-icon">
                    <span class="icon-text">BioForge</span>
                </div>
                <h3>GPU-Accelerated Synthetic Sequence Generation</h3>
                <p>
                    BioForge is a GPU-accelerated Python library for generating synthetic
                    DNA, RNA, and protein sequences with known ground truth. Designed for training and
                    benchmarking ML models in computational biology. It includes evolutionary models
                    (substitution, indels, recombination), population genetics simulations,
                    sequencing error models, and ML-ready outputs (one-hot encoding, PyTorch datasets)
                    with full reproducibility through configuration tracking.
                </p>
                <div class="tech-stack">
                    <span class="tech-tag">Python</span>
                    <span class="tech-tag">NumPy</span>
                    <span class="tech-tag">SciPy</span>
                    <span class="tech-tag">PyTorch</span>
                    <span class="tech-tag">TensorFlow</span>
                    <span class="tech-tag">Graph Neural Networks</span>
                    <span class="tech-tag">CUDA/cupy/Numba</span>

                </div>
                <a href="#" class="project-link">View project →</a>
            </div>
        </div>
    </section>

    <!-- PhyNetPy Feature Section -->
    <section id="phynetpy" class="phynetpy-section">
        <h2 class="section-title">PhyNetPy Features</h2>
        <p class="section-description">
            Bringing advanced optimization and engineering tactics to network analysis methods
        </p>
        <div class="feature-grid">
            <div class="feature-card">
                <div class="feature-icon">
                    <span class="icon-text">FAST</span>
                </div>
                <h3>Lightning Fast Algorithms</h3>
                <p>
                    Ultra-Optimized implementations of network algorithms with parallel processing support and gpu vectorization capabilities for large-scale networks.

                </p>
            </div>
            <div class="feature-card">
                <div class="feature-icon">
                    <span class="icon-text">Search</span>
                </div>
                <h3>Network Space Search</h3>
                <p>
                    PhyNetPy comes prepackaged with a variety of network space search algorithms
                    as well as a variety of network alteration moves.
                </p>
            </div>
            <div class="feature-card">
                <div class="feature-icon">
                    <span class="icon-text">AI/ML</span>
                </div>
                <h3>Machine Learning Ready</h3>
                <p>
                    Future updates to PhyNetPy will include support for running machine learning models on quartet networks and sequence data.
                </p>
            </div>
        </div>
    </section>

    <!-- About Section -->
    <section id="about" class="about">
        <h2 class="section-title">About Me</h2>
        <div class="about-content">
            <p>
                I'm passionate about applying mathematically backed methods to solve complex network problems-- many of these are NP-hard problems that require careful optimization. With a background in software design and algorithm creation, I focus on developing accessible tools that bridge the gap between theoretical network science and practical applications.
            </p>
            <p>
                When I'm not coding, you can find me gardening, cooking, playing tennis/guitar/golf, or going on a walk with my lovely fiancée. I believe in open-source collaboration and am always excited to connect with fellow researchers and developers working on network science challenges.
            </p>
        </div>
    </section>

    <!-- Contact Section -->
    <section id="contact" class="contact">
        <h2 class="section-title">Let's Connect</h2>
        <div class="contact-content">
            <p class="section-description">
                I'm always interested in collaborations, research opportunities, and exciting network science challenges. Feel free to reach out!
            </p>
            <div class="social-links">
                <a href="https://github.com/markkessler66" class="social-link" aria-label="GitHub">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                        <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
                    </svg>
                </a>
                <a href="https://linkedin.com/in/mark-kessler-431088173/" class="social-link" aria-label="LinkedIn">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                        <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
                    </svg>
                </a>
                <a href="mailto:[email protected]" class="social-link" aria-label="Email">
                    <span>✉️</span>
                </a>

            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <p>&copy; 2025 Mark Kessler. Built with ❤️ for GitHub Pages</p>
    </footer>

    <!-- External JavaScript -->
    <script src="script.js"></script>
</body>
</html>