creat branch dev

stepancar-web-programming · Jan 9, 2024 · 22b5c28 · 22b5c28
1 parent 41f952d
commit 22b5c28
Show file tree

Hide file tree

Showing 12 changed files with 396 additions and 0 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/app.js b/app.js
@@ -0,0 +1,13 @@
+function loadPageContent(content) {
+    document.getElementById('content').innerHTML = content;
+}
+
+page('/', function () {
+    loadPageContent('<h2>Education</h2><p>ITMO University</p><p>Bachelors in Computer Science</p>');
+});
+
+page('/projects', function () {
+    loadPageContent('<h2>Projects</h2><div class="project"><p>Coordinate Plane Analysis Web App | Java, Servlets, JSP, JavaScript</p><p>St. Petersburg, Russia</p><p>Sep. 2021 – Present</p><ul><li>Implemented an MVC architecture for point analysis on a coordinate plane using Java Servlets and JavaServer Pages (JSP)</li><li>Developed a dynamic JSP page with a user-friendly web form and real-time results visualization</li><li>Integrated JavaScript for client-side validation and interactive features</li><li>Deployed the application on WildFly, ensuring optimal configuration</li><li>Enabled dynamic updates to the coordinate plane image based on user input</li><li>Utilized HttpSession for tracking and displaying previous analysis results</li></ul></div>');
+});
+
+page();
diff --git a/img/.DS_Store b/img/.DS_Store
diff --git a/img/itmo1.jpeg b/img/itmo1.jpeg
diff --git a/img/itmo2.jpeg b/img/itmo2.jpeg
diff --git a/img/person.png b/img/person.png
diff --git a/img/v_project.mp4 b/img/v_project.mp4
diff --git a/img/Назирджанов Некруз Фарходович 67652.xlsx b/img/Назирджанов Некруз Фарходович 67652.xlsx
diff --git a/index.html b/index.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Nazirjonov Nekruz - About Me</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+
+    <header>
+        <h1>Nazirjonov Nekruz</h1>
+    </header>
+
+    <nav>
+        <ul>
+            <li><a href="index.html">About Me</a></li>
+            <li><a href="projects.html">Projects</a></li>
+        </ul>
+    </nav>
+
+    <section id="contact-info">
+        <h2>Contact Information</h2>
+        <div class="contact-details">
+            <div class="contact-text">
+                <p>Phone: +7 911 287 82 03</p>
+                <p>Telegram: <a href="https://t.me/Nekruznnn">@Nekruznnn</a></p>
+                <p>GitHub: <a href="https://github.com/nekruz03">github.com/nekruz</a></p>
+                <p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
+            </div>
+        </div>
+        <div class="developer-info">
+            <img src="img/person.png" alt="Nazirjonov Nekruz" id="profile-image">
+            <p>Java Developer</p>
+        </div>
+    </section>
+    <section id="education">
+        <h2>Education</h2>
+        <p>ITMO University - Bachelors in Computer Science</p>
+    </section>
+
+
+    <section id="skills">
+        <h2>Technical Skills</h2>
+        <p>Languages: Java, C/C++, PHP, HTML, CSS, JavaScript, SQL</p>
+        <p>Developer Tools: IntelliJ-based IDEs, Geany, Sublime Text, Code::Blocks</p>
+        <p>Operating Systems: Windows, Ubuntu, Mac OS</p>
+    </section>
+
+    <footer>
+        <p>&copy; 2024 Nazirjonov Nekruz</p>
+     <section id="current-date-time"></section>
+     <button id="night-mode-toggle" onclick="toggleNightMode()">🌙 Toggle Night Mode</button>
+    </footer>
+    <script src="main.js"></script>
+</body>
+</html>
diff --git a/main.js b/main.js
@@ -0,0 +1,47 @@
+
+console.log("Hello from main.js!");
+
+document.addEventListener("DOMContentLoaded", function () {
+    const urlParams = new URLSearchParams(window.location.search);
+    const page = urlParams.get('page');
+
+    if (page === 'projects') {
+        const projectDetailsSection = document.getElementById('project-details');
+        projectDetailsSection.innerHTML += "<p>Additional content for projects page.</p>";
+    }
+});
+document.addEventListener('DOMContentLoaded', () => {
+    let nightMode = localStorage.getItem('nightMode');
+
+    if (nightMode === null) {
+        nightMode = 'false';
+    }
+
+    applyNightMode(nightMode);
+
+    document.getElementById('night-mode-toggle').addEventListener('click', () => {
+        nightMode = (nightMode === 'true') ? 'false' : 'true';
+        applyNightMode(nightMode);
+        localStorage.setItem('nightMode', nightMode);
+    });
+});
+
+function applyNightMode(nightMode) {
+    document.body.classList.toggle("night-mode", nightMode === 'true');
+}
+
+document.addEventListener('DOMContentLoaded', () => {
+
+    displayCurrentDateTime();
+
+    setInterval(displayCurrentDateTime, 1000);
+});
+
+function displayCurrentDateTime() {
+    const dateTimeContainer = document.getElementById('current-date-time');
+    const now = new Date();
+    const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric', timeZoneName: 'short' };
+    const formattedDateTime = now.toLocaleDateString('en-US', options);
+
+    dateTimeContainer.innerHTML = `<p>${formattedDateTime}</p>`;
+}
diff --git a/projects.html b/projects.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Nazirjonov Nekruz - Projects</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <header>
+        <h1>My Projects</h1>
+    </header>
+
+    <nav>
+        <ul>
+            <li><a href="index.html">About Me</a></li>
+            <li><a href="projects.html">Projects</a></li>
+        </ul>
+    </nav>
+
+    <section id="project-details">
+        <h2>Coordinate Plane Analysis Web App</h2>
+        <div id="time">
+            <p>September 2022 – November 2022</p>
+            <video controls width="400" height="200">
+                <source src="img/v_project.mp4" type="video/mp4">
+                Your browser does not support the video tag.
+            </video>
+
+        </div>
+        <p id="first">Java, Servlets, JSP, JavaScript</p>
+        <h3>Project Description</h3>        
+        <p>Implemented an MVC architecture for point analysis on a coordinate plane using Java Servlets and JavaServer Pages (JSP).</p>
+        <ul>
+            <li>Developed a dynamic JSP page with a user-friendly web form and real-time results visualization.</li>
+            <li>Integrated JavaScript for client-side validation and interactive features.</li>
+            <li>Deployed the application on WildFly, ensuring optimal configuration.</li>
+            <li>Enabled dynamic updates to the coordinate plane image based on user input.</li>
+            <li>Utilized HttpSession for tracking and displaying previous analysis results.</li>
+        </ul>
+
+        <h3>Database Developmen</h3>        
+        <p>Multi-tier Architecture: Designed high-performance information systems, optimizing functionality.</p>
+        <ul>
+            <li>Database Fundamentals: Explored and leveraged databases’ pivotal role in contemporary applications</li>
+            <li> SQL Mastery: Developed advanced skills for precise and effective data manipulation</li>
+            <li>Data Modeling: Engineered streamlined infological and datalogical models for efficient database design</li>
+            <li>DDL Implementation: Executed precise scripts for creating and maintaining database objects.</li>
+            <li>Scripting Expertise: Developed efficient scripts for creating, deleting, and managing database objects</li>
+        </ul>
+
+
+        <h3>Skills Used  </h3>
+        <p> Java, Servlets, JSP, JavaScript, PostgreSQL, SQL </p>
+    </section>
+
+    <footer>
+        <p>&copy; 2024 Nazirjonov Nekruz</p>
+     <p> <section id="visit-info"></section></p>  
+     <section id="current-date-time"></section>
+     <button id="night-mode-toggle" onclick="toggleNightMode()">🌙 Toggle Night Mode</button>
+    </footer>
+    <script src="main.js"></script>
+</body>
+</html>