From 14bf5f9e1ab4bd44c08fd51119429ca5fe93ba85 Mon Sep 17 00:00:00 2001 From: manjunath7472 <31816736+manjunath7472@users.noreply.github.com> Date: Fri, 10 Jan 2025 15:32:21 +0530 Subject: [PATCH] Add files via upload --- charu/youtube/cicon.png | Bin 0 -> 2897 bytes charu/youtube/index.html | 65 +++++++++++++++++++ charu/youtube/notes | 1 + charu/youtube/script.js | 2 + charu/youtube/style.css | 135 +++++++++++++++++++++++++++++++++++++++ 5 files changed, 203 insertions(+) create mode 100644 charu/youtube/cicon.png create mode 100644 charu/youtube/index.html create mode 100644 charu/youtube/notes create mode 100644 charu/youtube/script.js create mode 100644 charu/youtube/style.css diff --git a/charu/youtube/cicon.png b/charu/youtube/cicon.png new file mode 100644 index 0000000000000000000000000000000000000000..198c4ed7b00283fa9fd1cc707aa41128d887c258 GIT binary patch literal 2897 zcmV-X3$FBuP))><0E4;M8JvY zOpH$d$t2;qyR5LVkGuCSFF_&(c6mg6upmlAQ4lZz5qvD55)?F=RBOywGbWRXv;N@5&pAkxVefriTc-adbsGOb{uivd=oJ z9%f3Z@Ps>Wq+ng;2di*zH}cp&*rU3q;I(hkb~NAqShoM6COgs#{sBTXo!~f&|b!ac**e);&>e97iJEZ zHrF2Aez13XP~h4Jz0vN*+GDYH{m2wM`k929lTz4HJM<7Da&T(VgeElI6`bG9CPvE+ z#C%fEcri<4r9hZH5n@EcNLlmRW1R%DX^+6A1pzRP(b68;>oc_m(@#hyX%v5#(=dP%;gJF}GwK$8#lZ-TQrY^$mGO$GLdUbkWCEO=#qTCMbW8z zmu`R00>d%UK9dq?MkbSF69&X`xW9jgKbi09@0?>UU-HkX777N8uxumCVO)r5tPn+z zT3IT`o!^fF4EW6-IQ{_QbVe={WfO+<@+DvG+Se7wzdIuUFb(uO-ta9>tBU+DBYG@lM5 zIFzEE(V4g@9sYw7Z?)o+OeV=j3=y^j$g3^=eaC_BnZoL>=A8JF>=CWVOBgMc!~v=t zzI^BR9W^!q8k>O$)Z%(T&VaNvE1>!0QF#8nw_)&i@4%jSe+f0u_rMbsC2*gJ2eBA< z!uDB0aTgzNCQB)Yw6tO(B)D>J)^2Z+1b5@w&9g8N!o(!d+9`3Suw2DXC2>Dd1^8A7 zG7ZD%4a4Y*l+xj;_Evc94ns)<;p#5;Lz9w>AJK#U!aLe`%jA zC@#+qJ5C;lbJwoIzW06w(FJy_=VTSVKg~=~CL^$t**&haLT2TYSE#H74-ik9WrFB@ zJM^7?9lpMP0}h>j17c(|gxSzMsNHb%xyM$PLvDK$B&~TGrskPhdDD!huG=+u>mp2u z?Q0>eJpYFX8>N-;OIDx;DeKS7x53~$Z^Fgv*J0NyFT)Hg`7uT;MJ`6T#>OLDOHNOv zO{UbugJmLsge3wGn^u;8l>yX=hM)neWhzstFso347k=|L{A+j^I)8oy?zg5gKp`?O zVOnP8ashK0XP6rqaA01j~w|E0K1?qB3!)sU)c1seXzil196M2Ag*2xr$7A!zPx@7 zo_qB;MCDk~^vFXFHqE5K6ng^5tKFvrS5w{QXxyL;GEr;ne9q8fe>XkX2F*tf!N(Ua z!1@1u5AR?6JG}ds^YGa>m*L!hzJ(+2{}xTW6c3Y*{T`3t;1YEL#AYW$ag(P}sNK0G zC!sWVgvv|srOwDoU8K_t^NaFf`Oa>&aX6off8z?Bki4n_ z((9^Vfx8f<%jpn7(Tv)r(irON`y3ND3)HwcR~LV@WuPlo*nYsPS=QufiIOOhrYMu! z1nri?-$qe;rN+~TiM;&jaB1yI>!tAEe2n9_TUi_+VR!(2uwr9XqxbM`epS-3yKTlUc)REGhV^y{98?w4>hB*Qu^(Sa%H%D-Gx(O@ zr=dVC3!^#n?)z?S`Bhn@kYt#H7~J)15B2nRjlI8luD5%xbEW&N4l}=+jf4yNJ#UszhaSles`XJ}SZ`({1J(o8VLLyia+jvC%|lMxfYVVm~l1Cmrgy))$RC z8y7d#cFxNeZ%_nMU8V7pfcUO4_~5RXDZq4h2gqq@4;$Q->k>5qlzC$jiNGJuwcS{< z!P7Y|IC>iUx@J7NzWPv%Xc}Qn1m#89sN7T;M=K5U8)=;KI9m8Qt*=rL58|a_d6p`M z0cP1vBTLqK4z1hy?2HKk($n12F|DY6)scC*=HW2RNg63xNdvfK152vBEE@RD)m^~x z194iG{3!rwyv!z`Nf2gv0_Nvt3>Q7K^5|yo)@eb3^F0l_wnUXS*LKfalmX#(sxk2BE38Z{|!flp2Qru@w1t}_qG znK!3l8>RILl$5gQxO=O{l6U}Z775P_^B_j*qa`^b4v*_Y z_lByL_C4EXdwV%D%L~g2uF;~; v^p1Wj+PJ1+RcEvG?1Ao>jsfqa{|)hfN4VA5STEz$00000NkvXXu0mjfXjY7a literal 0 HcmV?d00001 diff --git a/charu/youtube/index.html b/charu/youtube/index.html new file mode 100644 index 0000000..875d640 --- /dev/null +++ b/charu/youtube/index.html @@ -0,0 +1,65 @@ + + + + + + YouTube Shorts Mock + + + + + +
+
+ Back +

Shorts

+
+ Menu +
+ + +
+ + + +
+
+ Like +

10.5K

+
+
+ Dislike +

Dislike

+
+
+ Share +

Share

+
+
+ + +
+ Profile +
+

@charithya001

+

Ganesha Pancharatnam Stotram by Char...

+

Unlisted ยท 3 views

+
+
+
+ + +
+ Home + Shorts + Subscriptions + You +
+ + + \ No newline at end of file diff --git a/charu/youtube/notes b/charu/youtube/notes new file mode 100644 index 0000000..2c72971 --- /dev/null +++ b/charu/youtube/notes @@ -0,0 +1 @@ +"https://www.youtube.com/embed/vEGVq4U1iQk?autoplay=1&mute=1&loop=1&playlist=vEGVq4U1iQk" \ No newline at end of file diff --git a/charu/youtube/script.js b/charu/youtube/script.js new file mode 100644 index 0000000..e493500 --- /dev/null +++ b/charu/youtube/script.js @@ -0,0 +1,2 @@ +// Placeholder for future interactive features +console.log("YouTube Shorts Mock Loaded"); \ No newline at end of file diff --git a/charu/youtube/style.css b/charu/youtube/style.css new file mode 100644 index 0000000..2a8c7a4 --- /dev/null +++ b/charu/youtube/style.css @@ -0,0 +1,135 @@ +/* Reset styling */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Arial', sans-serif; +} + +body, html { + height: 100%; + background-color: #000; +} + +.shorts-container { + position: relative; + height: 100vh; + width: 100%; + overflow: hidden; +} + +.video-frame { + width: 100%; + height: 100%; + object-fit: cover; +} + +/* Action buttons on the right */ +.actions { + position: absolute; + right: 10px; + bottom: 25%; + display: flex; + flex-direction: column; + align-items: center; + gap: 20px; +} + +.icon { + display: flex; + flex-direction: column; + align-items: center; + color: white; + text-align: center; +} + +.icon img { + width: 35px; + height: 35px; +} + +.icon p { + font-size: 13px; +} + +/* Video details at the bottom */ +.video-details { + position: absolute; + bottom: 70px; + left: 10px; + color: white; + display: flex; + align-items: center; +} + +.profile-icon { + width: 40px; + height: 40px; + border-radius: 50%; + margin-right: 10px; +} + +.username { + font-weight: bold; +} + +.video-title, +.views { + font-size: 12px; +} + +/* Bottom Navigation Bar */ +.bottom-nav { + position: fixed; + bottom: 0; + width: 100%; + height: 60px; + background-color: #111; + display: flex; + justify-content: space-around; + align-items: center; +} + +.bottom-nav img { + width: 30px; + height: 30px; +} + + + + +/* Top Bar */ +.top-bar { + position: absolute; + top: 20px; + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 15px; + z-index: 10; +} + +.back-section { + display: flex; + align-items: center; +} + +.icon-back { + width: 24px; + height: 24px; + margin-right: 8px; + cursor: pointer; +} + +.back-section p { + font-size: 18px; + font-weight: bold; + color: white; +} + +.icon-menu { + width: 24px; + height: 24px; + cursor: pointer; +} \ No newline at end of file