From ab8300eda3fd4033bdeafadce7f69427996d2d8d Mon Sep 17 00:00:00 2001 From: tasleemadedokun Date: Sun, 25 Jan 2026 11:21:03 +0000 Subject: [PATCH 1/7] Update existing article and add two more articles to the html --- Wireframe/index.html | 78 ++++++++++++++++++++++++++++---------------- 1 file changed, 50 insertions(+), 28 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..75c124f13 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -1,33 +1,55 @@ - - - - Wireframe - - - -
-

Wireframe

+ + + + + Wireframe + + + + +
+

A Wireframe web page

+ +

+ This is a web page that shows the importance and function of the Wireframe,README file,and a branch of git. +

+
+
+
+ +

README FILE

- This is the default, provided code and no changes have been made yet. + A README file explains what a project is, how it works, and how to use it. +

-
-
-
- -

Title

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. -

- Read more -
-
- - - + A wireframe is a visual blueprint of a webpage or application.

+ + Read more + + +
+ +

Git branch

+

+ A Git branch is a separate version of the codebase. +

+ Read more +
+ + + + + \ No newline at end of file From 532733fc66b9d047b3e55f281ad2cdbecfac6c1a Mon Sep 17 00:00:00 2001 From: tasleemadedokun Date: Sun, 25 Jan 2026 12:21:22 +0000 Subject: [PATCH 2/7] add images to the wireframe folder --- Wireframe/gitbranch.png | Bin 0 -> 2702 bytes Wireframe/readme.png | Bin 0 -> 2438 bytes Wireframe/wireframe2.png | Bin 0 -> 1851 bytes 3 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 Wireframe/gitbranch.png create mode 100644 Wireframe/readme.png create mode 100644 Wireframe/wireframe2.png diff --git a/Wireframe/gitbranch.png b/Wireframe/gitbranch.png new file mode 100644 index 0000000000000000000000000000000000000000..23f93ad89c8e53e940f4ab1d7647132953f9abc2 GIT binary patch literal 2702 zcmV;93UT#`P)Ez_(@$vDov9bF4`k0uQ_4W1c?(WUa%|k;&qobq2!NC?5 z7Aq?&h=_<&Q&U}CT`({(3=9m`*49W!NO*X7adB}G5fOobfn;Q4wzjq&9v(V6I;W?n zjEsz&oSZf`HbzE9gdTtF000TmNklYh!{s42ETj2r7uzc}1u0{QrM=bZ$=N zOu}(YiF9bn9Qfbm3 zOuQ4LWlOxhC=QQV()2D2N7Kzd4Wt`wq%-fQ#ii_PjK`Ca_sB4L3uT)f+&0&gYbzM6 zbLy^4<{hzyxA#qDeVJzF-65^-%v&h+i99yE6=`KNgR<_J#v)B0AKUq8v$qk2c6nb+ zBnHql*G!AMiD2a@(DP;?cjJv9$+dE1ZeqT07U+5JOXk)aao&1oye)JK=sUCUdE0L_ zb4|Q){{3E2fu5J}8XRebhr$9qZ^!E72rG2AF?SL<-=eI-+*IU9!uTzUDr_0tG&2jf zK8PxeOAGWozDYw;;YWFa-aFgWFQ~BiJaNm6%YlY|&j`#zE(6E!b-Z1A0|83RB$a_c8Fu zwiEp0H<^iN^=U_=z6L7G^e*@8(UVOR^xDEtQ~w7Mw3{F(>0 z8!`%kz>U>I@xfF3>U|MW805Q3%!GFU2hRR~u_B^yo9}Ak5J?~8ADdQRLy0H^lbg$$ z9lUzlM{q_&;U?czmk+9)UrY^OR3TUzx-9n4lCpZxO+?{azNb##6Bykusu0X)0cY>;D0H!j5wO88s&JX_sf&Zz0som7RS0b2*x|7t-SrAbO0&O#gs1g|5S@m$6+Um(6|DoJdHe?inaByPvYQWg$2-L_Z zMA6c&s!+r2bO09R6!U``a=M094wbv8jVudPbj*McpJR#IUE zmb9+$*wHhh`K3YW>_nca@C(@-;r8z70;Ti3Tc2eF9ypJeN$2Y0)FCq~&JKtxY_yAh zi)-dHJK_o(K{1QE=00{MudopnnHLS2VI@&ec=B#s9k?~85&cF*VWYpd93Z{0Vn`6m zp`-A$m?D>fSKeD9XOOiNo>u)EYAt_emr1<8GkOZo>-iOmqn?;_*$=K>(NuU&&If0` zM#s6(`SCAw6~aA2<}<60Xe$I8Ob5yK^c9v&2&;g$LXc|1e?a{XWrY#&ZiH*bC@Vxe zFoMmUQC67la?Ondn>(Yd5ERG|o-C9VMqn$O>m((GuEI75+X$OdWrZMose%;+iv=YGf1<;8Rr<^_s>hPnztBGFE2;d@0@A#m9iaz)I((Ns7Ga|LgF8=TARyNANT z?r(Gy`Y5etB)z)7prWt`D-LN)6%8eYA=(%f572z0q7c17g>};fjeHt(qRH)KFb4_> z(WyK6Q1=yig?)J7XC_mf93ZZ+hjUDn3~56_AR zs=5LvhA4aGd_?M0D}A`HlyBA}()1Xrd06SX7BQYwIJ!a>68_*5LJ$|pp6`~8_xVKC zRWB32RjObq_+>e}=Tk%UL)?xYiog>wj#2enl@9!JizGoH_~Yd6%OV)ZxTfVa)f$2=|y2s9($`H4jZ1<)uDNq%B`$DIc71cVo}VAdPstE^=nO1YO#Tg$ zQ(+Q6&I5gN)+Bqmx1FHGg?Cs9h$=qNfVc7G6!;}}0vxozMcj%usL1*U;bU~L`wD`b z@s{{++^|#GgMmvXLq$7mm$vsm>K&-_gmxT40XiZpRMoRx{rB!2@?=yXF3I7{ckL9#*u1}JoLhH=WI zg>0^nyZs1I=$80cSYA_MA&3A9-BxS`_09I0GsG=Gp;O?iUr1lldd~Yh0~9(1hTxhD z^UqY>e%=B?7z>yGw`+~n*>ccUo#1l>U}@npg5nq2GDJ%ubSmXsI;=5n0kvw(R;Z z^Wttmmt(BAmWR++sB(;_6lmMavRwu@)(lDm@TO?*e>3T<%=nz}%lWqRD!I+rppXyv&q4E^g+2hnd zpq#b$r*zzzhz@8M@!M?l6OxuC-xdv6Kc-_SMwZFnM z{YpXlm!1oM2<-UU-t>KlugT(lOosvL5`=5AcCr_?G13qNB<9kNDY61nGV=9sS5` zCfPB}<+lHMqJ9wg7lQUHZoAaf)YR0})YR0})YR0})chy;7q8TLPg!{{)&Kwi07*qo IM6N<$f+yuF-T(jq literal 0 HcmV?d00001 diff --git a/Wireframe/readme.png b/Wireframe/readme.png new file mode 100644 index 0000000000000000000000000000000000000000..b90792f2d1c689d2cf7c02400e344a550ab70806 GIT binary patch literal 2438 zcmbtW`8V5%7SB>DF_tbU)#!}YR+Z(@43Hx$T%!U4z30Vfk1MO z4tA~**wRNB{Wo&DfVt04f)b9(Oxp4%~dp9f`n%zKB z*|8lJg6fAn0Ix3@Qw$;{5q*3r@F>FH5aRK#MjC=`lFB-Yl} z&d$ziSd!Un_P6!zUx}Z!oXg}8>gr~(4!Q3^4ikBKd3ZcN_No~Y1d@5=XoqzFy?Chz zR#arFcz+n(&tzwmBwYx;*AUGf~51D_8U=|!KDe5E;eg++Z3+{e0YgdpKug-Oe*F_9S>_X*- zE4yMp+>j?|hlRO#B`!?*c7h7)b5BLOy7&UILOI65!%v z$OmaJa+CBZ@@O##7&ywismp&PZ!S|^0o+ILUF9)AM*w@0B5p2ZrS+ho`X^FU#&z9* z*VL%HD^m&PqUeSS06+S|Oh|weh|Dbq4Y;5*Hb^(1ZgD7c zW>E1?T|$>C<)3H#-$vLg{#eVO6O9U1`haf6D6_$HBiIR7d&XG1&3-C8$p$d&Avpa$ zqeEHjVW##JEcaMw|%k2Y1?NN|Y;R z;XYf?=Q9Y=dRkvQEqP@AS9NGB#N1PpPCIZdg6#h2A~NsJdgoyld17C2JH*@ty8JZg zZ)#v&zrQ-}fRn|qM%_Pz+tJ~WX#m^`0$kvY@BK@@?^$u~D z{>rgx)LOlHN3}(0iqm$xnLISQ$GZtz72NZ6jH_>28&R}aCCJ-$D(t-dWieo@^C_wH zEgtp7RB5RW&^DU)wR=(~B^ZZBG;wa3Qj$kxGcfl~Uot?)jALXy+2q}m-|S-2N5I+5 zW2t!f2(z@katXldDDU;B@9YmKbb6j0$c763Uhcs7J@2EN=jAe|o7$OKAX<9aUNYFx|na;)tiq!aU8o5bB0ie zy~$-2S8maTgu#jnW+gtV9>^mX-345IzMl&s9i=4Wb$YAw-z|@=Q(hk;ZMs6!isT3i zZ(lThwab{F;S0eN6+UGjv3G1u%UT>=I<6LEqN z)l9BG6{|PB#%2s>T*`FQsmW8ekoDc_{XeF(Rx4A2W8VLOWTbTGHT*U(VLXZ?rkCL=0H9? zMaJq~paFZc%AfrMXK9 zJKG&JQ4-l}#;pbHtsHthAEAd~y%B|?v)8_5Xr}x14JfwM1Xtd!u%B=ruG!qzfMCU( zUB{iSs<$TEPa7HF2HI~_k~W{!#}hGAOdkT31Beeu@a<#M%`6a0lA&9#t$Zs)zcDla7GtD5(^7+V1zyl3xtZkh|*`{Mz zIX&^MjIu#4UKMxjrQUp@|H33=qhIybWx5@FFE2d;R0Qd+t^ z^v6l+ifo{qzjb-&*o+s76K$w4{RV%k&ShjLBWk`UrlR4cqV16Pg_Zo4r!;VSL*bLh zJp30rea&A1?;}u+-?Cllde)Zn=`+G*w|>M&&H1lsir1&UP}TxA?td!cA2A{QG2XZ> VAxuVzHzm{`1ttd=H{H7oNsS$85tR8XJ_&8 z@h~tjv9Ym7M@K?JLN_-z9v&WabaaxEl2}++Dk>`DxgM)(*5D;HqUxkH* z3kwUBl$1_E!Hxg`282mOK~#90?Vam-qA(CZqtaFZi-MQltk}Bm|BAa737KTVMR1d$ zbAEMcjC1<2Ol~AXTuH+uSWU*kDoDaqK$eN?s0Jrls)En1!?_F3mEhWSEO%l(c0s8) z&RewL=SE$+j^eId9yjBAimD|4@}Tn1Y&s4y#VHk`{COM2VjRTLR$7JCO}cd**Puwn zLzD>+T8gnDS=jKuG7lHLN1H=V_3Et zt0vXfi2KTmyqE301$m?TW0;o#l;OwL=&NRzeaKAS?ZgdVC>e&v_fL(muRO}T^wnyZ z8nrk#EdSdb<%Ody`i(4-+KRl%A|4sWmw~X;Lb)c48zgFhV)@W`miB=ev#q$ z+ce{Em$D%>*pNPKNFO$&4;#{l4e7&%^kGB#upxa~8;0v(=QF`N>}N>fg_@*~;e(r) zJMw^q-qJ9`tMrVlhoPH@JHv(rZ0Iv=SWs)|=d{iHfQEiH>85PRhJp=U!-i~lfeqcl zhHQ9&4c)?qYrFqar{I_mdMi=T|@K6=$>#~;JTUiH~w!vZ$!4k^PfYxNK94Zk~7tMGIO z!!Av_d3(dj`j*3O%2^u#c=Y7PH);t1G5gl4JQ+<{c7cao*96Z zbZfW*Gs~9F0S4G|Ka=l&Vny8=X7H4b4N?mVIG*Jrb@kp;3&TfkmB*iUHG{X3x9-*^ zwljo1&%8~=pmVtv-W!?$HvrOL4kZvgFccd#5AC)M}(-s69%Q#F&B> zx<0l|$guj%g_TT<4atO(p;&^>@inDK>b0}ERF;&Xh|L}&=nZDbY#l8_Gcm&6Al5La zW(f1bcZ<#yIYXEjfi7O2o*_((6=+*dkTisevBWx1MbQu@#)6r(FiAs^>hr`0ds&)> z+DW))e9?+7QTt2Z47IHq>xNQk8X7BZa(h{lhR9LIU)FI(iiV&!SYn-Hq-U5~UUvMj z45gAYT&hpeGdMmSA4;WW2<8S~q7;mBn=8oZ8G_#6{@;C>PSq<|(~XuPNQ2jB3s{qY zG`~q1;)9|fcbLmaDH+1fZ*{$XD3y>QxE;aAYUdcq7{b{ZZBP`hhZ$Zm@(6S+6*pNPKNFO$&4;#{l4e9fn49f*M z*)3Z(`HS3yVO5Qtw3?+PgB*DeL{k2^bsf~8$jQ`1*}!ufjpas-qiVJ|6zQZQ8+wCS zN2p80Q&HWfqvSHuNaNJ1TlpDjw7#4=0Kg3vx~TSQV95z{h!`g2jN#@jX!! peL5ozlVH{SITEabB$U$%e*tVBlo?<`2CD!7002ovPDHLkV1feXfgAt; literal 0 HcmV?d00001 From 9d5a92eac044d15d4aa4a0171bb4f9c61d0bc59b Mon Sep 17 00:00:00 2001 From: tasleemadedokun Date: Sun, 25 Jan 2026 12:23:22 +0000 Subject: [PATCH 3/7] update the images of the readme, wireframe and gitbranch in html --- Wireframe/index.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 75c124f13..a427d173b 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -18,7 +18,7 @@

