From 3aad5d9a7557a5ba15b736d614281c3699417919 Mon Sep 17 00:00:00 2001 From: Darkidd77 Date: Sat, 24 Jan 2026 15:39:25 +0000 Subject: [PATCH 1/5] Update index.html and style.css for GitHub Learning project - Changed the main header title to "Github Learning" and updated the introductory text. - Added a new section with articles explaining GitHub, including images and descriptions for "What is GitHub?", "Branching", and "Commits". - Updated the footer text to reflect copyright for 2026. --- Wireframe/index.html | 33 ++++++++++++++++++++++++++------- Wireframe/style.css | 10 +++++++++- 2 files changed, 35 insertions(+), 8 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..33113be15 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -8,25 +8,44 @@
-

Wireframe

+

Github Learning

- This is the default, provided code and no changes have been made yet. + Learning resources and tutorials for GitHub.

+
+
+ picture shows GitHub logo +

What is GitHub?

+

+ GitHub is a code hosting platform for version control and collaboration. + It lets you and others work together on projects from anywhere. +

+ Read more +
+
- -

Title

+ picture shows Github Branching +

Branching

+

+ Branching allows you to create separate lines of development within a repository. +

+ Read more +
+
+ pictures shows Github commits and staging +

Commits

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. + A commit is a snapshot of your repository at a specific point in time.

