From 975d9f805e119210e59088ec837a4931e16b3946 Mon Sep 17 00:00:00 2001
From: onurcatmabacak <onurcatmabacak@gmail.com>
Date: Mon, 16 Sep 2024 22:33:48 +0200
Subject: [PATCH] improvements
---
index.html | 200 +++++++++++++++++------------------------------------
1 file changed, 65 insertions(+), 135 deletions(-)
diff --git a/index.html b/index.html
index e1f7ea2..beef90c 100644
--- a/index.html
+++ b/index.html
@@ -5,162 +5,92 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Onur Çatmabacak - Personal Website</title>
- <!-- Custom CSS File -->
<link rel="stylesheet" href="style.css">
<style>
- /* Optional CSS for smooth scroll and appearance */
- body {
- scroll-behavior: smooth;
- background-color: black;
- color: white;
- margin: 0;
- padding: 0;
- position: relative;
- min-height: 100vh;
- }
- .container {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: flex-start;
- flex-grow: 1;
- padding: 20px;
- }
- .content {
- display: none; /* Initially hidden */
- width: 100%;
- max-width: 800px;
- margin: 20px 0;
- }
- .button-link {
- display: inline-block;
- padding: 10px 20px;
- font-size: 16px;
- color: white;
- background-color: #f9004d;
- text-decoration: none;
- border-radius: 5px;
- margin-top: 20px;
- }
- .button-link:hover {
- background-color: #d7003c;
- }
- iframe {
- width: 100%;
- height: 600px;
- border: none;
- display: block;
- }
- .social-links {
- display: flex;
- justify-content: center;
- position: fixed;
- bottom: 20px;
- left: 50%;
- transform: translateX(-50%);
- margin: 0;
- }
- .social-links a {
- margin: 0 10px;
- }
- .research-item {
- margin-bottom: 40px;
- }
- .research-item img {
- width: 100%;
- height: auto;
- }
- .research-item h3 {
- margin-top: 10px;
- }
- figcaption {
- text-align: left;
- margin-top: 5px;
- }
+ /* Add your CSS styles here */
</style>
</head>
<body>
<div class="container">
<nav>
<div class="logo">
- <a href="#home" id="logo-link">Onur Çatmabacak<span></span></a>
+ <a href="#home" id="logo-link">Onur Çatmabacak<span></span></a>
</div>
<ul>
- <li><a href="#home" id="home-link">Home</a></li>
- <li><a href="#cv" id="cv-link">CV</a></li>
- <li><a href="#publications" id="publications-link">Publications</a></li>
- <li><a href="#research" id="research-link">Research</a></li>
+ <li><a href="#home" id="home-link">Home</a></li>
+ <li><a href="#cv" id="cv-link">CV</a></li>
+ <li><a href="#publications" id="publications-link">Publications</a></li>
+ <li><a href="#research" id="research-link">Research</a></li>
</ul>
</nav>
+
+ <div class="content" id="home">
+ <h2>Hello,<br>I'm Onur Çatmabacak</h2>
+ <p>I'm a Web Developer & Designer with a passion for research and innovation.<br>
+ This is a space where I share my work, projects, and publications.</p>
+ </div>
- <div id="content-container">
- <!-- Content will be loaded here -->
+ <div class="cv-container" id="cv">
+ <h2>My Curriculum Vitae</h2>
+ <iframe src="OnurCatmabacak_CV.pdf" style="object-fit: cover;">
+ This browser does not support PDFs. Please download the PDF to view it: <a href="OnurCatmabacak_CV.pdf">Download PDF</a>
+ </iframe>
+ </div>
+
+ <div class="publications-container" id="publications">
+ <h2>My Publications</h2>
+ <p>You can view my publications directly at the following link:</p>
+ <a href="https://ui.adsabs.harvard.edu/search/fq=%7B!type%3Daqp%20v%3D%24fq_database%7D&fq_database=(database%3Aastronomy%20OR%20database%3Aphysics)&q=%20author%3A%22catmabacak%2C%20onur%22&sort=date%20desc%2C%20bibcode%20desc&p_=0" target="_blank" class="button-link">View Publications</a>
</div>
- </div>
- <div class="social-links">
- <a href="mailto:onurcatmabacak@gmail.com" target="_blank">
- <img src="https://img.icons8.com/ios-filled/50/ffffff/email.png" alt="Email">
- </a>
- <a href="https://github.com/onurcatmabacak" target="_blank">
- <img src="https://img.icons8.com/ios-filled/50/ffffff/github.png" alt="GitHub">
- </a>
- <a href="https://www.linkedin.com/in/onurcatmabacak/" target="_blank">
- <img src="https://img.icons8.com/ios-filled/50/ffffff/linkedin.png" alt="LinkedIn">
- </a>
+ <div class="research-container" id="research">
+ <h2>Research</h2>
+ <div id="instructions-container">
+ <!-- Instructions will be loaded here -->
+ </div>
+ <button id="load-instructions" class="button-link">Load Instructions</button>
+ <br><br>
+ <h2><u>Accretion Disks Around Compact Objects</u></h2>
+ <div class="research-item">
+ <img src="BHXRB_artist_int_with_labels-1.jpeg" alt="Research Image 1">
+ <figcaption>Image Credit: NASA/CXC/M.Weiss.</figcaption>
+ <p>This is a brief description of the first research topic.</p>
+ </div>
+ <br>
+ <h2><u>Numerical Methods</u></h2>
+ <div class="research-item">
+ <img src="astro_diff_equation.jpg" alt="Research Image 2">
+ <figcaption>Image Credit: <a href="https://maths.anu.edu.au/research/groups/theoretical-astrophysics">Australian National University</a></figcaption>
+ <p>This is a brief description of the second research topic.</p>
+ </div>
+ <br>
+ <h2><u>Galaxy Formation and Evolution</u></h2>
+ <div class="research-item">
+ <img src="galaxy_simulations.png" alt="Research Image 3">
+ <figcaption>Image Credit: <a href="https://arxiv.org/pdf/1909.07976">Vogelsberger et al. 2019</a></figcaption>
+ <p>This is a brief description of the third research topic.</p>
+ </div>
+ </div>
</div>
<script>
- function loadContent(url) {
- fetch(url)
- .then(response => response.text())
+ document.getElementById('load-instructions').addEventListener('click', function() {
+ loadInstructions();
+ });
+
+ function loadInstructions() {
+ fetch('instructions.html')
+ .then(response => {
+ if (!response.ok) {
+ throw new Error('Network response was not ok');
+ }
+ return response.text();
+ })
.then(data => {
- document.getElementById('content-container').innerHTML = data;
+ document.getElementById('instructions-container').innerHTML = data;
})
- .catch(error => console.error('Error loading content:', error));
- }
-
- function showSection(sectionId) {
- // Hide all sections
- document.getElementById('content-container').innerHTML = '';
-
- // Load the selected section
- if (sectionId === 'home') {
- loadContent('home.html');
- } else if (sectionId === 'cv') {
- loadContent('cv.html');
- } else if (sectionId === 'publications') {
- loadContent('publications.html');
- } else if (sectionId === 'research') {
- loadContent('research.html');
- }
+ .catch(error => console.error('Error loading instructions:', error));
}
-
- // Smooth scroll to the section if URL has a hash
- document.addEventListener("DOMContentLoaded", function() {
- if (window.location.hash) {
- const sectionId = window.location.hash.substring(1); // Remove the '#' from the hash
- showSection(sectionId);
- const element = document.getElementById(sectionId);
- if (element) {
- element.scrollIntoView({ behavior: 'smooth' });
- }
- }
- });
-
- // Event listeners for navigation links
- document.getElementById('home-link').addEventListener('click', function() {
- showSection('home');
- });
- document.getElementById('cv-link').addEventListener('click', function() {
- showSection('cv');
- });
- document.getElementById('publications-link').addEventListener('click', function() {
- showSection('publications');
- });
- document.getElementById('research-link').addEventListener('click', function() {
- showSection('research');
- });
</script>
</body>
</html>