A Wireframe web page

- +

README FILE

A README file explains what a project is, how it works, and how to use it. @@ -28,7 +28,7 @@

README FILE

- +

Wireframe

A wireframe is a visual blueprint of a webpage or application.

@@ -37,7 +37,7 @@

Wireframe

- +

Git branch

A Git branch is a separate version of the codebase. From 6035014f1afefcd637c102dcc7512ac9a185a130 Mon Sep 17 00:00:00 2001 From: tasleemadedokun Date: Sun, 25 Jan 2026 17:17:16 +0000 Subject: [PATCH 4/7] update my css changes made to the main and footer --- Wireframe/style.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c7..38b5c427c 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -48,11 +48,20 @@ https://www.w3.org/WAI/tutorials/page-structure/regions/ main { max-width: var(--container); margin: 0 auto calc(var(--space) * 4) auto; + margin-bottom: calc(var(--space)*8) } footer { - position: fixed; + bottom: 0; text-align: center; + padding: var(--space); + background: var(--paper); + border-top: var(--line); + position: fixed; + width: 100%; + margin: auto; + + } /* ====== Articles Grid Layout ==== Setting the rules for how articles are placed in the main element. From 10d4b52a2ed8c31c93d87830cf525d3b0c0de003 Mon Sep 17 00:00:00 2001 From: tasleemadedokun Date: Sun, 25 Jan 2026 17:18:25 +0000 Subject: [PATCH 5/7] make the changes in the css reflex on my html --- Wireframe/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index a427d173b..05841b022 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -47,7 +47,7 @@

