From 0b5d4b9fefab375d3e544bfe335bca26e5f5eb2c Mon Sep 17 00:00:00 2001 From: Velma Date: Fri, 26 Jan 2024 12:31:15 +0300 Subject: [PATCH 1/7] edited html --- .../images/favicon-32x32.png | Bin 0 -> 1063 bytes .../images/image-qr-code.png | Bin 0 -> 5224 bytes challenges/qr-code-component/index.html | 77 ++++++++++++++++++ challenges/qr-code-component/style.css | 5 ++ .../qr-code-component/tailwind.config.js | 20 +++++ 5 files changed, 102 insertions(+) create mode 100644 challenges/qr-code-component/images/favicon-32x32.png create mode 100644 challenges/qr-code-component/images/image-qr-code.png create mode 100644 challenges/qr-code-component/index.html create mode 100644 challenges/qr-code-component/style.css create mode 100644 challenges/qr-code-component/tailwind.config.js diff --git a/challenges/qr-code-component/images/favicon-32x32.png b/challenges/qr-code-component/images/favicon-32x32.png new file mode 100644 index 0000000000000000000000000000000000000000..1e2df7f089f46dd930239e418bf13e8e4c1cca0f GIT binary patch literal 1063 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 Fe*phR6 + + + + + + + + + + Frontend Mentor | QR code component + + +
+
+
+ +
+
+

+ Improve your front-end skills by building projects +

+

+ Scan the QR code to visit Frontend Mentor and take your coding + skills to the next level +

