diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..5ad7782
Binary files /dev/null and b/.DS_Store differ
diff --git a/app.js b/app.js
new file mode 100644
index 0000000..34439c3
--- /dev/null
+++ b/app.js
@@ -0,0 +1,13 @@
+function loadPageContent(content) {
+ document.getElementById('content').innerHTML = content;
+}
+
+page('/', function () {
+ loadPageContent('Education
ITMO University
Bachelors in Computer Science
');
+});
+
+page('/projects', function () {
+ loadPageContent('Projects
Coordinate Plane Analysis Web App | Java, Servlets, JSP, JavaScript
St. Petersburg, Russia
Sep. 2021 – Present
- Implemented an MVC architecture for point analysis on a coordinate plane using Java Servlets and JavaServer Pages (JSP)
- Developed a dynamic JSP page with a user-friendly web form and real-time results visualization
- Integrated JavaScript for client-side validation and interactive features
- Deployed the application on WildFly, ensuring optimal configuration
- Enabled dynamic updates to the coordinate plane image based on user input
- Utilized HttpSession for tracking and displaying previous analysis results
Education
+ ITMO University - Bachelors in Computer Science
+
+
+
+
+ Technical Skills
+ Languages: Java, C/C++, PHP, HTML, CSS, JavaScript, SQL
+ Developer Tools: IntelliJ-based IDEs, Geany, Sublime Text, Code::Blocks
+ Operating Systems: Windows, Ubuntu, Mac OS
+
+
+
+
+
+
\ No newline at end of file
diff --git a/main.js b/main.js
new file mode 100644
index 0000000..c6fa55d
--- /dev/null
+++ 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 += "Additional content for projects page.
";
+ }
+});
+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 = `${formattedDateTime}
`;
+}
diff --git a/projects.html b/projects.html
new file mode 100644
index 0000000..5bc4f49
--- /dev/null
+++ b/projects.html
@@ -0,0 +1,65 @@
+
+
+
+
+
+ Nazirjonov Nekruz - Projects
+
+
+
+
+
+
+
+
+ Coordinate Plane Analysis Web App
+
+
September 2022 – November 2022
+
+
+
Java, Servlets, JSP, JavaScript
+ Project Description
+ Implemented an MVC architecture for point analysis on a coordinate plane using Java Servlets and JavaServer Pages (JSP).
+
+ - Developed a dynamic JSP page with a user-friendly web form and real-time results visualization.
+ - Integrated JavaScript for client-side validation and interactive features.
+ - Deployed the application on WildFly, ensuring optimal configuration.
+ - Enabled dynamic updates to the coordinate plane image based on user input.
+ - Utilized HttpSession for tracking and displaying previous analysis results.
+
+
+ Database Developmen
+ Multi-tier Architecture: Designed high-performance information systems, optimizing functionality.
+
+ - Database Fundamentals: Explored and leveraged databases’ pivotal role in contemporary applications
+ - SQL Mastery: Developed advanced skills for precise and effective data manipulation
+ - Data Modeling: Engineered streamlined infological and datalogical models for efficient database design
+ - DDL Implementation: Executed precise scripts for creating and maintaining database objects.
+ - Scripting Expertise: Developed efficient scripts for creating, deleting, and managing database objects
+
+
+
+ Skills Used
+ Java, Servlets, JSP, JavaScript, PostgreSQL, SQL
+
+
+
+
+
+
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..cb41110
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,214 @@
+body {
+ font-family: Arial, sans-serif;
+ margin: 0;
+ padding: 0;
+ background-color: #f5f5f5;
+}
+
+header {
+ background-color: #333;
+ color: #fff;
+ text-align: center;
+ padding: 10px;
+}
+
+nav {
+ background-color: #007BFF;
+ padding: 10px;
+}
+
+nav ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ text-align: center;
+}
+
+nav ul li {
+ display: inline;
+ margin-right: 20px;
+}
+
+nav a {
+ text-decoration: none;
+ color: #fff;
+ font-weight: bold;
+ font-size: 18px;
+}
+
+footer {
+ background-color: #333;
+ color: #fff;
+ text-align: center;
+ padding: 1px;
+ position:fixed;
+ bottom: 0;
+ width: 100%;
+}
+
+section {
+ margin: 20px;
+}
+
+#contact-info a {
+ color: #007BFF;
+}
+
+#projects img {
+ max-width: 100%;
+ height: auto;
+ margin: 20px 0;
+}
+
+/* Стили для навигации */
+nav ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+nav ul li {
+ display: inline-block;
+ margin-right: 20px;
+}
+
+nav ul li a {
+ text-decoration: none;
+ color: #333;
+ font-weight: bold;
+ font-size: 18px;
+ position: relative;
+ transition: color 0.3s ease-in-out;
+}
+
+nav ul li a:hover {
+ color: #ffd700;
+}
+
+#about-me {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.about-me-content {
+ flex: 1;
+}
+
+#profile-image {
+ width: 150px;
+ height: auto;
+ border-radius: 5px;
+}
+
+#contact-info {
+ display: flex;
+ align-items: center;
+}
+
+.contact-details {
+ flex: 1;
+ color: green;
+}
+
+.contact-text {
+ max-width: 300px;
+}
+
+#profile-image {
+
+ width: 250px;
+ height: auto;
+ border-radius: 5px;
+ margin-left: 20px;
+ transition: transform 0.3s ease-in-out;
+ border: 5px solid #3498db;
+ box-shadow: 0 0 5px rgba(8, 46, 71, 0.5);
+}
+#profile-image:hover {
+ transform: scale(1.2);
+}
+
+#contact-info h2 {
+ color: blue;
+}
+#education h2 {
+ margin-top: -60px;
+ color: blue;
+}
+
+#skills h2 {
+ color: blue;
+}
+
+
+.developer-info {
+ text-align: center;
+ margin-top: 10px;
+}
+
+.developer-info p{
+ font-size: 24px;
+ font-weight: bold;
+ color: #ffd700;
+ background-color: #3498db;
+ padding: 10px;
+ border-radius: 5px;
+ display: inline-block;
+ box-shadow: 0 0 5px rgba(52, 152, 219, 0.5);
+}
+#visit-info {
+
+ size: 0.1px;
+
+
+}
+#education {
+ margin-top: auto;
+}
+.languages {
+ border: 1px solid #ccc;
+ padding: 10px;
+ background-color: #f0f0f0;
+}
+
+.languages p {
+ margin: 0;
+}
+#project-details h2{
+ color: blue ;
+}
+#first {
+margin-top: -250px;
+text-align: left;
+font-weight: bolder;
+color: brown;
+font-size: 23px;
+}
+#time{
+ text-align: right;
+ color: green;
+ font-size: 23px;
+}
+
+body {
+ position: relative;
+}
+
+#night-mode-toggle {
+ position: fixed;
+ top: 20px;
+ right: 20px;
+ background-color: #4caf50;
+ color: #ffffff;
+ padding: 10px 20px;
+ cursor: pointer;
+ border: none;
+ border-radius: 5px;
+}
+
+
+body.night-mode {
+ background-color: #1a1a1a;
+ color: #ffffff;
+}
+