Read more
+
diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c7..041ed492d 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -31,6 +31,11 @@ body { color: var(--ink); font: var(--font); } +header { + text-align: center; + padding: calc(var(--space) * 2) 0; +} + a { padding: var(--space); border: var(--line); @@ -53,6 +58,9 @@ footer { position: fixed; bottom: 0; text-align: center; + width: 100%; + background: var(--paper); + } /* ====== Articles Grid Layout ==== Setting the rules for how articles are placed in the main element. @@ -86,4 +94,4 @@ article { > img { grid-column: span 3; } -} +} \ No newline at end of file From 81ee296780f68b15b321ea396dbbb6032cd09849 Mon Sep 17 00:00:00 2001 From: Darkidd77 Date: Sat, 7 Feb 2026 00:58:03 +0000 Subject: [PATCH 2/5] Add CSS reset and new images for GitHub wireframe - Updated style.css to include margin, padding, and min-height for body to ensure proper layout. - Added new images: to the assets/images directory. --- Wireframe/assets/images/GitHub logo.png | Bin 0 -> 2445 bytes Wireframe/assets/images/Github Branching.png | Bin 0 -> 8538 bytes .../assets/images/Github commits and staging.png | Bin 0 -> 4191 bytes Wireframe/index.html | 6 +++--- Wireframe/style.css | 3 +++ 5 files changed, 6 insertions(+), 3 deletions(-) create mode 100644 Wireframe/assets/images/GitHub logo.png create mode 100644 Wireframe/assets/images/Github Branching.png create mode 100644 Wireframe/assets/images/Github commits and staging.png diff --git a/Wireframe/assets/images/GitHub logo.png b/Wireframe/assets/images/GitHub logo.png new file mode 100644 index 0000000000000000000000000000000000000000..089cbd685728f2242238b5d91b0ee406310e9d63 GIT binary patch literal 2445 zcma);`9Bj30LCR(34NT!#7jbQi{)CbB-h-T`#!@eca}tKNSQ0<>}BLwuC;Q^HOCmQ z`<~Y}RHz);Fnaw7@8|P;p6C11^Zfe2!B(a`7ez0!u(0r$-8Z&nVL1mqV>s9OGvEHn za6F4lu!X(J?(e-bJUFBupE3`bN52^dCx1>$%gYD@{iNd3EJoQ6cO(thu!%#!(GMX zmoELJOZWHodQoOIOIL>zqxCvHQnfHMI+doA%sQ0-urhA5b2PB9luth)gkRT-cRNnN z^a03+7E#spF@<~~%iYd8=^SwKA9`L0c*F?{87h7aJ*e7*{Rix~gpjvx5#Y z9r27gc4WxGiVeVA$k#Mk;5tmh+~`U_Fzw%%7a#Mt-EUz~0}q!^n?wdSUt(W}O_(W? zh*bp?DhLf!t9Rhg=6sXb7)h$mpJvS-lG`Hvbzte29}_H)F~BE=Q1y}<{8$1_<@Xq>$b#MTjXjVq6Mux zbKFd|P2HeT@{v9h?FYG=_TmE_5T2+O9B!Nt~6ae?EWT|PwTT)4Z`==1pVaYYJ zvat@qtB5{{6eV`jUo_x6H}jczKD^)VUXrI!ervB6WS2c4tq&RZpw6ss;BBJRGWzJg zu>zF29CWrEUze?H;ZJ=^h)t$H`ZRr~MZ&;IwK{w&6YSD1CI9x?gBkfy{V{Y*x%YcY z3FdjP%eHqUl))ovej+%KpYzc)Ggmm%jftaZ+3hL(uyXu{VzFw_{K9gH51^n#!fm6) z^iUOyzVjLM+l12kpL3Bx!>baaW=}%eN0g>|ht|69U!!^UTG=sUZ+F$v9$MQh)pd-U z&YueeC}(~uS$V%s#2Ann7MgAyD}|xnRr2n6A?oFleh2L`5YB?s zk#pIBU0{+%hEZTQ+i3Tk)^@PqKrIrX->JOhbZ)ERKY=m0}9Sop6G|)|bo?N-_&|{LJ|Wp9oVl2xHkpU(^V{m&)7foqP2<3MD}Gas)rw z_2dP1){PAzyk>2Ma&ZvTWepS4pH$@pCiX@-R5YC~4&Q9B>O+J-c!Kh{{N1(Mu*+2l zJ>}&!a?5l)-bOyV3+Fd@M4w|9baFH@;Vz6$t5R2<`K8ohlu)WJgQc^+)6%euIR8kg zcCLpgRPAuP6}aK#TIrs`l(K}b?WqN=XlEp%dL*BXob*`XGtS>N*#RUq7U!uEn`}gl z)Gb(3YQ9N9VFW*MPPu0Eh67Er=y9R8V$C3_ZbOyJcdE&m$neKD+Z{C=j}=@G%x)`6 ziCzj6xK#4bP*C~ZOiGH1qENmMNg?6R#j&S^PbN3a*H*O^sbkw)y#bQR()7n1!2#WB zI`WRcKc$KvcR%Y#y5Q1wx<~jv*gVS@TgpQWKR;#fV%r0|WxT6j_ML}t%Fvao1Gq1G zc$dcT6Lh;B7bc}h($QG)&^m*$JbM=?HL?JmcZ>qQDPWAdE-rtJx_*z&>3X>M4eRni z|255Kc=L9vUUpO5X*Rm)n;tg^IcDpc9M_E18D5VS&7*K+%C~Xb$&c$83vmurD+w|vD!{G2ZMXa(U&KRIUt#<98;u@<3-gGO z=_y&cFkiJvQtO1=pK*2n!G!GWJW-?JT!Jjx-M&J!$g2yOYwlzTk!}Q9H%pAvdANQPp}7?4qpRh6 ztm%ukgmkG-J3`Lg9!bA?LSOd8$R1u{O( kb>l*kB-j5EW0=Xu>lR;sk|5fAcB)v+OstF>3_X+n1I>BK!2kdN literal 0 HcmV?d00001 diff --git a/Wireframe/assets/images/Github Branching.png b/Wireframe/assets/images/Github Branching.png new file mode 100644 index 0000000000000000000000000000000000000000..806527bbb1817374b8dc7dd16203bc628e8d956b GIT binary patch literal 8538 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 p`_sj**vzG<>C>=pQRl1n^M8yGithub Learning
- picture shows GitHub logo + picture shows GitHub logo

What is GitHub?

GitHub is a code hosting platform for version control and collaboration. @@ -26,7 +26,7 @@

What is GitHub?

- picture shows Github Branching + picture shows Github Branching

Branching

Branching allows you to create separate lines of development within a repository. @@ -34,7 +34,7 @@

Branching

Read more
- pictures shows Github commits and staging + pictures shows Github commits and staging

Commits

A commit is a snapshot of your repository at a specific point in time. diff --git a/Wireframe/style.css b/Wireframe/style.css index 041ed492d..9a81310f3 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -30,6 +30,9 @@ body { background: var(--paper); color: var(--ink); font: var(--font); + margin: 0; + padding: 0; + min-height: 100vh; } header { text-align: center; From 3b741ec0741dbb8249a0977ac253365fa62fd455 Mon Sep 17 00:00:00 2001 From: Darkidd77 Date: Sat, 7 Feb 2026 01:47:53 +0000 Subject: [PATCH 3/5] Refine image alt text and enhance CSS styles for layout and responsiveness --- Wireframe/index.html | 6 +++--- Wireframe/style.css | 11 ++++++++++- 2 files changed, 13 insertions(+), 4 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index b852ad8e7..3701adeb9 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -16,7 +16,7 @@

Github Learning

- picture shows GitHub logo + GitHub logo

What is GitHub?

GitHub is a code hosting platform for version control and collaboration. @@ -26,7 +26,7 @@

What is GitHub?

- picture shows Github Branching + Github Branching

Branching

Branching allows you to create separate lines of development within a repository. @@ -34,7 +34,7 @@

Branching

Read more
- pictures shows Github commits and staging + GitHub commits and staging diagram

Commits

A commit is a snapshot of your repository at a specific point in time. diff --git a/Wireframe/style.css b/Wireframe/style.css index 9a81310f3..3401fbc33 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -31,6 +31,7 @@ body { color: var(--ink); font: var(--font); margin: 0; + margin-bottom: 100px; padding: 0; min-height: 100vh; } @@ -46,7 +47,13 @@ a { } img, svg { + height: 300px; width: 100%; + object-fit: contain; +} + +section article img { + height: 300px; object-fit: cover; } /* ====== Site Layout ====== @@ -63,7 +70,9 @@ footer { text-align: center; width: 100%; background: var(--paper); - + padding: var(--space); + border-top: var(--line); + } /* ====== Articles Grid Layout ==== Setting the rules for how articles are placed in the main element. From 775e6d8ae76c69e20d9d4eb298d34df81d08b0e6 Mon Sep 17 00:00:00 2001 From: Darkidd77 Date: Sat, 7 Feb 2026 14:38:13 +0000 Subject: [PATCH 4/5] Remove obsolete image and update image references in HTML Fixed the validator error. --- .../images/{GitHub logo.png => GitHubLogo.png} | Bin .../{Github Branching.png => GithubBranching.png} | Bin ...its and staging.png => GithubCommitsStaging.png} | Bin Wireframe/index.html | 6 +++--- 4 files changed, 3 insertions(+), 3 deletions(-) rename Wireframe/assets/images/{GitHub logo.png => GitHubLogo.png} (100%) rename Wireframe/assets/images/{Github Branching.png => GithubBranching.png} (100%) rename Wireframe/assets/images/{Github commits and staging.png => GithubCommitsStaging.png} (100%) diff --git a/Wireframe/assets/images/GitHub logo.png b/Wireframe/assets/images/GitHubLogo.png similarity index 100% rename from Wireframe/assets/images/GitHub logo.png rename to Wireframe/assets/images/GitHubLogo.png diff --git a/Wireframe/assets/images/Github Branching.png b/Wireframe/assets/images/GithubBranching.png similarity index 100% rename from Wireframe/assets/images/Github Branching.png rename to Wireframe/assets/images/GithubBranching.png diff --git a/Wireframe/assets/images/Github commits and staging.png b/Wireframe/assets/images/GithubCommitsStaging.png similarity index 100% rename from Wireframe/assets/images/Github commits and staging.png rename to Wireframe/assets/images/GithubCommitsStaging.png diff --git a/Wireframe/index.html b/Wireframe/index.html index 3701adeb9..3783abc10 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -16,7 +16,7 @@

Github Learning

- GitHub logo + GitHub logo

What is GitHub?

GitHub is a code hosting platform for version control and collaboration. @@ -26,7 +26,7 @@

What is GitHub?

- Github Branching + Github Branching

Branching

Branching allows you to create separate lines of development within a repository. @@ -34,7 +34,7 @@

Branching

Read more
- GitHub commits and staging diagram + GitHub commits and staging diagram

Commits

A commit is a snapshot of your repository at a specific point in time. From f591f1d6b7bbd91b8be88fa60243cab448d9e251 Mon Sep 17 00:00:00 2001 From: Darkidd77 Date: Sun, 8 Feb 2026 21:19:03 +0000 Subject: [PATCH 5/5] Refactor HTML structure removing unnecessary section tags to fix the Validator error and update CSS for first-child image styling and main padding --- Wireframe/index.html | 2 -- Wireframe/style.css | 3 ++- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 3783abc10..3051ad64b 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -14,7 +14,6 @@

Github Learning

-
GitHub logo

What is GitHub?

@@ -24,7 +23,6 @@

What is GitHub?

Read more
-
Github Branching

Branching

diff --git a/Wireframe/style.css b/Wireframe/style.css index 3401fbc33..0e698935f 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -52,7 +52,7 @@ svg { object-fit: contain; } -section article img { +article:first-child img { height: 300px; object-fit: cover; } @@ -63,6 +63,7 @@ https://www.w3.org/WAI/tutorials/page-structure/regions/ main { max-width: var(--container); margin: 0 auto calc(var(--space) * 4) auto; + padding: 0 calc(var(--space) * 2); } footer { position: fixed;