" /> " /> " />

yeet69

Author: Anonymous ynak5l

Expire: Never

go through the below code:

"1st code mobile view html:

Akshay's Resume

AKSHAY G PRABHU

LinkedIn | Naukri

Technical Support Engineer

✆ :+91-1234-567-6543

✉: [email protected]

Objective

As an experienced professional I am committed to delivering exceptional results and contributing to your organization's success.

Skills

  • IP Addressing & Sub-netting, OSI Model
  • IP Routing (RIP, OSPF, EIGRP), Switch Configuration

Work History

01/2023 - Current :
Technical Support Engineer | ACE Tech Sys Pvt Ltd.
• Managed technical support

Education

Electronics & Communication | R.N.Shetty Rural Polytechnic 2021
SSLC | Sri Mookambika Public School 2014

Certifications

  • CHNA (Certified Hardware & Networking Administrator) from IANT
  • Pursuing RHCSA (Red Hat Certified System Administrator) by Red Hat

Personal Information

Date of Birth: 06-Sep-1998
Language: English, Kannada, Hindi, Konkani
Gender: Male

Projects

Arduino Bluetooth Car with Obstacle Avoidance:
Arduino Based Bluetooth Controlled Car is an Arduino-based project that uses an ultrasonic sensor to avoid obstacles.

Declaration

I hereby declare that the above mentioned information is true to the best of my knowledge.

moile view css: /* Styles applied to the entire body of the webpage / body { font-family: Arial, sans-serif; margin: 0; padding: 0; height: 100vh; display: flex; flex-direction: column; justify-content: space-between; background-color: black; / Set the background color to black */ }

/* Styles applied to the header of the webpage */ header { position: fixed; top: 0; width: 100%; background-color: rgba(255, 255, 255, 0.2); backdrop-filter: blur(5px); padding: 5px; display: flex; justify-content: space-between; }

/* Styles applied to the left section of the header / .left h1, .right p { font-size: 0.8em; / Reduce font size in mobile view */ }

/* Styles applied to the right section of the header / .right { align-items: flex-end; margin-right: 40px; / Adjust this value as needed / text-align: right; / Add this line */ }

/* Styles applied to the navigation bar */ nav { background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(5px); overflow: auto; white-space: nowrap; position: fixed; bottom: 0; width: 100%; }

/* Styles applied to the links in the navigation bar */ nav a { display: inline-block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; }

/* Styles applied to the links in the navigation bar when hovered over */ nav a:hover { background-color: #ddd; color: black; }

canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; /* This will ensure the canvas is behind all other content */ }

main, .sidebar { background-color: rgba(255, 255, 255, 0.02); /* Adjust the color and opacity as needed */ }

/* Styles applied to the body when in light mode */ body.light-mode { background-color: white; color: black; }

/* Styles applied to the header and navigation bar when in light mode */ body.light-mode header, body.light-mode nav { background-color: rgba(0, 0, 0, 0.02); }

/* Styles applied to the links, h1, and p elements in the header when in light mode */ body.light-mode nav a, body.light-mode header .left h1, body.light-mode header .left p, body.light-mode header .right p { color: black; }

/* Styles applied to the links in the navigation bar when hovered over in light mode */ body.light-mode nav a:hover { color: orange; }

/* Styles applied to the main content section / main { margin-top: 60px; / Adjust this value as needed / font-size: 0.9em; / Decrease the size of the text */

}

/* Styles applied to the section titles and descriptions / section { min-height: 100vh; padding: 15px; border-bottom: 10px solid #ddd; margin-bottom: 50px; / Adjust this value as needed / page-break-before: always; / Add this line / } section::before { content: ""; display: block; height: 200px; / Adjust this value to match your header's height / margin: -60px 0 0; / This negative margin is the same as the height */ }

/* Styles applied to the name / #name { font-size: 1.2em; / Adjust as needed */ font-weight: bold; }

/* Styles applied to the download button / #downloadBtn { font-size: 0.8em; / Increase the size of the text / padding: 10px 20px; / Increase the size of the button / border: 2px solid #000000; / Add a border to the button / background-color: transparent; / Make the button transparent / color: #000000; / Set the color of the text / transition: all 0.3s ease; / This will animate any changes */ }

#downloadBtn:hover { background-color: #FFFFFF; /* Change the background color to white when hovered / color: #000000; / Change the text color to black when hovered */ }

#downloadBtn:active { transform: scale(0.95); /* This will slightly shrink the button when clicked */ }

mobile view js: // script.js

// Variable to toggle between dark and light modes let darkMode = false;

// Event listener for click event on the download button to toggle modes document.getElementById('downloadBtn').addEventListener('click', toggleDarkMode);

