From c8835bc2749d8cdff72587164196d65d7b2ee5de Mon Sep 17 00:00:00 2001 From: root Date: Sun, 2 Jun 2024 22:29:35 -0400 Subject: [PATCH 1/4] Init commit --- assets/not_sure.jpg | Bin 0 -> 25237 bytes index.html | 140 ++++++++++++++++++++++++ scripts/main.js | 17 +++ styles/styles.css | 252 ++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 409 insertions(+) create mode 100644 assets/not_sure.jpg create mode 100644 index.html create mode 100644 scripts/main.js create mode 100644 styles/styles.css diff --git a/assets/not_sure.jpg b/assets/not_sure.jpg new file mode 100644 index 0000000000000000000000000000000000000000..f400bf079941de6bd97b3e214a7d5e08bad06593 GIT binary patch literal 25237 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 + + + + + + + + + ⭐ Hamza Nasher-Alneam ⭐ + + + +
+
+ + + + +
+
+ + +
+
+

+ I'm Hamza Nasher-Alneam +

+
+
+
+

About me

+

I'm a high school student in the United States. When I have time, I like to do programming, which has been mostly full + stack web dev. Now, I'm learning Kotlin for Android development, trying out Godot for the school Game Dev Club, and + writing C++ code for the school robotics team. Currently using the Fedora KDE Spin.

+
+
+
+ + +
+
+
+

Broadneck Robotics

+

Vex robotics! I've done some of that. I've written code and other things about whatever

+
+
+
+
+

+ Robotics +

+ Robotics image +
+
+
+ + +
+
+
+

+ Game Dev Club +

+ Game Dev Club logo +
+
+
+
+

Game Dev Club

+

Godot! and no more unity. Gdscipt is basically python, ewwww we don't like python, none of us.

+
+
+
+ + +
+
+
+

achievements

+

About gold rush

+
+
+ + +
+
+
+

+ Coming soon! +

+
+

+

Email | hnasheralneam@gmail.com

+

GitHub | @hnasheralneam

+

Developer website | hnasheralneam.github.io

+
+
+
+
+
+

You won't find me at

+

Places you won't find me at

+
+
+
+
+ + + + +
+

You will find me at

+

Places you will find me at

+
+
+
+
+ + + +
+
+
+
+ + +
+
+

+

+ Coming soon +