Git branch

- This is the default, provided code and no changes have been made yet. + TASLEEM ADEDOKUN COPYRIGHT 2026

From e30ae8c2e1873f3d96a62dc264a8a53e4566483e Mon Sep 17 00:00:00 2001 From: tasleemadedokun Date: Sun, 25 Jan 2026 18:26:27 +0000 Subject: [PATCH 6/7] add the colour changes made --- Wireframe/style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/Wireframe/style.css b/Wireframe/style.css index 38b5c427c..d4aa1c84c 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -17,7 +17,7 @@ As well as useful links to learn more */ https://scrimba.com/learn-css-variables-c026 ====== Design Palette ====== */ :root { - --paper: oklch(7 0 0); + --paper:rgb(139, 179, 123); --ink: color-mix(in oklab, var(--color) 5%, black); --font: 100%/1.5 system-ui; --space: clamp(6px, 6px + 2vw, 15px); @@ -28,7 +28,7 @@ As well as useful links to learn more */ General rules for basic HTML elements in any context */ body { background: var(--paper); - color: var(--ink); + color: var(--color); font: var(--font); } a { @@ -55,7 +55,7 @@ footer { bottom: 0; text-align: center; padding: var(--space); - background: var(--paper); + background: whitesmoke; border-top: var(--line); position: fixed; width: 100%; From a8cd226266f916979af8b451c133fae7121b2f85 Mon Sep 17 00:00:00 2001 From: tasleemadedokun Date: Sun, 25 Jan 2026 19:35:42 +0000 Subject: [PATCH 7/7] integrate all new changes --- Wireframe/index.html | 2 +- Wireframe/style.css | 10 ++++++---- 2 files changed, 7 insertions(+), 5 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 05841b022..1ca10c4b2 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -42,7 +42,7 @@

Git branch

A Git branch is a separate version of the codebase.

- Read more + Read more