From 994e5c0c4573eaa518c66ac52780c02a3ddf1372 Mon Sep 17 00:00:00 2001 From: MIF Date: Sun, 30 Jun 2024 12:33:20 +0600 Subject: [PATCH] update --- docs/index.html | 45 ++++++++++++++--------- docs/resources/icons/location.svg | 7 ++++ docs/resources/profile/2426.png | Bin 0 -> 7065 bytes docs/script.js | 48 +++++++++++------------- docs/style.css | 59 +++++++++++++++++++++++------- 5 files changed, 101 insertions(+), 58 deletions(-) create mode 100644 docs/resources/icons/location.svg create mode 100644 docs/resources/profile/2426.png diff --git a/docs/index.html b/docs/index.html index 25d7a69..cb8d27d 100644 --- a/docs/index.html +++ b/docs/index.html @@ -19,29 +19,38 @@

-
-

Hey, I'm Iftekhar

-

I am a self-taught developer that is passionate about programming and eager to learn new skills.
I'm also a privacy - advocate.

-
-
- - - - +
+
+ Profile Picture +
+

Hey, I'm Iftekhar 👋

+

I am a self-taught developer passionate about programming and eager to learn new skills. I'm + also a privacy advocate.

+
+
+
+ Location Icon +

Somewhere / Earth 🌏

+
+
+ + + + +
- Repository + Repository diff --git a/docs/resources/icons/location.svg b/docs/resources/icons/location.svg new file mode 100644 index 0000000..b9f1038 --- /dev/null +++ b/docs/resources/icons/location.svg @@ -0,0 +1,7 @@ + + + + + + location Created with Sketch Beta. + \ No newline at end of file diff --git a/docs/resources/profile/2426.png b/docs/resources/profile/2426.png new file mode 100644 index 0000000000000000000000000000000000000000..97d83c0d5907d50894b0ea910eafb4ce15a77e8c GIT binary patch literal 7065 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 literal 0 HcmV?d00001 diff --git a/docs/script.js b/docs/script.js index 33ab0fd..31d2eda 100644 --- a/docs/script.js +++ b/docs/script.js @@ -42,36 +42,30 @@ document.addEventListener('DOMContentLoaded', function () { function setupScrollEffect() { window.addEventListener('scroll', () => { const header = document.querySelector('header'); - if (window.scrollY > 50) { - header.style.backgroundColor = 'rgba(0, 0, 0, 0.8)'; - } else { - header.style.backgroundColor = 'transparent'; - } + header.style.opacity = 1 - window.scrollY / 500; }); } - // Function to update the current time and date - function updateDateTime() { - const now = new Date(); - const time = now.toLocaleTimeString(); - const date = now.toLocaleDateString(); - - document.getElementById('current-time').textContent = time; - document.getElementById('current-date').textContent = date; + // Display current time and date + function displayDateTime() { + const timeElement = document.getElementById('current-time'); + const dateElement = document.getElementById('current-date'); + const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }; + const updateTime = () => { + const now = new Date(); + timeElement.textContent = now.toLocaleTimeString(); + dateElement.textContent = now.toLocaleDateString(undefined, options); + }; + updateTime(); // Initial call + setInterval(updateTime, 1000); // Update every second } // Initialize all functions - function init() { - animateHeaderText(); - setupRepoButton(); - addHoverEffectsToSocialButtons(); - setupScrollEffect(); - updateDateTime(); - setInterval(updateDateTime, 1000); // Update the time every second - // Uncomment the line below to dynamically load a font - // loadFont('Ubuntu', 'resources/fonts/Ubuntu-Bold.ttf'); - } - - // Run the initialization function on DOM content loaded - init(); -}); \ No newline at end of file + animateHeaderText(); + setupRepoButton(); + addHoverEffectsToSocialButtons(); + setupScrollEffect(); + displayDateTime(); + // Uncomment the line below to dynamically load the font (optional) + // loadFont('Ubuntu', 'resources/fonts/Ubuntu-Bold.ttf'); +}); diff --git a/docs/style.css b/docs/style.css index 1d7d71d..560940b 100644 --- a/docs/style.css +++ b/docs/style.css @@ -46,14 +46,32 @@ header { flex: 1; } -/* Styles for the header content */ +/* Styles for the profile section */ +.profile-section { + margin-top: 3rem; +} + +.profile { + display: flex; + align-items: center; + gap: 1.5rem; + margin-bottom: 1rem; +} + +.profile-pic { + width: 100px; + height: 100px; + border-radius: 50%; + border: 2px solid var(--emerald-color); +} + .content h1 { - font-size: 3rem; + font-size: 2rem; /* Large font size for header text */ font-weight: 700; /* Bold text */ - line-height: 4rem; - margin-bottom: 1rem; + line-height: 3rem; + margin-bottom: 0.5rem; } /* Emerald color class */ @@ -67,14 +85,25 @@ header { /* Make bio text bold */ } +/* Styles for the location section */ +.location { + display: flex; + align-items: center; + gap: 0.5rem; + margin-top: 1rem; +} + +.location-icon { + width: 20px; + height: 20px; +} + /* Button container styles */ .button-container { display: flex; - justify-content: center; - /* Center the buttons */ gap: 20px; /* Space between buttons */ - margin-top: 1.5rem; + margin-top: 1rem; } /* Social button styles */ @@ -84,15 +113,17 @@ header { justify-content: center; background-color: var(--button-background); /* Use button background color from variables */ - padding: 10px; + padding: 5px; border-radius: 50%; transition: background-color 0.3s ease; /* Smooth transition for background color */ + width: 30px; + height: 30px; } .social-button img { - width: 30px; - height: 30px; + width: 20px; + height: 20px; } .social-button:hover { @@ -110,15 +141,17 @@ header { justify-content: center; background-color: var(--button-background); /* Use button background color from variables */ - padding: 10px; + padding: 5px; border-radius: 50%; transition: background-color 0.3s ease; /* Smooth transition for background color */ + width: 30px; + height: 30px; } .repo-source-button img { - width: 30px; - height: 30px; + width: 20px; + height: 20px; } .repo-source-button:hover {