+
+ words +
+
+
+ + diff --git a/scripts/main.js b/scripts/main.js new file mode 100644 index 0000000..708efd1 --- /dev/null +++ b/scripts/main.js @@ -0,0 +1,17 @@ +// on page load, parse the location to find the page and go to that section +window.onload = function() { + let page = window.location.hash.substring(1); + console.log(page); + if (page === "") { + page = "meet"; + } + goToSection(page); +} + +function goToSection(page) { + document.location = "#" + page; + + let indicator = document.getElementById(page + "Indicator"); + if (document.querySelector("span.active")) document.querySelector("span.active").classList.remove("active"); + indicator.classList.add("active") +} diff --git a/styles/styles.css b/styles/styles.css new file mode 100644 index 0000000..fc54dfa --- /dev/null +++ b/styles/styles.css @@ -0,0 +1,252 @@ +/*================================================== +Main +==================================================*/ + +body, html { + overflow: hidden; + scroll-behavior: smooth; +} + + +/*================================================== +Common Classes +==================================================*/ + +.block { + height: 100vh; + background-color: #f5f5f5; + display: grid; + grid-template-columns: 50% 50%; +} + +.block:nth-child(2n) { + background-color: #fff; +} + +.section-head { + background-color: #f5f5f5; +} + +.section-head, +.section-text { + position: relative; + display: flex; + justify-content: center; + align-items: center; +} + +.section-text { + height: 100vh; + overflow: scroll; + background-color: #fff; + text-align: center; + font-family: Nunito; +} + + +/*================================================== +Progress +==================================================*/ + +.progress-parent { + position: fixed; + top: 0; + bottom: 0; + left: 0; + display: flex; + justify-content: center; + align-items: center; + padding-left: 10px; + z-index: 100; +} + +.progress { + background-color: #e4e4e4; + border-radius: 14px; + list-style-type: none; + padding: 0 8px; +} + +.progress span { + display: block; + position: relative; + height: 25px; + width: 25px; + border-radius: 50%; + background-color: #fff; + color: #f9f9f9; + margin: 9px 0; + transition: 0.1s; + box-shadow: inset 1px 1px 5px #ddd, + 0 0 1px #bbb; +} + +.progress span.active { + background-color: #262626; +} + +.progress span:hover { transform: scale(1.2); } + + +/*================================================== +Landing +==================================================*/ + +/* Hi Animation */ + +.hi { + padding: 50px; + font-size: 250%; + display: inline-block; + transition: all .3s; + transition-delay: .3s; + margin: 0 auto; +} + +.block:hover .hi { + color: #f9f9f9; + font-size: 280%; + background-color: #262626; + border-radius: 2%; +} + +.hi:before, .hi:after { + content: ""; + position: absolute; + height: 50px; + width: 50px; + background-color: #262626; + border-radius: 50%; + transition: all 0.3s; + opacity: 0; +} + +.hi:before { left: -50px; } +.hi:after { right: -50px; } + +.block:hover .hi:before { + left: 50%; + transform: scale(1.5); + animation: hi-opacity .6s 1 forwards; +} + +.block:hover .hi:after { + right: 50%; + transform: scale(1.5); + animation: hi-opacity .6s 1 forwards; +} + +@keyframes hi-opacity { + 0% { opacity: 0; } + 50% { opacity: 1; } + 100% { opacity: 0; } +} + + +.section-head div { + display: grid; + justify-content: center; +} + +.section-image { + display: block; + object-fit: cover; + width: 400px; + height: 400px; + border-radius: 10px; +} + +/* About Me */ + +.about-me { + display: block; + text-align: left; + margin: 0 80px; + font-size: 120%; + transform: translateY(-50px); + opacity: 0; + transition: all 1.5s; + transition-delay: .6s; +} + +body:hover .about-me { + transform: translateY(2px); + opacity: 1; +} + + + +/*========================================================== +Links +==========================================================*/ + +a { + color: lightblue; + text-decoration: none; + position: relative; +} + +.no-link:after { + display: none; +} + +a:after { + content: ""; + display: block; + height: 1.5px; + left: 50%; + position: absolute; + background: lightblue; + transition: all .5s; + width: 0; +} + +a:hover:after { + width: 100%; + left: 0; +} + + +/*================================================== +Personal +==================================================*/ + +.will-not-find-me-at { font-family: Nunito; } +.find-me { margin: 50px 50px 0 50px; } + +.nothing-link:after { display: none; } + +.will-not-find-me-at { + display: flex; + justify-content: center; + text-align: center; + flex-wrap: wrap; + margin: auto; +} + +.will-not-find-me-at a { + width: 90px; + height: 90px; + background-color: #f1f1f1; + margin: 10px; + border-radius: 30%; + color: #10ac84; + box-shadow: 0 5px 15px -5px #00000070; + position: relative; + overflow: hidden; + transition: all 0.2s; +} + +i { + line-height: 90px; + font-size: 25px; + transition: all 0.2s; + margin-top: 35%; +} + +.will-not-find-me-at a:hover i { + transform: scale(1.5) rotate(360deg); + color: whitesmoke; +} + +.will-not-find-me-at a:hover { background-color: #262626; } From 0002a9ea6ef5b3998f4277ff76ef794a51636a20 Mon Sep 17 00:00:00 2001 From: Hamza Nasher-Alneam Date: Sun, 2 Jun 2024 22:41:27 -0400 Subject: [PATCH 2/4] New content, dark theme, mobile --- index.html | 320 ++++++++++++++++++++++++++++------------------ scripts/main.js | 25 ++++ styles/styles.css | 287 +++++++++++++++++++++++++++++++++++------ 3 files changed, 464 insertions(+), 168 deletions(-) diff --git a/index.html b/index.html index 02d0186..9585247 100644 --- a/index.html +++ b/index.html @@ -1,140 +1,208 @@ - - - - - - - - ⭐ Hamza Nasher-Alneam ⭐ - - - -
-
- - - - + + + + + + + + + ⭐ Hamza Nasher-Alneam ⭐ + + + + +
+
+ + + + + + + + +
+
+ + +
+
+