+
+
+
+ +
+ for + Optimum BH + Internship. +
+ +
+ Source code +
+
+
+ + diff --git a/challenges/qr-code-component/style.css b/challenges/qr-code-component/style.css new file mode 100644 index 00000000..6374ab5b --- /dev/null +++ b/challenges/qr-code-component/style.css @@ -0,0 +1,5 @@ +@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap'); + +@tailwind base; +@tailwind components; +@tailwind utilities; diff --git a/challenges/qr-code-component/tailwind.config.js b/challenges/qr-code-component/tailwind.config.js new file mode 100644 index 00000000..9d8a8823 --- /dev/null +++ b/challenges/qr-code-component/tailwind.config.js @@ -0,0 +1,20 @@ +module.exports = { + content: ['./challenges/qr_code_component/index.html'], + theme: { + extend: { + colors: { + 'optimum-blue': '#009efc', + 'optimum-darkblue': '#0389e1', + White: 'hsl(0, 0%, 100%)', + 'Light-gray': 'hsl(212, 45%, 89%)', + 'Grayish-blue': 'hsl(220, 15%, 55%)', + 'Dark-blue': 'hsl(218, 44%, 22%)', + }, + fontFamily: { + outfit: ['Outfit', 'sans-serif'], + }, + }, + }, + plugins: [], + variants: {}, +} From f8045eee4bf0830199ecedd20eb64eae9070efb7 Mon Sep 17 00:00:00 2001 From: Velma Date: Fri, 26 Jan 2024 12:34:43 +0300 Subject: [PATCH 2/7] Revert "edited html" This reverts commit df8b871e7b71bde91b26fabd5116301b84bbe7fa. --- .../images/favicon-32x32.png | Bin 1063 -> 0 bytes .../images/image-qr-code.png | Bin 5224 -> 0 bytes challenges/qr-code-component/index.html | 77 ------------------ challenges/qr-code-component/style.css | 5 -- .../qr-code-component/tailwind.config.js | 20 ----- 5 files changed, 102 deletions(-) delete mode 100644 challenges/qr-code-component/images/favicon-32x32.png delete mode 100644 challenges/qr-code-component/images/image-qr-code.png delete mode 100644 challenges/qr-code-component/index.html delete mode 100644 challenges/qr-code-component/style.css delete mode 100644 challenges/qr-code-component/tailwind.config.js diff --git a/challenges/qr-code-component/images/favicon-32x32.png b/challenges/qr-code-component/images/favicon-32x32.png deleted file mode 100644 index 1e2df7f089f46dd930239e418bf13e8e4c1cca0f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1063 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyEa{HEjtmSN`?>!lvVtU&J%W50 z7^>757#dm_7=8hT8eT9klo~KFyh>nTu$sZZAYL$MSD+081EY0-Plzi}!G9Wnr(eF` z|M+F+!xzhMK3;zF(cgdn_B?v|`rD7+fB)V2@MY=EN9|{BEWPpQ{f}RtfBl|!^+Ea3 z%d2iZe)i@2x9`6{eg66V&!4ULpSPU4KJ)Uu^RM22`~BzO$wz&&PyPA(@7<4I`yRjQ zJAZr1#XB#){D-o5+r^Vjdc3)fsquh@R{^yA;Z|8C!Zw`1zDvzMNK{QUFr z^G~yvU&yK5nOnE3q5ts2d8Z#d`S9=G|MwriU%2{m%ii0owp@Sy>dXGuA$NemCsPvS z7YvLEt(>(tKmBDkpML+hROc(RL;oBPGFiO5x8~1ErS?rgb&N^g?k~Ih+L^ zk;M!Q+`=Ht$S`Y;1W=H@#M9T6{SlWiKeL>x)y)*39#2mf#}JFtt&`J}n+ycniko-@ z3;26vOWyCzeS7I$?C$UX{_kIKV}WAF+24(KRQ;Wbm=(hXgpO=b(eBb|byZ~P5M3dt zyDB-nDx`Zw9LoWN-GrY`kHxRfy}Q3KfBxRdclJCv_%N_mL-x0j+x*I+s%JIY&vgg3Y zTes?8j%DMbh5PocynFBNZJq}$w`Q+tKfe6=^y}tkkv_Zb+uQBmSHB|O-+X(*4%OrO zQF%8%OSj*z`t$7X`oHyz%ReTa40^8r7Z}c}C9V-ADTyViR>?)FK#IZ0z|cb1&_LJF zGQ`l-%D~vl*g)IB$jZQAv*1E06b-rgDVb@NxHTN|kz5AU01WSllAy$Lg@U5|w9K4T zg_6pGRE5lfl4J&kiaC!z@o*G|X=t4CKYhmYX%GXmGPhnbx3IFX_hb=fVFi~4lfx;@ u%9}$JPT#n4;>ejJGDp}?H+U@Y(qnifE?Dx($#g2v3Ix!l8kz%EE|%$}t)Qo}zLn5IJN7ft^v1Lu7;i${`O&(18&n zBcR9;6v7RP+=#5=Od^+&Q-R0;iU~px1i>7uMjQLkglaUS747^TE$c*mvPIk}w7e5#anZlOM3;r=voSQf65V|n zt?ZJtzd~<4l3Z;@&lICih9t#L#UuQcm@2gQHCoLoCi-v?wYh>8x1+zbpmU2WEd!E6bm9BOmGK$$`2ou(;v{zQPiG}PR*m2 z>rprbO>L6An_p?{lbk9LQPa`7o|Vb>=;N1?+UJtz7a1pr^M?Dy?)I}1&ZBq;qzR!us*e~!1J7$u)Y6_0+?cCcaXkPZ6$<;Q7N z7=&oTIC(Mxu*Ms76|5&io23lnGWZGxkPN0#g5QkP=#h~Huo=lH#MzlBA*QZ)JMc8+ z2=X96mhG+qXvQ|0N;VDNGr`Ue;uK!tlB1Mk<6@gB{CiCgTpIC**IF7;ni_nQA0(-R*9i(Y$ky{;PrApe!{03=>l`S73Z`|n$=JXz{MQpQ*dkQutjkg#=xM;O(xBHe9ryyAUF0?- z`)^>^BM^20Dp<<r7O|bXpuGZq4~jafW3sVFPl}0^m`&_CwkRQXk`u6Nwz2V&<3+3*0ue3ZGW2P z3&2i$glN1%Tc^}$v%Z5R@7(elTx6b`{R1v@|9Xl?q|#xsnysv8)gyfJTfH( z6IO;b0Zm0bsIMv5aM&IJ*H3^TGH_oFE6FfEH_4E`70}g0wB%twJQWY=%VJIODXCVW zv@!F0w^|;yp1sOPRCvGVbK+^cV>i3?FQ}7L8d&Du0|K8TmbV@9?|AO~w)6(Rc;eeb zEa)|E$Tykqp+oKN52a`iJYMDK+@x~Dm6AK)HzV-VbMQG?^87FUjvEMW++Il zzg-OjoGN0jK$Sy)3>iT3pLr=6;t#(yUPrqp&(WR9?VD34c^O@*42XtVEuIafe13UAw~9dl-kiSK??=}1n4%pKc_NvicMlJ>xVx-$^fl;lLX;$@ z0ejUKi`)Ke>z`&B2c!0){r3tDXm3vQd@={)xYG}rDzuk-NL2x2)kYT4Z^v3KhqfSK z-Q12vpOWH;xSI-OYe16vPoGbadJ)GU;HYU(aRPAL4t|wmFh6^|53JKc+6jzhaQ(#q zL55K|YGZlT=Hy7CsPKXyM}^eaRmoHK9iWJom$lx4_mIrTHF%UdZ4$hAk zStb03hyGZ#DUg~Bi=2QU{l;(mu2Db^Z*|UG+y<4}2F01Cwu+Q|qi4>PvlgcBH@huw znc&Y{s8q+}sE2~z%M2AIMn>iH!oMs1zOm_3aD`EOK=grL%dEO}mI+Sk63=H=O9p~yv7Rb2@U`@O zp2{QRcxoE%pU$lQN8n1OTGGCMEQpg-7h~95CCXjiv{1xUuZ#ChgwQ4rk@M6 z9i89lT(A;(@In=pf<60bcOwjke}IS0&{YM=t>c0k;)&S>k?@>D%eWO*M999*P( z3^JD!1tHR!q2MVo8?tah>&hvR(Le_xL_ z<SSVs8y@^Zf_i;Zzg5_d$`-1X=!WnPN7&s`E2#?Q_U=KCos zT}}Fpmc6ZN$&<~UzCpAK656w@3|AXnB6J#%+$VqS=d@1N-F|VgAw%`}>;6Mm$~H z8YIiZ>78I539-5rVhn?(L2XK$0nJy@!>ns&GBxIdqC@Xm>$usz>5J!Tof3(r-W=K) z^O_SrT+g$2j*os{?AWW#UCJS9F9*#>Q9;-TUuN#Jc%ws&#;$1J0t3V2C%3bbV{k27 zg|)fES&>1a$#R zuYN3v_sUhc;uYY(y{2FSPa5S{FCF33#Jv1D)kcu=OKSyVsj-7-bKKQIv4!ZMo_=mF z*z){aZu}$d!F&B~huyvFHY_#X9i(*cw@NsR)weHcMBM`%wgl=SQ>)>g zeA^jiUIQbMf4I=%!I`V>-2CCa6Io7yOV^kt0+mZquZbDyU+2Q3b8bDI^Qxq}8)_Q~|14}ayVhO)t7Str@f}wGw zbE~7l8=W$J@k=cJhlI$Hj-F(V3hSKr9-hNM6>%F7r(fGp(UM(7%QA5tUWG}Ta3z6V zWL-ytA6#6AH84SjS(R1Vi4rTbGL`JfttPUJ9KdE>uiTxv<;|>_u0e&v(GvdXIlnhY ze^GGU6CSkh%~r>N=sMm`H>E}1Lo-sdp=kjhVXkdzqo=xV$`^YnMMb$S&2(@d?foUo zNXS}K$iFvo#wlbsL#Z20Zr)=!(!X$qWbA4&o(o^gQ~VHLQRIKvaY{ML@z*$`FSn&X z2kIYyf?=;|mD9q-Zl{aUwbcH{dX7th(cHZ%(bpr3XrqO>oN6YQGI{#rk!Jkl;{MF8 zfT+%vP{Hzmr7}#=l$cZkY{H zjC)Qykm(rsU4!+)Q_GK2FY=Ff?R9QW*^$XM;(E-!?A0l_U#c4(t@oz*ncLh6SE(S&&P~7CH(H|FH zbE%fvODYxIb8c>FI$BQ*qMVLP;Bex%4Y}*`uCQq@0WSfFzjL zm#p{=C-R>Sg@lJjnn#(CVj}Jzb$k{`sp3Ci8cWdUGqwaq7I8AghiMc4>Cr{wlO?tR2@{Sf_wVPC$*!qoDi z=Fr;VB7P0?LsPkLFIvQxbIjwN^-;VkC&!xgT_Gapc^)JCS3IAk5s4Ly$9mM)7zC_% zjHFLtfEr|^gL!fzRG41ihSlNQz^}`|_yr`x(1!z;%cNBYNB!E(8jDZfV{_Sm;ZUkh zN=cjCb*shpk;GP-`(mYls_&*M{8%~-WVJqy{9)+MV-ar#${U4T<6L8!HArB(F#M3O629B^Ax>pT8^p ze1ZJ0hPVFn2MqpXP$3DX*fv20l(bQ3^Mo83dv2XXXkDNn(qIPkM97e9Ey53iU9nI> zFh+ZcK0$1OCfQjX1h&oL>AmW(lP?H-lL4wFke%6mZ*We8V`m-*e0exbgr^VdAj=SY zf}a9CoiTw^eE~Mce+Vkjg6zcLi3(h)0*$}zLNF@V80?4#<9d+YfH6`oRaCVOC2XEm z|4ae?s0utU`3w9oo^V+Q5w9qc&%v^6SyNaHUgOq~cOlSglm)^NIX1e4D^P&vFDTIQ z8n8JBoP+Rorx{Q+gu@1oka3&yegG#RJX=W>CT>Gs6XeP3$w>C^(7X(RE_-O(&PVu~ z=QsjA=m4;c!PKg@fwZ+6aHT3VPrwvblaKx#RAbf@1gGWK!DA^@3YK=YRs z=-8|JM*PV!BbQCAlM^Aw_Ppeu}7?93S+WrJdRCL zg$b&#aOBcua4tz*N_W2ppA0o%0{zP{5cZQi-Q>Xv&`O+653%js1F)a{ey4qvd;fOf Fe*phR6 - - - - - - - - - - Frontend Mentor | QR code component - - -
-
-
- -
-
-

