Tyler J. Skluzacek, Ph.D.

Recent News

New Role: ORNL Staff Scientist

(May 2025) I am thrilled to announce that I've been promoted to Staff Scientist at ORNL. +

Recent News

+ +

+ May 2025 +

New Role: ORNL Staff Scientist

I am thrilled to announce that I've been promoted to Staff Scientist at ORNL.

PEARC-25 Paper

(May 2025) My team's paper "Secure API-Driven Research Automation to Accelerate Scientific Discovery" has been accepted for publication at PEARC 2025!

+ +

+ May 2025 +

PEARC-25 Paper

My team's paper "Secure API-Driven Research Automation to Accelerate Scientific Discovery" has been accepted for publication at PEARC 2025!

Confab Presentation

(Mar. 2025) I presented "The Secure Scientific Service Mesh (S3M) at Confab 2025.

+ +

+ March 2025 +

Confab Presentation

I presented "The Secure Scientific Service Mesh (S3M)" at Confab 2025.

New Role: UChicago Adjunct Faculty

(Jan. 2025) I am thrilled to announce that I've been appointed to the Adjunct Faculty of the MPCS and MS-ADS Master's programs at UChicago. I taught "Distributed Computing" in Spring 2025.

+ +

+ January 2025 +

UChicago Adjunct Faculty

I've been appointed to the Adjunct Faculty of the MPCS and MS-ADS Master's programs at UChicago. I taught "Distributed Computing" in Spring 2025.

- -
- - -

Other News

[Jun. 2025] I served as the Publicity Chair of HPDC 2025.
[Mar. 2025] A paper co-authored by Brian Etz, others, and me "Enabling Seamless Transitions from Experimental to Production HPC for Interactive Workflows" accepted to Workshop on Interactive and Urgent High-Performance Computing. -
[Dec. 2024] I taught "Advanced Data Visualization" for the Computing and Data Analytics Department at Trinity Christian College.
[Nov. 2024] Takuya Kurihana presented our team's paper "Scalable Multi-Facility Workflows for Artificial Intelligence Applications in Climate Research" at XLOOP24 in Atlanta, GA. -
[Aug. 2024] I presented my poster entitled "Enabling Distributed Research Orchestration Capabilities at ORNL" at the invitation-only Monterrey -
[Sep. 2024] I served as the Publicity Chair of eScience 2024.
[Aug. 2024] I had the opportunity to present a poster on cross-facility workflows orchestration at the invitation-only 2024 Monterey Data Conference.
[Jul. 2024] My team's paper "Towards Cross-Facility Workflows Orchestration through Distributed Automation" presented at PEARC 2024!
[May 2024] I presented "Enhancing research orchestration capabilities at ORNL" at GlobusWorld 2024.
[Jan. 2024] I taught "Machine Learning for Data Mining" at Trinity Christian College.
[Nov. 2023] I am co-PI on $300k grant to study distributed multi-workflow orchestration. Awarded by Oak Ridge National Lab.
[Oct. 2023] I traveled to Limassol, Cyprus to present my team's paper: "Can Automated Metadata Extraction Make Scientific Data More Navigable?"
[Oct. 2023] I presented at ParslFest 2023.

+ + +

Other News

Jun 2025

I served as the Publicity Chair of HPDC 2025.

Mar 2025

A paper co-authored by Brian Etz, others, and me "Enabling Seamless Transitions from Experimental to Production HPC for Interactive Workflows" accepted to Workshop on Interactive and Urgent High-Performance Computing.

Dec 2024

I taught "Advanced Data Visualization" for the Computing and Data Analytics Department at Trinity Christian College.

Nov 2024

Takuya Kurihana presented our team's paper "Scalable Multi-Facility Workflows for Artificial Intelligence Applications in Climate Research" at XLOOP24 in Atlanta, GA.

Sep 2024

I served as the Publicity Chair of eScience 2024.

Aug 2024

I presented my poster entitled "Enabling Distributed Research Orchestration Capabilities at ORNL" at the invitation-only Monterey Data Conference.

Jul 2024

My team's paper "Towards Cross-Facility Workflows Orchestration through Distributed Automation" presented at PEARC 2024!

May 2024