// Function to toggle between dark and light modes function toggleDarkMode() { darkMode = !darkMode; if (darkMode) { document.body.classList.add('dark-mode'); document.body.classList.remove('light-mode'); setPolygonColors('255, 255, 255'); } else { document.body.classList.add('light-mode'); document.body.classList.remove('dark-mode'); setPolygonColors('0, 0, 0'); } }

// Function to set the colors of the polygons function setPolygonColors(color) { nodes.forEach(node => { node.color = color; }); }

// Polygon network animation with mouse interaction const canvas = document.getElementById('polygon-bg'); const ctx = canvas.getContext('2d'); canvas.width = window.innerWidth; canvas.height = window.innerHeight;

const nodes = []; const lines = []; const nodeCount = 80; const maxDist = 200;

// Class for the nodes in the polygon network class Node { constructor(x, y, color = '0, 0, 0') { this.x = x; this.y = y; this.vx = Math.random() * 2 - 1; this.vy = Math.random() * 2 - 1; this.color = color; }

update() {
    this.x += this.vx;
    this.y += this.vy;

    if (this.x < 0 || this.x > canvas.width) this.vx *= -1;
    if (this.y < 0 || this.y > canvas.height) this.vy *= -1;
}

draw() {
    ctx.beginPath();
    ctx.arc(this.x, this.y, 3, 0, Math.PI * 2);
    ctx.fillStyle = `rgba(${this.color}, 0.9)`;
    ctx.fill();
}

}

// Class for the lines in the polygon network class Line { constructor(node1, node2, color = '0, 0, 0') { this.node1 = node1; this.node2 = node2; this.color = color; }

draw() {
    const dist = Math.hypot(this.node1.x - this.node2.x, this.node1.y - this.node2.y);
    if (dist < maxDist) {
        ctx.beginPath();
        ctx.moveTo(this.node1.x, this.node1.y);
        ctx.lineTo(this.node2.x, this.node2.y);
        ctx.strokeStyle = `rgba(${this.color}, ${1 - dist / maxDist})`;
        ctx.stroke();
    }
}

}

// Create the nodes for the polygon network for (let i = 0; i < nodeCount; i++) { const x = Math.random() * canvas.width; const y = Math.random() * canvas.height; nodes.push(new Node(x, y)); }

// Event listener for mousemove event on the canvas canvas.addEventListener('mousemove', (e) => { const rect = canvas.getBoundingClientRect(); const mouseX = e.clientX - rect.left; const mouseY = e.clientY - rect.top;

nodes.forEach(node => {
    const dx = mouseX - node.x;
    const dy = mouseY - node.y;
    const dist = Math.hypot(dx, dy);

    if (dist < maxDist) {
        node.vx += dx * 0.01;
        node.vy += dy * 0.01;
    }
});

});

// Function to animate the polygon network function animate() { ctx.clearRect(0, 0, canvas.width, canvas.height); nodes.forEach(node => { node.update(); node.draw(); });

lines.length = 0;
for (let i = 0; i < nodes.length; i++) {
    for (let j = i + 1; j < nodes.length; j++) {
        lines.push(new Line(nodes[i], nodes[j], darkMode ? '255, 255, 255' : '0, 0, 0'));
    }
}
lines.forEach(line => line.draw());

requestAnimationFrame(animate);

}

// Start the animation animate(); " what is this code and what is this code below aswel

"2nd code below desktop view html:

Akshay's Resume

Objective

As an experienced professional I am committed to delivering exceptional results and contributing to your organization's success.

Skills

  • IP Addressing & Sub-netting, OSI Model
  • IP Routing (RIP, OSPF, EIGRP), Switch Configuration

Work History

Technical Support Engineer | ACE Tech Sys Pvt Ltd. 01/2023 - Current
• Managed technical support

Education

Electronics & Communication | R.N.Shetty Rural Polytechnic 2021
SSLC | Sri Mookambika Public School 2014

Certifications

  • CHNA (Certified Hardware & Networking Administrator) from IANT
  • Pursuing RHCSA (Red Hat Certified System Administrator) by Red Hat

Personal Information

Date of Birth: 06-Sep-1998
Language: English, Kannada, Hindi, Konkani
Gender: Male

Projects

Arduino Bluetooth Car with Obstacle Avoidance:
Arduino Based Bluetooth Controlled Car is an Arduino-based project that uses an ultrasonic sensor to avoid obstacles.

Declaration

I hereby declare that the above mentioned information is true to the best of my knowledge.

6/16/2024

JavaScript is not enabled in your browser. Most features and paste content is missing . Switch to full experience by editing url from /nojs/[link] to /share/[link]