+ I'm Hamza Nasher-Alneam +

+
+
+
+

About me

+

I'm a high school student in the United States with a passion for learning and an interest in programming + and computer systems.

+
- -
-
+ +
+
+
+

Leadership

+

I co-founded the Game Dev Club with some friends at school to create a space at my school for people + interested in + computers and software development. It is also an officially registered Hack Club, which gives the club support and + opportunities. In the first year, we already have 9 members who meet weekly both inside and outside of school to show off their work and give presentations about topics like creating engaging games and versioning code with Git.

+
+
+
+

- I'm Hamza Nasher-Alneam + Leadership

-
-
-
-

About me

-

I'm a high school student in the United States. When I have time, I like to do programming, which has been mostly full - stack web dev. Now, I'm learning Kotlin for Android development, trying out Godot for the school Game Dev Club, and - writing C++ code for the school robotics team. Currently using the Fedora KDE Spin.

-
+
+
- -
-
-
-

Broadneck Robotics

-

Vex robotics! I've done some of that. I've written code and other things about whatever

-
-
-
-
-

- Robotics -

- Robotics image -
-
-
- - -
-
-
-

- Game Dev Club -

- Game Dev Club logo -
-
-
-
-

Game Dev Club

-

Godot! and no more unity. Gdscipt is basically python, ewwww we don't like python, none of us.

-
-
-
- - -
-
-
-

achievements

-

About gold rush

-
-
- - -
-
-
-

- Coming soon! -

-
-

-

Email | hnasheralneam@gmail.com

-

GitHub | @hnasheralneam

-

Developer website | hnasheralneam.github.io

-
-
-
-
-
-

You won't find me at

-

Places you won't find me at

-
-
-
-
- - - - -
-

You will find me at

-

Places you will find me at

-
-
-
-
- - - -
-
-
-
- - -
-
-

-

- Coming soon + +
+
+
+

+ Skills

-
- words + +
+
+
+
+

Skills

+

I have worked primarily with JavaScript and Node.js to create full-stack web apps, but I am also + comfortable in several other languages, including Python and Java. I use Linux for my daily work, but also use OpenSuse on a server.

+
+
+
+ + +
+
+
+

Clubs

+

I am a member of the Broadneck Robotics Club, where I write code for my team and help other teams with code. Throughout the 2023-2024 season, we participated in multiple local competitions, learning from our losses to improve our robot. Our efforts paid off near the end of the season, when we made it into the VEX Robotics state competition.

+
+
+
+
+

+ Clubs +

+ +
+
+
+ + +
+
+
+

+ Achievements +

+ +
+
+
+
+

Achievements

+

In 2023, a friend and I competed in the MAGIC CTF cybersecurity competition, facing off against teenage programmers from across the country, and winning third place.

+

In February of 2024, a friend and I competed in the STEP challenge by MAGIC, creating and developing a + developer profile application, which won the technology and best overall awards for 500 dollars.

+
+
+
+ + +
+
+
+

Work

+

I've created multiple open source projects, which, while not actively maintained, have taught me a lot of + programming + skills, as well as how to create and manage a project.

+
+
+
+
+

+ Work +

+ +
+
+
+ + +
+
+
+

+ Volunteering +

+ +
+
+
+
+

Volunteering

+

Throughout my 9th grade summer, I volunteered at ECO City + Farms, a nonprofit farm in Prince George's County that sells affordable fresh vegetables in food + deserts.

