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.
Attached Files
Likes: 0
Dislikes: 1
Views: 705
9/8/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]