stepancar-web-programming · nekruz03 · Jan 10, 2024 · Jan 10, 2024 · Jan 12, 2024 · Jan 13, 2024
diff --git a/.DS_Store b/.DS_Store
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -0,0 +1,33 @@
+module.exports = {
+  'env': {
+    'browser': true,
+    'es2021': true,
+    'node': true
+  },
+  'overrides': [
+    {
+      'env': {
+        'node': true
+      },
+      'files': [
+        '.eslintrc.{js,cjs}'
+      ],
+      'parserOptions': {
+        'sourceType': 'script'
+      }
+    }
+  ],
+  'parserOptions': {
+    'ecmaVersion': 'latest',
+    'sourceType': 'module'
+  },
+  'rules': {
+    'indent': [ 'error', 2 ],
+    'quotes': [ 'error', 'single' ],
+    'semi': [ 'error', 'always' ],
+    'comma-spacing': [ 'error', { 'before': false, 'after': true } ], 
+    'object-curly-spacing': [ 'error', 'always' ], 
+    'array-bracket-spacing': [ 'error', 'always' ], 
+  }
+};
+
diff --git a/.github/eslint.yml b/.github/eslint.yml
@@ -0,0 +1,25 @@
+name: ESLint
+
+on:
+  push:
+    branches:
+        - dev
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v2
+
+    - name: Set up Node.js
+      uses: actions/setup-node@v3
+      with:
+        node-version: '14'
+
+    - name: Install dependencies
+      run: npm install
+
+    - name: Run ESLint
+      run: npx eslint .
diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml
@@ -0,0 +1,27 @@
+name: Lint
+
+on:
+  push:
+    branches:
+      - dev  
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v2
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '14'
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Run ESLint
+        run: npm run lint
+
+      - name: Run Stylelint
+        run: npm run lint:scss
diff --git a/.stylelintrc b/.stylelintrc
@@ -0,0 +1,6 @@
+{
+  "extends": "stylelint-config-standard",
+  "rules": {
+    "block-opening-brace-space-before": ["always", { "except": ["first-nested"] }]
+  }
+}
diff --git a/README.md b/README.md
@@ -0,0 +1 @@
+https://stepancar-web-programming.github.io/3-Web/
diff --git a/app.js b/app.js
@@ -0,0 +1,14 @@
+console.log('Привет, мир!');
+function loadPageContent(content) {
+  document.getElementById('content').innerHTML = content;
+  console.log('done');
+}
+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/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/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,50 @@
+
+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);
+  });
+});
+
+footer = document.getElementsByTagName('footer')[0];
+
+
+function applyNightMode(nightMode) {
+  document.body.classList.toggle('night-mode', nightMode === 'true');
+  footer.classList.toggle('night-mode-footer', 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/node_modules/.bin/acorn b/node_modules/.bin/acorn
diff --git a/node_modules/.bin/cssesc b/node_modules/.bin/cssesc
diff --git a/node_modules/.bin/eslint b/node_modules/.bin/eslint
diff --git a/node_modules/.bin/glob b/node_modules/.bin/glob
diff --git a/node_modules/.bin/js-yaml b/node_modules/.bin/js-yaml
diff --git a/node_modules/.bin/nanoid b/node_modules/.bin/nanoid
diff --git a/node_modules/.bin/rimraf b/node_modules/.bin/rimraf
diff --git a/node_modules/.bin/stylelint b/node_modules/.bin/stylelint
diff --git a/node_modules/.bin/which b/node_modules/.bin/which
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		https://stepancar-web-programming.github.io/3-Web/