- Improve your front-end skills by building projects -

-

- Scan the QR code to visit Frontend Mentor and take your coding - skills to the next level -

-
-
-
- -
- for - Optimum BH - Internship. -
- -
- Source code -
-
-
- - diff --git a/challenges/qr-code-component/style.css b/challenges/qr-code-component/style.css deleted file mode 100644 index 6374ab5b..00000000 --- a/challenges/qr-code-component/style.css +++ /dev/null @@ -1,5 +0,0 @@ -@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap'); - -@tailwind base; -@tailwind components; -@tailwind utilities; diff --git a/challenges/qr-code-component/tailwind.config.js b/challenges/qr-code-component/tailwind.config.js deleted file mode 100644 index 9d8a8823..00000000 --- a/challenges/qr-code-component/tailwind.config.js +++ /dev/null @@ -1,20 +0,0 @@ -module.exports = { - content: ['./challenges/qr_code_component/index.html'], - theme: { - extend: { - colors: { - 'optimum-blue': '#009efc', - 'optimum-darkblue': '#0389e1', - White: 'hsl(0, 0%, 100%)', - 'Light-gray': 'hsl(212, 45%, 89%)', - 'Grayish-blue': 'hsl(220, 15%, 55%)', - 'Dark-blue': 'hsl(218, 44%, 22%)', - }, - fontFamily: { - outfit: ['Outfit', 'sans-serif'], - }, - }, - }, - plugins: [], - variants: {}, -} From 7f23ddc2b4d0bcd9174d0148cd1654109b348f09 Mon Sep 17 00:00:00 2001 From: Velma Date: Sat, 10 Feb 2024 12:32:10 +0300 Subject: [PATCH 3/7] add images --- .../images/bg-pattern-circles.svg | 1 + .../images/bg-pattern-intro-desktop.svg | 1 + .../images/bg-pattern-intro-mobile.svg | 1 + .../blogr_landing_page/images/favicon-32x32.png | Bin 0 -> 1063 bytes .../images/icon-arrow-dark.svg | 1 + .../images/icon-arrow-light.svg | 1 + .../blogr_landing_page/images/icon-close.svg | 1 + .../blogr_landing_page/images/icon-hamburger.svg | 1 + .../images/illustration-editor-desktop.svg | 1 + .../images/illustration-editor-mobile.svg | 1 + .../images/illustration-laptop-desktop.svg | 1 + .../images/illustration-laptop-mobile.svg | 1 + .../images/illustration-phones.svg | 1 + challenges/blogr_landing_page/images/logo.svg | 1 + 14 files changed, 13 insertions(+) create mode 100644 challenges/blogr_landing_page/images/bg-pattern-circles.svg create mode 100644 challenges/blogr_landing_page/images/bg-pattern-intro-desktop.svg create mode 100644 challenges/blogr_landing_page/images/bg-pattern-intro-mobile.svg create mode 100644 challenges/blogr_landing_page/images/favicon-32x32.png create mode 100644 challenges/blogr_landing_page/images/icon-arrow-dark.svg create mode 100644 challenges/blogr_landing_page/images/icon-arrow-light.svg create mode 100644 challenges/blogr_landing_page/images/icon-close.svg create mode 100644 challenges/blogr_landing_page/images/icon-hamburger.svg create mode 100644 challenges/blogr_landing_page/images/illustration-editor-desktop.svg create mode 100644 challenges/blogr_landing_page/images/illustration-editor-mobile.svg create mode 100644 challenges/blogr_landing_page/images/illustration-laptop-desktop.svg create mode 100644 challenges/blogr_landing_page/images/illustration-laptop-mobile.svg create mode 100644 challenges/blogr_landing_page/images/illustration-phones.svg create mode 100644 challenges/blogr_landing_page/images/logo.svg diff --git a/challenges/blogr_landing_page/images/bg-pattern-circles.svg b/challenges/blogr_landing_page/images/bg-pattern-circles.svg new file mode 100644 index 00000000..8ea70c59 --- /dev/null +++ b/challenges/blogr_landing_page/images/bg-pattern-circles.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/blogr_landing_page/images/bg-pattern-intro-desktop.svg b/challenges/blogr_landing_page/images/bg-pattern-intro-desktop.svg new file mode 100644 index 00000000..5ca9112a --- /dev/null +++ b/challenges/blogr_landing_page/images/bg-pattern-intro-desktop.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/blogr_landing_page/images/bg-pattern-intro-mobile.svg b/challenges/blogr_landing_page/images/bg-pattern-intro-mobile.svg new file mode 100644 index 00000000..cbfbc851 --- /dev/null +++ b/challenges/blogr_landing_page/images/bg-pattern-intro-mobile.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/blogr_landing_page/images/favicon-32x32.png b/challenges/blogr_landing_page/images/favicon-32x32.png new file mode 100644 index 0000000000000000000000000000000000000000..1e2df7f089f46dd930239e418bf13e8e4c1cca0f GIT binary patch literal 1063 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyEa{HEjtmSN`?>!lvVtU&J%W50 z7^>757#dm_7=8hT8eT9klo~KFyh>nTu$sZZAYL$MSD+081EY0-Plzi}!G9Wnr(eF` z|M+F+!xzhMK3;zF(cgdn_B?v|`rD7+fB)V2@MY=EN9|{BEWPpQ{f}RtfBl|!^+Ea3 z%d2iZe)i@2x9`6{eg66V&!4ULpSPU4KJ)Uu^RM22`~BzO$wz&&PyPA(@7<4I`yRjQ zJAZr1#XB#){D-o5+r^Vjdc3)fsquh@R{^yA;Z|8C!Zw`1zDvzMNK{QUFr z^G~yvU&yK5nOnE3q5ts2d8Z#d`S9=G|MwriU%2{m%ii0owp@Sy>dXGuA$NemCsPvS z7YvLEt(>(tKmBDkpML+hROc(RL;oBPGFiO5x8~1ErS?rgb&N^g?k~Ih+L^ zk;M!Q+`=Ht$S`Y;1W=H@#M9T6{SlWiKeL>x)y)*39#2mf#}JFtt&`J}n+ycniko-@ z3;26vOWyCzeS7I$?C$UX{_kIKV}WAF+24(KRQ;Wbm=(hXgpO=b(eBb|byZ~P5M3dt zyDB-nDx`Zw9LoWN-GrY`kHxRfy}Q3KfBxRdclJCv_%N_mL-x0j+x*I+s%JIY&vgg3Y zTes?8j%DMbh5PocynFBNZJq}$w`Q+tKfe6=^y}tkkv_Zb+uQBmSHB|O-+X(*4%OrO zQF%8%OSj*z`t$7X`oHyz%ReTa40^8r7Z}c}C9V-ADTyViR>?)FK#IZ0z|cb1&_LJF zGQ`l-%D~vl*g)IB$jZQAv*1E06b-rgDVb@NxHTN|kz5AU01WSllAy$Lg@U5|w9K4T zg_6pGRE5lfl4J&kiaC!z@o*G|X=t4CKYhmYX%GXmGPhnbx3IFX_hb=fVFi~4lfx;@ u%9}$JPT#n4;>ejJGDp}?H+U@Y(qnifE?Dx($#g2v3I \ No newline at end of file diff --git a/challenges/blogr_landing_page/images/icon-arrow-light.svg b/challenges/blogr_landing_page/images/icon-arrow-light.svg new file mode 100644 index 00000000..cde8ec9f --- /dev/null +++ b/challenges/blogr_landing_page/images/icon-arrow-light.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/blogr_landing_page/images/icon-close.svg b/challenges/blogr_landing_page/images/icon-close.svg new file mode 100644 index 00000000..0f0f6014 --- /dev/null +++ b/challenges/blogr_landing_page/images/icon-close.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/blogr_landing_page/images/icon-hamburger.svg b/challenges/blogr_landing_page/images/icon-hamburger.svg new file mode 100644 index 00000000..0938b274 --- /dev/null +++ b/challenges/blogr_landing_page/images/icon-hamburger.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/blogr_landing_page/images/illustration-editor-desktop.svg b/challenges/blogr_landing_page/images/illustration-editor-desktop.svg new file mode 100644 index 00000000..5256f754 --- /dev/null +++ b/challenges/blogr_landing_page/images/illustration-editor-desktop.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/blogr_landing_page/images/illustration-editor-mobile.svg b/challenges/blogr_landing_page/images/illustration-editor-mobile.svg new file mode 100644 index 00000000..6d48b561 --- /dev/null +++ b/challenges/blogr_landing_page/images/illustration-editor-mobile.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/blogr_landing_page/images/illustration-laptop-desktop.svg b/challenges/blogr_landing_page/images/illustration-laptop-desktop.svg new file mode 100644 index 00000000..da3096ee --- /dev/null +++ b/challenges/blogr_landing_page/images/illustration-laptop-desktop.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/blogr_landing_page/images/illustration-laptop-mobile.svg b/challenges/blogr_landing_page/images/illustration-laptop-mobile.svg new file mode 100644 index 00000000..0ab1e32a --- /dev/null +++ b/challenges/blogr_landing_page/images/illustration-laptop-mobile.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/blogr_landing_page/images/illustration-phones.svg b/challenges/blogr_landing_page/images/illustration-phones.svg new file mode 100644 index 00000000..b0ea10df --- /dev/null +++ b/challenges/blogr_landing_page/images/illustration-phones.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/challenges/blogr_landing_page/images/logo.svg b/challenges/blogr_landing_page/images/logo.svg new file mode 100644 index 00000000..a5877e74 --- /dev/null +++ b/challenges/blogr_landing_page/images/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file From 12a275be91e7cc804ec13063c642604ac114ba78 Mon Sep 17 00:00:00 2001 From: Velma Date: Sat, 10 Feb 2024 13:18:33 +0300 Subject: [PATCH 4/7] set up style guide on the project --- challenges/blogr_landing_page/index.html | 6 ++++++ .../blogr_landing_page/tailwind.config.js | 18 ++++++++++++++++++ 2 files changed, 24 insertions(+) diff --git a/challenges/blogr_landing_page/index.html b/challenges/blogr_landing_page/index.html index 6f2f8905..fdbefc97 100644 --- a/challenges/blogr_landing_page/index.html +++ b/challenges/blogr_landing_page/index.html @@ -27,6 +27,12 @@ /> + + +
Date: Sat, 10 Feb 2024 13:47:17 +0300 Subject: [PATCH 5/7] add alpine js --- challenges/blogr_landing_page/index.html | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/challenges/blogr_landing_page/index.html b/challenges/blogr_landing_page/index.html index fdbefc97..b4b24ba6 100644 --- a/challenges/blogr_landing_page/index.html +++ b/challenges/blogr_landing_page/index.html @@ -33,6 +33,10 @@ href="https://fonts.googleapis.com/css2?family=Overpass:wght@300;600&family=Ubuntu:wght@400;500;700&display=swap" rel="stylesheet" /> +
Date: Tue, 13 Feb 2024 14:37:38 +0300 Subject: [PATCH 6/7] implementation on landing page --- challenges/blogr_landing_page/index.html | 405 +++++++++++++++++++++-- challenges/blogr_landing_page/style.css | 19 ++ 2 files changed, 397 insertions(+), 27 deletions(-) diff --git a/challenges/blogr_landing_page/index.html b/challenges/blogr_landing_page/index.html index b4b24ba6..b98a9777 100644 --- a/challenges/blogr_landing_page/index.html +++ b/challenges/blogr_landing_page/index.html @@ -38,36 +38,387 @@ src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js" > - -
-
- Frontend Mentor challenge +
+ +
+
-
-
- for - Optimum BH + Blogr logo + +
+ Hamburger icon + Close icon +
+ + +
+ +
+

