From a1188d57f348b0f489591b43b6d59e850242093c Mon Sep 17 00:00:00 2001 From: julietoge Date: Wed, 3 Jul 2024 17:18:43 +0100 Subject: [PATCH] update StageOne_task --- README.md | Bin 0 -> 8958 bytes ...-room-with-light-background_1409-1809.avif | Bin 0 -> 15691 bytes css/styles.css | 87 +++++++++++++++ index.html | 104 ++++++++++++++++++ js/script.js | 56 ++++++++++ 5 files changed, 247 insertions(+) create mode 100644 README.md create mode 100644 assets/img/dark-room-with-light-background_1409-1809.avif create mode 100644 css/styles.css create mode 100644 index.html create mode 100644 js/script.js diff --git a/README.md b/README.md new file mode 100644 index 0000000000000000000000000000000000000000..d9dffc47314c698eb6c8c1e68ec6e0f5d968a648 GIT binary patch literal 8958 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

Ar#Np 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 bQ;9y~V1kF<9pH!=2A4csf8{0H1ttGKlNvW= literal 0 HcmV?d00001 diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 0000000..057d51b --- /dev/null +++ b/css/styles.css @@ -0,0 +1,87 @@ +/* reset the default styling */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} +/* styling for display section(body) of the web page */ +body { + font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif; + line-height: 1.6; + background-image: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.829), + rgba(13, 13, 13, 0.582), + rgba(0, 0, 0, 0.706) + ), + url("../assets/img/dark-room-with-light-background_1409-1809.avif"); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + max-width: 100%; + display: flex; + flex-direction: column; + align-items: center; + min-height: 100vh; +} +main { + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + border-radius: 8px; + max-width: 400px; + width: 90%; + padding: 20px; + margin: 12px 0; + background-color: #fff; + z-index: 1; +} +/* setting the margin top and bottom of time-info, profile, goals,and links to 20 pixel */ +.time-info, +.profile, +.goals, +.links { + margin: 20px 0; +} +/* styling for current Time and Day in UTC */ +.time-info { + font-size: 12px; + font-weight: 400; + text-align: right; +} +/* styling for the Slack Profile Picture, ID and email, My Tech goals and useful links */ +.profile { + font-weight: 400; + font-size: 14px; +} +.profile, +.links { + text-align: center; +} +.goals h2, +.links h2 { + font-weight: 600; + font-size: 18px; +} +.goals ul { + font-weight: 400; + font-size: 14px; + padding-left: 20px; +} + +.links a { + display: block; + color: #007bff; + text-decoration: none; + font-weight: 400; + font-size: 14px; +} + +.links a:hover { + text-decoration: underline; +} +/* styling for the footer */ +footer { + padding: 1rem 0; + color: #fff; + font-weight: 400; + font-size: 12px; +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..9bd7371 --- /dev/null +++ b/index.html @@ -0,0 +1,104 @@ + + + + + + + + My Teach Goals + + + + + +

+
+ +
+
+ Time: + Fetching... +
+
+ Day of the Week: + Fetching... +
+
+ +
+ Slack Profile Picture +
+ Slack ID: + Fetching... +
+
+ Slack Email: + Fetching... +
+
+
+ +
+

My Tech goals for the Next 2years:

+
    +
  • + Enhance proficiency in JavaScript and modern frameworks like React + and Vue.js +
  • +
  • + Contribute to open-source projects and collaborate with the + developer community +
  • +
  • + Obtain certifications in cloud computing, Software Engineering and + cybersecurity +
  • +
  • + Work on advanced real-world projects to boost my robust portfolio +
  • +
  • Learn and implement best practices in frontend development
  • +
  • + Stay updated with the latest trends and technologies in the tech + industry +
  • +
+
+ + +
+ +
+

©2024 Stage One Project by oge-dev

+
+ + + diff --git a/js/script.js b/js/script.js new file mode 100644 index 0000000..4e00249 --- /dev/null +++ b/js/script.js @@ -0,0 +1,56 @@ +document.addEventListener("DOMContentLoaded", () => { + // declaration of variables and assigning values to it + const currentTimeUTC = document.querySelector( + '[data-testid="currentTimeUTC"]' + ); + const currentDay = document.querySelector('[data-testid="currentDay"]'); + const slackDisplayName = document.querySelector( + '[data-testid="slackDisplayName"]' + ); + const slackEmail = document.querySelector('[data-testid="slackEmail"]'); + const profilePicture = document.querySelector( + '[data-testid="slackProfilePicture"]' + ); + + // Function to update time and day + function updateTimeAndDay() { + const now = new Date(); + const utcTime = + now.toLocaleTimeString("en-US", { + hour: "numeric", + minute: "numeric", + second: "numeric", + timeZone: "UTC", + hour12: true, + }) + " (UTC)"; + + const dayOfWeek = now.toLocaleString("en-US", { + weekday: "long", + timeZone: "UTC", + }); + + currentTimeUTC.textContent = utcTime; + currentDay.textContent = dayOfWeek; + } + + // Function to fetch Slack information (simulated) + function fetchSlackInfo() { + // Simulated data fetch + const slackData = { + displayName: "oge-dev", + email: "julietogechi27@gmail.com", + profilePicture: + "https://ca.slack-edge.com/T07466B189M-U07ARKG3PC0-499960a28945-48", + }; + slackDisplayName.textContent = slackData.displayName; + slackEmail.textContent = slackData.email; + profilePicture.src = slackData.profilePicture; + } + + // Call the time function initially + updateTimeAndDay(); + // Fetch Slack information + fetchSlackInfo(); + // Update the time every sec + setInterval(updateTimeAndDay, 1000); +});