+
+
+
+ + + + + +
+
+
+

You can find me at

+
+ + +
- - +
+
+

+ Contact! +

+
+

Email | hnasheralneam@gmail.com

+

GitHub | @hnasheralneam

+

Developer website | hnasheralneam.github.io

+
+
+
+
+
+ + + \ No newline at end of file diff --git a/scripts/main.js b/scripts/main.js index 708efd1..89f567c 100644 --- a/scripts/main.js +++ b/scripts/main.js @@ -15,3 +15,28 @@ function goToSection(page) { if (document.querySelector("span.active")) document.querySelector("span.active").classList.remove("active"); indicator.classList.add("active") } + + + +// Hover +let dynamHov; +let theme = "light"; +setupDynamHov(); + +function setupDynamHov() { + dynamHov = document.createElement("SPAN"); + document.body.appendChild(dynamHov); + if (theme === "dark") { dynamHov.classList.add("dynamicHover"); } + else { dynamHov.classList.add("dynamicHoverDark"); } +} + +function info(THIS) { + dynamHov.innerHTML = THIS.dataset.info; + dynamHov.style.opacity = "1"; + THIS.onmouseleave = () => { dynamHov.style.opacity = "0"; } +} + +document.addEventListener("mousemove", (event) => { + dynamHov.style.left = (event.clientX + 18) + "px"; + dynamHov.style.top = (event.clientY - 5) + "px"; +}); \ No newline at end of file diff --git a/styles/styles.css b/styles/styles.css index fc54dfa..e593793 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -2,7 +2,14 @@ Main ==================================================*/ -body, html { +* { + padding: 0; + margin: 0; + box-sizing: border-box; +} + +body, +html { overflow: hidden; scroll-behavior: smooth; } @@ -19,10 +26,6 @@ Common Classes grid-template-columns: 50% 50%; } -.block:nth-child(2n) { - background-color: #fff; -} - .section-head { background-color: #f5f5f5; } @@ -50,42 +53,52 @@ Progress .progress-parent { position: fixed; - top: 0; - bottom: 0; left: 0; + bottom: 0; + right: 0; display: flex; justify-content: center; align-items: center; - padding-left: 10px; + padding-bottom: 10px; z-index: 100; } .progress { - background-color: #e4e4e4; - border-radius: 14px; + background-color: #e2e2e2; + border-radius: 1em 1em 0 0; list-style-type: none; - padding: 0 8px; + padding: 6px 8px 2px 8px; + transform: translate(0, 10px); + transition: .1s; + box-shadow: 0 0 2px #ddd; +} + +.progress-parent:hover .progress { + transform: translate(0, 0); + box-shadow: 0 1px 4px #bbb; + border-radius: 1em; } .progress span { - display: block; + display: inline-block; position: relative; height: 25px; width: 25px; border-radius: 50%; background-color: #fff; color: #f9f9f9; - margin: 9px 0; transition: 0.1s; box-shadow: inset 1px 1px 5px #ddd, - 0 0 1px #bbb; + 0 0 1px #bbb; } .progress span.active { background-color: #262626; } -.progress span:hover { transform: scale(1.2); } +.progress span:hover { + transform: scale(1.2); +} /*================================================== @@ -103,14 +116,19 @@ Landing margin: 0 auto; } -.block:hover .hi { - color: #f9f9f9; - font-size: 280%; - background-color: #262626; - border-radius: 2%; +@media only screen and (min-width: 700px) { + + .block:hover .hi { + color: #f9f9f9; + font-size: 280%; + background-color: #262626; + border-radius: 2%; + } + } -.hi:before, .hi:after { +.hi:before, +.hi:after { content: ""; position: absolute; height: 50px; @@ -121,8 +139,13 @@ Landing opacity: 0; } -.hi:before { left: -50px; } -.hi:after { right: -50px; } +.hi:before { + left: -50px; +} + +.hi:after { + right: -50px; +} .block:hover .hi:before { left: 50%; @@ -137,9 +160,17 @@ Landing } @keyframes hi-opacity { - 0% { opacity: 0; } - 50% { opacity: 1; } - 100% { opacity: 0; } + 0% { + opacity: 0; + } + + 50% { + opacity: 1; + } + + 100% { + opacity: 0; + } } @@ -181,27 +212,27 @@ Links ==========================================================*/ a { - color: lightblue; + color: #27c878; +} + + +.fancy-underline { text-decoration: none; position: relative; } -.no-link:after { - display: none; -} - -a:after { +.fancy-underline:after { content: ""; display: block; height: 1.5px; left: 50%; position: absolute; - background: lightblue; - transition: all .5s; + background: #27c878; + transition: all .2s; width: 0; } -a:hover:after { +.fancy-underline:hover:after { width: 100%; left: 0; } @@ -211,10 +242,17 @@ a:hover:after { Personal ==================================================*/ -.will-not-find-me-at { font-family: Nunito; } -.find-me { margin: 50px 50px 0 50px; } +.will-not-find-me-at { + font-family: Nunito; +} -.nothing-link:after { display: none; } +.find-me { + margin: 50px 50px 0 50px; +} + +.nothing-link:after { + display: none; +} .will-not-find-me-at { display: flex; @@ -227,11 +265,11 @@ Personal .will-not-find-me-at a { width: 90px; height: 90px; - background-color: #f1f1f1; + background-color: #fafafa; margin: 10px; border-radius: 30%; - color: #10ac84; - box-shadow: 0 5px 15px -5px #00000070; + color: #27c878; + box-shadow: 0 5px 15px -5px #00000050; position: relative; overflow: hidden; transition: all 0.2s; @@ -249,4 +287,169 @@ i { color: whitesmoke; } -.will-not-find-me-at a:hover { background-color: #262626; } +.will-not-find-me-at a:hover { + background-color: #27c878; +} + +.contact { + margin-top: 4em; +} + +.contact p { + font-size: 120%; + margin: .4em 0; + padding: 0; + font-family: monospace; +} + + +/*================================================== +Hover +==================================================*/ + +.dynamicHover, +.dynamicHoverDark { + position: fixed; + z-index: 10000; + padding: .4vh .8vw; + font-family: "Nunito"; + border-radius: 1vh; + font-size: 2.6vh; + transition: opacity .1s; + opacity: 0; +} + +.dynamicHover { + background-color: #e9e9e9; + color: #2b2b2b; +} + +.dynamicHoverDark { + background-color: #2b2b2b; + color: #e9e9e9; +} + + +/*================================================== +Dark +==================================================*/ + +@media (prefers-color-scheme: dark) { + .section-head { + background-color: #000; + color: #aaa; + } + + .section-text { + background-color: #222; + color: #e9e9e9; + } + + .progress { + background-color: #333; + box-shadow: 0 0 2px #555; + } + + .progress-parent:hover .progress { + box-shadow: 0 1px 4px #555; + } + + .progress span { + background-color: #222; + color: #e9e9e9; + box-shadow: inset 1px 1px 5px #111, + 0 0 1px #000; + } + + .progress span.active { + background-color: #666; + } + + .will-not-find-me-at a { + background-color: #333; + } + + .dynamicHoverDark { + background-color: #e9e9e9; + color: #2b2b2b; + } +} + + +/*================================================== +Mobile +==================================================*/ + +@media only screen and (max-width: 700px) { + .block { + grid-template-columns: 100%; + grid-template-rows: auto auto; + height: 90vh; + } + + .section-head { + height: 20vh; + overflow: scroll; + } + + .section-text { + height: 70vh; + overflow: scroll; + font-size: 105%; + } + + .section-text .about-me { + margin: 0 10px; + } + + #contact { + background-color: #000; + } + + #contact .hi { + padding: 0; + margin-bottom: 10px; + } + + #contact .section-head { + height: 30vh; + } + + #contact .section-text { + height: 30vh; + } + + .contact { + margin-top: 0; + } + + .hi::after, + .hi::before { + all: unset; + } + + .progress { + height: 10vh; + width: 100%; + display: flex; + align-items: center; + justify-content: center; + padding: 15px 0; + overflow: scroll; + } + + .progress span { + height: 50px; + width: 50px; + margin: 0 .3em; + } + + .progress-parent:hover .progress { + transform: translate(0, 10px); + } + + .about-me { + transform: translateY(2px); + opacity: 1; + } +} \ No newline at end of file From cf7140c24cb958d2a8e9405243c2c87c7cb76bb4 Mon Sep 17 00:00:00 2001 From: Hamza Nasher-Alneam Date: Thu, 3 Oct 2024 12:30:34 -0400 Subject: [PATCH 3/4] Update content --- assets/not_sure.jpg | Bin index.html | 16 ++++++---------- scripts/main.js | 0 styles/styles.css | 0 4 files changed, 6 insertions(+), 10 deletions(-) mode change 100644 => 100755 assets/not_sure.jpg mode change 100644 => 100755 index.html mode change 100644 => 100755 scripts/main.js mode change 100644 => 100755 styles/styles.css diff --git a/assets/not_sure.jpg b/assets/not_sure.jpg old mode 100644 new mode 100755 diff --git a/index.html b/index.html old mode 100644 new mode 100755 index 9585247..2b468ff --- a/index.html +++ b/index.html @@ -53,11 +53,7 @@