A modern publishing platform

+

Grow your audience and build your online brand

+
+ Start for Free + Learn More +
+
+
+ + +
+

+ Designed for the future +

+
- Internship. -
+ Illustration box mobile + +
+

+ Introducing an extensible editor +

+

+ Blogr features an exceedingly intuitive interface which lets you + focus on one thing: creating content. The editor supports + management of multiple blogs and allows easy manipulation of + embeds such as images, videos, and Markdown. Extensibility with + plugins and themes provide easy ways to add functionality or + change the looks of a blog. +

-
- Source code + Robust content management + +

+ Flexible content management enables users to easily move through + posts. Increase the usability of your blog by adding customized + categories, sections, format, or flow. With this functionality, + you’re in full control. +

+
+
+
+
+
-
-
+ +
+ Illustration phones +
+

+ State of the Art Infrastructure +

+

+ With reliability and speed in mind, worldwide data centers + provide the backbone for ultra-fast connectivity. This ensures + your site will load instantly, no matter where your readers are, + keeping your site competitive. +

+
+
+
+ + +
+ Illustration laptop mobile + +
+
+

+ Free, open, simple +

+

+ Blogr is a free and open source application backed by a large + community of helpful developers. It supports features such as code + syntax highlighting, RSS feeds, social media integration, + third-party commenting tools, and works seamlessly with Google + Analytics. The architecture is clean and is relatively easy to + learn. +