I presented "Enhancing research orchestration capabilities at ORNL" at GlobusWorld 2024.

Jan 2024

I taught "Machine Learning for Data Mining" at Trinity Christian College.

Nov 2023

I am co-PI on $300k grant to study distributed multi-workflow orchestration. Awarded by Oak Ridge National Lab.

Oct 2023

I traveled to Limassol, Cyprus to present my team's paper: "Can Automated Metadata Extraction Make Scientific Data More Navigable?"

Oct 2023

I presented at ParslFest 2023.

+ + + - - + + + + \ No newline at end of file diff --git a/static/css/styles.css b/static/css/styles.css index 4738218..e3a22aa 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -1,126 +1,418 @@ -/* General body styles */ +:root { + --primary-color: #0066cc; + --secondary-color: #f8f9fa; + --accent-color: #17a2b8; + --text-color: #333; + --text-muted: #6c757d; + --bg-color: #ffffff; + --card-bg: #ffffff; + --border-color: #e9ecef; + --shadow-color: rgba(0, 0, 0, 0.05); + --transition-speed: 0.3s; + --font-heading: 'Playfair Display', serif; + --font-body: 'Inter', sans-serif; +} + +/* Dark Mode Variables */ +.dark-mode { + --primary-color: #4d94ff; + --secondary-color: #2d3748; + --accent-color: #38b2ac; + --text-color: #f7fafc; + --text-muted: #a0aec0; + --bg-color: #1a202c; + --card-bg: #2d3748; + --border-color: #4a5568; + --shadow-color: rgba(0, 0, 0, 0.2); +} + +/* General Styles */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + transition: background-color var(--transition-speed), color var(--transition-speed); +} + body { - font-family: Arial, sans-serif; + font-family: var(--font-body); + color: var(--text-color); + background-color: var(--bg-color); + line-height: 1.6; } -/* Modal styles */ -.modal { - display: none; - position: fixed; - z-index: 1; +h1, h2, h3, h4, h5, h6 { + font-family: var(--font-heading); + font-weight: 600; + margin-bottom: 1rem; +} + +a { + color: var(--primary-color); + text-decoration: none; + transition: color var(--transition-speed); +} + +a:hover { + color: var(--accent-color); +} + +.container { + max-width: 1200px; + margin: 0 auto; + padding: 0 1.5rem; +} + +.section-title { + position: relative; + margin-bottom: 2rem; + color: var(--primary-color); + font-weight: 700; +} + +.section-title::after { + content: ''; + position: absolute; left: 0; - top: 0; - width: 100%; - height: 100%; - overflow: auto; - background-color: rgba(0, 0, 0, 0.4); + bottom: -10px; + width: 50px; + height: 3px; + background-color: var(--primary-color); } -.modal-content { - background-color: #fefefe; - margin: 15% auto; - padding: 20px; - border: 1px solid #888; - width: 80%; +.bg-light { + background-color: var(--secondary-color); } -.close { - color: #aaa; - float: right; - font-size: 28px; - font-weight: bold; +/* Theme Toggle */ +.theme-toggle { + position: fixed; + top: 20px; + right: 20px; + z-index: 1000; } -.close:hover, -.close:focus { - color: black; +#theme-toggle-btn { + background: none; + border: none; + color: var(--text-color); + font-size: 1.5rem; cursor: pointer; + padding: 0.5rem; + border-radius: 50%; + background-color: var(--card-bg); + box-shadow: 0 2px 10px var(--shadow-color); + transition: transform 0.2s; } -/* Image styles */ -img { - margin: 0 auto; - display: block; +#theme-toggle-btn:hover { + transform: scale(1.1); } -/* Introduction text */ -.intro-text { - text-align: justify; - text-align-last: left; +/* Header Styles */ +header { + padding: 2rem 0; +} + +.profile-image { + width: 200px; + height: 200px; + object-fit: cover; + border-radius: 50%; + border: 4px solid var(--primary-color); + box-shadow: 0 10px 20px var(--shadow-color); + transition: transform 0.3s; +} + +.profile-image:hover { + transform: scale(1.05); } -/* Social media icons */ .social-icons { - margin: 10px 0; + display: flex; + align-items: center; + margin-top: 1.5rem; } -.social-icons img { - width: 30px; - margin: 0 10px; - display: inline-block; +.social-icons a { + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--primary-color); + color: white; + margin-right: 1rem; + transition: transform 0.3s, background-color 0.3s; + text-decoration: none; + box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); } -/* Social icons and CV section */ -.social-and-cv { +.social-icons a:hover { + transform: translateY(-5px); + background-color: var(--accent-color); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); +} + +.social-icons i { + font-size: 1.2rem; +} + +.cv-button { display: flex; + align-items: center; justify-content: center; + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--primary-color); + color: white; + margin-right: 1rem; + transition: transform 0.3s, background-color 0.3s; + text-decoration: none; + box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); +} + +.cv-button:hover { + transform: translateY(-5px); + background-color: var(--accent-color); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); +} + +/* About Section */ +#about { + padding: 4rem 0; +} + +.card { + background-color: var(--card-bg); + border: 1px solid var(--border-color); + border-radius: 10px; + overflow: hidden; + transition: transform 0.3s, box-shadow 0.3s; +} + +.card:hover { + transform: translateY(-5px); + box-shadow: 0 15px 30px var(--shadow-color); +} + +.card-body { + padding: 2rem; +} + +.intro-text { + margin-bottom: 1.5rem; + color: var(--text-color); + line-height: 1.8; +} + +.research-questions { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 1.5rem; + margin: 2rem 0; +} + +.question-card { + background-color: var(--secondary-color); + padding: 1.5rem; + border-radius: 8px; + display: flex; + flex-direction: column; align-items: center; + text-align: center; + transition: transform 0.3s; +} + +.question-card p { + color: var(--text-color); +} + +.question-card:hover { + transform: translateY(-5px); +} + +.question-card .icon { + font-size: 2rem; + color: var(--primary-color); + margin-bottom: 1rem; } -/* Center CV button */ -.cv-download { +/* Ensure better contrast in dark mode */ +.dark-mode .question-card { + background-color: var(--card-bg); +} + +.dark-mode .question-card p { + color: var(--text-color); +} + +/* News Section */ +#news { + padding: 4rem 0; +} + +.news-card { + background-color: var(--card-bg); + border-radius: 10px; + overflow: hidden; + box-shadow: 0 5px 15px var(--shadow-color); + height: 100%; + transition: transform 0.3s; +} + +.news-card:hover { + transform: translateY(-10px); +} + +.news-img { + height: 180px; + overflow: hidden; display: flex; + align-items: center; justify-content: center; - margin-top: 20px; + background-color: white; + padding: 1rem; } -/* News Section Styles */ -#news .col-custom { - flex: 0 0 20%; /* Each column takes up 20% of the row */ - max-width: 20%; +.news-img img { + max-height: 100%; + max-width: 100%; + object-fit: contain; } -#news img { - width: 100%; - height: auto; - border-radius: 5px; +.news-content { + padding: 1.5rem; } -/* Ensure consistent section width */ -.container { - max-width: 800px; - margin: 0 auto; /* Center sections */ +.news-content .date { + display: inline-block; + background-color: var(--primary-color); + color: white; + padding: 0.25rem 0.75rem; + border-radius: 20px; + font-size: 0.8rem; + margin-bottom: 0.75rem; } -/* Responsiveness */ -@media (max-width: 768px) { - #news .col-custom { - flex: 0 0 50%; - max-width: 50%; +.news-content h3 { + font-size: 1.2rem; + margin-bottom: 0.75rem; +} + +/* Timeline */ +.timeline { + position: relative; + max-width: 1200px; + margin: 0 auto; +} + +.timeline::after { + content: ''; + position: absolute; + width: 2px; + background-color: var(--primary-color); + top: 0; + bottom: 0; + left: 120px; + margin-left: -1px; +} + +.timeline-item { + padding: 10px 40px 10px 150px; + position: relative; + margin-bottom: 1.5rem; +} + +.timeline-date { + position: absolute; + width: 100px; + text-align: right; + left: 0; + top: 10px; + font-weight: 600; + color: var(--primary-color); +} + +.timeline-content { + padding: 1rem; + background-color: var(--card-bg); + border-radius: 8px; + box-shadow: 0 3px 10px var(--shadow-color); + position: relative; +} + +.timeline-content::before { + content: ''; + position: absolute; + width: 20px; + height: 20px; + background-color: var(--primary-color); + border-radius: 50%; + top: 15px; + left: -50px; + z-index: 1; +} + +/* Footer */ +footer { + background-color: var(--secondary-color); + color: var(--text-muted); + padding: 2rem 0; + margin-top: 2rem; +} + +/* Animations */ +@keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} + +/* Responsive Styles */ +@media (max-width: 992px) { + .research-questions { + grid-template-columns: repeat(2, 1fr); } } -@media (max-width: 576px) { - #news .col-custom { - flex: 0 0 100%; - max-width: 100%; +@media (max-width: 768px) { + .timeline::after { + left: 31px; + } + + .timeline-item { + padding-left: 70px; + } + + .timeline-date { + width: auto; + text-align: left; + left: 70px; + top: -20px; + } + + .timeline-content::before { + left: -40px; + } + + .research-questions { + grid-template-columns: 1fr; } } -/* Image styles */ -img { - margin: 0 auto; - display: block; - /* force transparent PNGs to sit on white */ - background-color: #fff; -} - -/* News Section Styles */ -#news img { - width: 100%; - height: auto; - border-radius: 5px; - /* reinforce white backing, and remove any browser outline */ - background-color: #fff; - border: none; +@media (max-width: 576px) { + .profile-image { + width: 150px; + height: 150px; + } + + .section-title { + font-size: 1.5rem; + } + + .timeline-content::before { + display: none; + } } \ No newline at end of file diff --git a/static/js/script.js b/static/js/script.js index 8345297..f0204d8 100644 --- a/static/js/script.js +++ b/static/js/script.js @@ -1,14 +1,59 @@ -function showCV() { - var modal = document.getElementById("cvModal"); - var span = document.getElementsByClassName("close")[0]; +// Initialize AOS animations +document.addEventListener('DOMContentLoaded', function() { + // Initialize AOS animation library + AOS.init({ + duration: 800, + easing: 'ease-in-out', + once: true, + mirror: false + }); - modal.style.display = "block"; - span.onclick = function() { - modal.style.display = "none"; + // Theme toggle functionality + const themeToggleBtn = document.getElementById('theme-toggle-btn'); + const themeIcon = themeToggleBtn.querySelector('i'); + + // Check for saved theme preference or use preferred color scheme + const savedTheme = localStorage.getItem('theme'); + const prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)').matches; + + // Apply saved theme or use system preference + if (savedTheme === 'dark' || (!savedTheme && prefersDarkScheme)) { + document.body.classList.add('dark-mode'); + themeIcon.classList.remove('fa-moon'); + themeIcon.classList.add('fa-sun'); } - window.onclick = function(event) { - if (event.target == modal) { - modal.style.display = "none"; + + // Toggle theme when button is clicked + themeToggleBtn.addEventListener('click', function() { + document.body.classList.toggle('dark-mode'); + + // Update icon + if (document.body.classList.contains('dark-mode')) { + themeIcon.classList.remove('fa-moon'); + themeIcon.classList.add('fa-sun'); + localStorage.setItem('theme', 'dark'); + } else { + themeIcon.classList.remove('fa-sun'); + themeIcon.classList.add('fa-moon'); + localStorage.setItem('theme', 'light'); } - } -} + }); + + // Smooth scrolling for anchor links + document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function(e) { + e.preventDefault(); + + const targetId = this.getAttribute('href'); + if (targetId === '#') return; + + const targetElement = document.querySelector(targetId); + if (targetElement) { + targetElement.scrollIntoView({ + behavior: 'smooth', + block: 'start' + }); + } + }); + }); +});

Tyler J. Skluzacek, Ph.D.

About Me

Recent News

New Role: ORNL Staff Scientist

Recent News

New Role: ORNL Staff Scientist

PEARC-25 Paper

PEARC-25 Paper

Confab Presentation

Confab Presentation

New Role: UChicago Adjunct Faculty

UChicago Adjunct Faculty

Other News

Other News