Leadership

-

I co-founded the Game Dev Club with some friends at school to create a space at my school for people - interested in - computers and software development. It is also an officially registered Hack Club, which gives the club support and - opportunities. In the first year, we already have 9 members who meet weekly both inside and outside of school to show off their work and give presentations about topics like creating engaging games and versioning code with Git.

+

I co-founded the Game Dev Club with some friends to create a space at my school for people interested in computers and software development. It is also an officially registered Hack Club, which gives the club support and opportunities to connect with other teens with similar interests across the world. In the first year, we had 9 members who meet weekly both inside and outside of school to show off their work and give presentations about and discuss topics like creating engaging games and versioning code with Git.

@@ -86,7 +82,7 @@

Skills

I have worked primarily with JavaScript and Node.js to create full-stack web apps, but I am also - comfortable in several other languages, including Python and Java. I use Linux for my daily work, but also use OpenSuse on a server.

+ comfortable in several other languages, including Python and Java. I use Linux for my daily work, but also use Kubuntu on a server.

@@ -96,7 +92,7 @@

Clubs

-

I am a member of the Broadneck Robotics Club, where I write code for my team and help other teams with code. Throughout the 2023-2024 season, we participated in multiple local competitions, learning from our losses to improve our robot. Our efforts paid off near the end of the season, when we made it into the VEX Robotics state competition.

+

Last year, I was a member of the Broadneck Robotics Club, where I wrote code for my team and help other teams with code. Throughout the 2023-2024 season, we participated in multiple local competitions, learning from our losses to improve our robot. Our efforts paid off near the end of the season, when we made it into the VEX Robotics state competition.

@@ -184,7 +180,7 @@
-
@@ -197,7 +193,7 @@

Email | hnasheralneam@gmail.com

GitHub | @hnasheralneam

-

Developer website | hnasheralneam.github.io

+

Developer website | hnasheralneam.dev

@@ -205,4 +201,4 @@
- \ No newline at end of file + diff --git a/scripts/main.js b/scripts/main.js old mode 100644 new mode 100755 diff --git a/styles/styles.css b/styles/styles.css old mode 100644 new mode 100755 From b4196c6f08f5667dd47f3a9b90aa751f6640ec73 Mon Sep 17 00:00:00 2001 From: Hamza Nasher-Alneam Date: Thu, 3 Oct 2024 14:04:15 -0400 Subject: [PATCH 4/4] Test Commit --- test.txt | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 test.txt diff --git a/test.txt b/test.txt new file mode 100644 index 0000000..e69de29