+
+
+

+ Powerful tooling +

+

+ Batteries included. We built a simple and straightforward CLI tool + that makes customization and deployment a breeze, but capable of + producing even the most complicated sites. +

+
+
+
+ + + diff --git a/challenges/blogr_landing_page/style.css b/challenges/blogr_landing_page/style.css index b5c61c95..4d6fcb09 100644 --- a/challenges/blogr_landing_page/style.css +++ b/challenges/blogr_landing_page/style.css @@ -1,3 +1,22 @@ @tailwind base; @tailwind components; @tailwind utilities; + +.nav { + @apply absolute top-24 right-0 left-0 mx-auto flex w-80 flex-col rounded-md bg-white shadow-md md:static md:w-full md:bg-transparent md:shadow-none; +} + +.nav_div_ul { + @apply text-very-dark-grayish-blue md:text-white-text mx-auto my-6 flex flex-col items-center gap-4 md:mx-0 md:my-0 md:flex-row; +} + +.menu_item { + @apply flex items-center justify-center gap-2 font-bold; +} +.nav_dropdown_ul { + @apply md:bg-white-text md:text-very-dark-grayish-blue mt-4 flex flex-col items-center gap-2 rounded-md bg-gray-200 py-4 px-16 text-xs font-bold md:absolute md:top-8 md:mt-0 md:-ml-4 md:items-start md:p-4 md:pr-8 md:font-normal; +} + +.nav_dropdown_ul li { + @apply hover:font-semibold; +} \ No newline at end of file From 69c0ac23bd93cf58272cf116edad2a3f61f00b21 Mon Sep 17 00:00:00 2001 From: Velma Date: Tue, 13 Feb 2024 14:41:06 +0300 Subject: [PATCH 7/7] run format and test --- challenges/blogr_landing_page/index.html | 10 +++++----- challenges/blogr_landing_page/style.css | 6 +++--- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/challenges/blogr_landing_page/index.html b/challenges/blogr_landing_page/index.html index b98a9777..6665aa8b 100644 --- a/challenges/blogr_landing_page/index.html +++ b/challenges/blogr_landing_page/index.html @@ -206,14 +206,14 @@

A modern publishing platform

Grow your audience and build your online brand

-
+
Start for Free Learn More @@ -272,11 +272,11 @@

class="font-overpass text-white-text mt-20 w-full text-center md:mt-0" >