Skip to content

Commit

Permalink
Files formatted
Browse files Browse the repository at this point in the history
  • Loading branch information
@Vk2401
Vk2401 committed Sep 28, 2023
1 parent 6cc6907 commit 3f09d6e
Show file tree
Hide file tree
Showing 2 changed files with 97 additions and 60 deletions.
82 changes: 55 additions & 27 deletions calls.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,24 +68,29 @@ <h1 class="text-xl font-semibold">WhatsApp </h1>

<div class="flex items-center flex-1 justify-between w-full px-2">

<a href="./index.html" rel="noopener noreferrer"> <div
class="uppercase font-medium text-sm flex items-center space-x-2 hover:cursor-pointer relative">
<span class="text-gray-400">Chats</span>
<span
class="bg-white text-emerald-700 p-0.5 rounded-full w-5 h-5 text-xs flex items-center justify-center">
3</span>
</div>
</a>
<a href="./status.html" rel="noopener noreferrer"> <div
class="uppercase font-medium text-sm flex items-center space-x-2 hover:cursor-pointer">
<span class="text-gray-400">status</span>
</div></a>
<a href="./calls.html" rel="noopener noreferrer"> <div
class="uppercase font-medium text-sm flex items-center space-x-2 relative hover:cursor-pointer">
<span class="">calls</span>

<div class="absolute right-1 top-8 w-full h-1 bg-white"></div>
</div></a>
<a href="./index.html" rel="noopener noreferrer">
<div
class="uppercase font-medium text-sm flex items-center space-x-2 hover:cursor-pointer relative">
<span class="text-gray-400">Chats</span>
<span
class="bg-white text-emerald-700 p-0.5 rounded-full w-5 h-5 text-xs flex items-center justify-center">
3</span>
</div>
</a>
<a href="./status.html" rel="noopener noreferrer">
<div
class="uppercase font-medium text-sm flex items-center space-x-2 hover:cursor-pointer">
<span class="text-gray-400">status</span>
</div>
</a>
<a href="./calls.html" rel="noopener noreferrer">
<div
class="uppercase font-medium text-sm flex items-center space-x-2 relative hover:cursor-pointer">
<span class="">calls</span>

<div class="absolute right-1 top-8 w-full h-1 bg-white"></div>
</div>
</a>

</div>
</div>
Expand All @@ -98,7 +103,13 @@ <h1 class="text-xl font-semibold">WhatsApp </h1>
class="rounded-full bg-emerald-800 text-white absolute bottom-3 right-2 hover:cursor-pointer hover:bg-emerald-950">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"
class="fill-current m-3">
<g fill="none" fill-rule="evenodd"><path d="M24 0v24H0V0h24ZM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01l-.184-.092Z"/><path fill="currentColor" d="M6.857 2.445C8 3.278 8.89 4.415 9.65 5.503l.442.644l.417.615a1.504 1.504 0 0 1-.256 1.986l-1.951 1.449a.48.48 0 0 0-.142.616c.442.803 1.228 1.999 2.128 2.899c.901.9 2.153 1.738 3.012 2.23a.483.483 0 0 0 .644-.162l1.27-1.933a1.503 1.503 0 0 1 2.056-.332l.663.459c1.239.86 2.57 1.837 3.588 3.14a1.47 1.47 0 0 1 .189 1.484c-.837 1.953-2.955 3.616-5.158 3.535l-.3-.017l-.233-.02l-.258-.03l-.281-.038l-.305-.05a11.66 11.66 0 0 1-.16-.03l-.336-.072a12.399 12.399 0 0 1-.176-.04l-.366-.094l-.385-.11l-.402-.13c-1.846-.626-4.189-1.856-6.593-4.26c-2.403-2.403-3.633-4.746-4.259-6.592l-.13-.402l-.11-.385l-.094-.366l-.078-.346a11.79 11.79 0 0 1-.063-.326l-.05-.305l-.04-.281l-.029-.258l-.02-.233l-.016-.3c-.081-2.196 1.6-4.329 3.544-5.162a1.47 1.47 0 0 1 1.445.159ZM17 3a1 1 0 0 1 .993.883L18 4v2h2a1 1 0 0 1 .117 1.993L20 8h-2v2a1 1 0 0 1-1.993.117L16 10V8h-2a1 1 0 0 1-.117-1.993L14 6h2V4a1 1 0 0 1 1-1Z"/></g></svg>
<g fill="none" fill-rule="evenodd">
<path
d="M24 0v24H0V0h24ZM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01l-.184-.092Z" />
<path fill="currentColor"
d="M6.857 2.445C8 3.278 8.89 4.415 9.65 5.503l.442.644l.417.615a1.504 1.504 0 0 1-.256 1.986l-1.951 1.449a.48.48 0 0 0-.142.616c.442.803 1.228 1.999 2.128 2.899c.901.9 2.153 1.738 3.012 2.23a.483.483 0 0 0 .644-.162l1.27-1.933a1.503 1.503 0 0 1 2.056-.332l.663.459c1.239.86 2.57 1.837 3.588 3.14a1.47 1.47 0 0 1 .189 1.484c-.837 1.953-2.955 3.616-5.158 3.535l-.3-.017l-.233-.02l-.258-.03l-.281-.038l-.305-.05a11.66 11.66 0 0 1-.16-.03l-.336-.072a12.399 12.399 0 0 1-.176-.04l-.366-.094l-.385-.11l-.402-.13c-1.846-.626-4.189-1.856-6.593-4.26c-2.403-2.403-3.633-4.746-4.259-6.592l-.13-.402l-.11-.385l-.094-.366l-.078-.346a11.79 11.79 0 0 1-.063-.326l-.05-.305l-.04-.281l-.029-.258l-.02-.233l-.016-.3c-.081-2.196 1.6-4.329 3.544-5.162a1.47 1.47 0 0 1 1.445.159ZM17 3a1 1 0 0 1 .993.883L18 4v2h2a1 1 0 0 1 .117 1.993L20 8h-2v2a1 1 0 0 1-1.993.117L16 10V8h-2a1 1 0 0 1-.117-1.993L14 6h2V4a1 1 0 0 1 1-1Z" />
</g>
</svg>

</span>
<!-- contacts -->
Expand All @@ -113,12 +124,21 @@ <h1 class="text-xl font-semibold">WhatsApp </h1>
<div class="ml-4 flex justify-between w-full">
<div>
<h2 class="text-lg font-semibold">She ❤️</h2>
<p class="text-gray-500"><span class="text-green-600"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" class="inline fill-current"><path fill="currentColor" d="M19 6.41L17.59 5L7 15.59V9H5v10h10v-2H8.41L19 6.41Z"/></span></svg>Today,12:44AM</p>
<p class="text-gray-500"><span class="text-green-600"><svg
xmlns="http://www.w3.org/2000/svg" width="18" height="18"
viewBox="0 0 24 24" class="inline fill-current">
<path fill="currentColor"
d="M19 6.41L17.59 5L7 15.59V9H5v10h10v-2H8.41L19 6.41Z" />
</span></svg>Today,12:44AM</p>
</div>
<div class="">

<span
class=" text-green-600 font-semibold"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" ><path fill="currentColor" d="M4 20q-.825 0-1.413-.588T2 18V6q0-.825.588-1.413T4 4h12q.825 0 1.413.588T18 6v4.5l4-4v11l-4-4V18q0 .825-.588 1.413T16 20H4Z"/></svg></span>

<span class=" text-green-600 font-semibold"><svg
xmlns="http://www.w3.org/2000/svg" width="25" height="25"
viewBox="0 0 24 24">
<path fill="currentColor"
d="M4 20q-.825 0-1.413-.588T2 18V6q0-.825.588-1.413T4 4h12q.825 0 1.413.588T18 6v4.5l4-4v11l-4-4V18q0 .825-.588 1.413T16 20H4Z" />
</svg></span>
</div>
</div>
</div>
Expand All @@ -134,12 +154,20 @@ <h2 class="text-lg font-semibold">She ❤️</h2>
<div class="ml-4 flex justify-between w-full">
<div>
<h2 class="text-lg font-semibold">She ❤️</h2>
<p class="text-red-500"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" class="inline fill-current"><path fill="currentColor" d="M6.4 18L5 16.6L14.6 7H6V5h12v12h-2V8.4L6.4 18Z"/></svg>Yesturday,3:44PM</p>
<p class="text-red-500"><svg xmlns="http://www.w3.org/2000/svg" width="18"
height="18" viewBox="0 0 24 24" class="inline fill-current">
<path fill="currentColor"
d="M6.4 18L5 16.6L14.6 7H6V5h12v12h-2V8.4L6.4 18Z" />
</svg>Yesturday,3:44PM</p>
</div>
<div class="">

<span
class=" text-green-600 font-semibold"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"><path fill="currentColor" d="M4 20q-.825 0-1.413-.588T2 18V6q0-.825.588-1.413T4 4h12q.825 0 1.413.588T18 6v4.5l4-4v11l-4-4V18q0 .825-.588 1.413T16 20H4Z"/></svg></span>

<span class=" text-green-600 font-semibold"><svg
xmlns="http://www.w3.org/2000/svg" width="25" height="25"
viewBox="0 0 24 24">
<path fill="currentColor"
d="M4 20q-.825 0-1.413-.588T2 18V6q0-.825.588-1.413T4 4h12q.825 0 1.413.588T18 6v4.5l4-4v11l-4-4V18q0 .825-.588 1.413T16 20H4Z" />
</svg></span>
</div>
</div>
</div>
Expand Down
75 changes: 42 additions & 33 deletions status.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,71 +68,80 @@ <h1 class="text-xl font-semibold">WhatsApp </h1>

<div class="flex items-center flex-1 justify-between w-full px-2">

<a href="./index.html" rel="noopener noreferrer"> <div
class="uppercase font-medium text-sm flex items-center space-x-2 hover:cursor-pointer relative">
<span class="text-gray-400">Chats</span>
<span
class="bg-white text-emerald-700 p-0.5 rounded-full w-5 h-5 text-xs flex items-center justify-center">
3</span>
</div>
</a>
<a href="./status.html" rel="noopener noreferrer"> <div
class="uppercase font-medium text-sm flex items-center space-x-2 relative hover:cursor-pointer">
<span class="">status</span>

<div class="absolute right-1 top-8 w-full h-1 bg-white"></div>
</div></a>
<a href="./calls.html" rel="noopener noreferrer"> <div
class="uppercase font-medium text-sm flex items-center space-x-2 hover:cursor-pointer">
<span class="text-gray-400">Calls</span>
</div></a>
<a href="./index.html" rel="noopener noreferrer">
<div
class="uppercase font-medium text-sm flex items-center space-x-2 hover:cursor-pointer relative">
<span class="text-gray-400">Chats</span>
<span
class="bg-white text-emerald-700 p-0.5 rounded-full w-5 h-5 text-xs flex items-center justify-center">
3</span>
</div>
</a>
<a href="./status.html" rel="noopener noreferrer">
<div
class="uppercase font-medium text-sm flex items-center space-x-2 relative hover:cursor-pointer">
<span class="">status</span>

<div class="absolute right-1 top-8 w-full h-1 bg-white"></div>
</div>
</a>
<a href="./calls.html" rel="noopener noreferrer">
<div
class="uppercase font-medium text-sm flex items-center space-x-2 hover:cursor-pointer">
<span class="text-gray-400">Calls</span>
</div>
</a>
</div>
</div>
</div>
</div>
<!-- status List -->
<div class="bg-white relative overflow-y-auto h-[86.7vh] md:h-[700px] md:w-[430px]" >
<div class="bg-white relative overflow-y-auto h-[86.7vh] md:h-[700px] md:w-[430px]">
<!-- float -->
<span
class="rounded-full bg-emerald-800 text-white absolute bottom-3 right-2 hover:cursor-pointer hover:bg-emerald-950">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"
class="fill-current m-3">
<path fill="currentColor" d="M12 18q2.075 0 3.538-1.462Q17 15.075 17 13q0-2.075-1.462-3.538Q14.075 8 12 8Q9.925 8 8.463 9.462Q7 10.925 7 13q0 2.075 1.463 3.538Q9.925 18 12 18Zm0-2q-1.25 0-2.125-.875T9 13q0-1.25.875-2.125T12 10q1.25 0 2.125.875T15 13q0 1.25-.875 2.125T12 16Zm6-6q.425 0 .712-.288Q19 9.425 19 9t-.288-.713Q18.425 8 18 8t-.712.287Q17 8.575 17 9t.288.712Q17.575 10 18 10ZM4 21q-.825 0-1.412-.587Q2 19.825 2 19V7q0-.825.588-1.412Q3.175 5 4 5h3.15L8.7 3.325q.15-.15.337-.238Q9.225 3 9.425 3h5.15q.2 0 .388.087q.187.088.337.238L16.85 5H20q.825 0 1.413.588Q22 6.175 22 7v12q0 .825-.587 1.413Q20.825 21 20 21Z"/></svg>
<path fill="currentColor"
d="M12 18q2.075 0 3.538-1.462Q17 15.075 17 13q0-2.075-1.462-3.538Q14.075 8 12 8Q9.925 8 8.463 9.462Q7 10.925 7 13q0 2.075 1.463 3.538Q9.925 18 12 18Zm0-2q-1.25 0-2.125-.875T9 13q0-1.25.875-2.125T12 10q1.25 0 2.125.875T15 13q0 1.25-.875 2.125T12 16Zm6-6q.425 0 .712-.288Q19 9.425 19 9t-.288-.713Q18.425 8 18 8t-.712.287Q17 8.575 17 9t.288.712Q17.575 10 18 10ZM4 21q-.825 0-1.412-.587Q2 19.825 2 19V7q0-.825.588-1.412Q3.175 5 4 5h3.15L8.7 3.325q.15-.15.337-.238Q9.225 3 9.425 3h5.15q.2 0 .388.087q.187.088.337.238L16.85 5H20q.825 0 1.413.588Q22 6.175 22 7v12q0 .825-.587 1.413Q20.825 21 20 21Z" />
</svg>

</span>
<span
class="rounded-full bg-gray-800 text-white absolute bottom-[65px] right-2 hover:cursor-pointer hover:bg-gray-950">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
class="fill-current m-3">
<path fill="currentColor" d="m19.3 8.925l-4.25-4.2l1.4-1.4q.575-.575 1.413-.575t1.412.575l1.4 1.4q.575.575.6 1.388t-.55 1.387L19.3 8.925ZM17.85 10.4L7.25 21H3v-4.25l10.6-10.6l4.25 4.25Z"/></svg>
</span>

class="rounded-full bg-gray-800 text-white absolute bottom-[65px] right-2 hover:cursor-pointer hover:bg-gray-950">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
class="fill-current m-3">
<path fill="currentColor"
d="m19.3 8.925l-4.25-4.2l1.4-1.4q.575-.575 1.413-.575t1.412.575l1.4 1.4q.575.575.6 1.388t-.55 1.387L19.3 8.925ZM17.85 10.4L7.25 21H3v-4.25l10.6-10.6l4.25 4.25Z" />
</svg>
</span>

<!-- my status -->
<div class="p-4 hover:bg-gray-200 cursor-pointer bg-white">
<div class="">
<div class="flex items-center pb-1">
<div class="ring-offset-3 ring-2 ring-gray-500 rounded-full p-1"><img
src="https://avatars.githubusercontent.com/u/95954567?v=4"
alt="Vasanth dp" class="w-16 h-auto rounded-full "></div>
src="https://avatars.githubusercontent.com/u/95954567?v=4" alt="Vasanth dp"
class="w-16 h-auto rounded-full "></div>
<div class="ml-4 flex justify-between w-full">
<div>
<h2 class="text-lg font-semibold">My Status</h2>
<p class="text-gray-500">9:45AM</p>
</div>
<div class=" ">

<span class="text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="30"
height="30" viewBox="0 0 24 24" class="fill-current">
<path
d="M12 16a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2m0-6a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2m0-6a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2Z" />
</svg></span>
d="M12 16a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2m0-6a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2m0-6a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2Z" />
</svg></span>
</div>
</div>
</div>

</div>
</div>
<p class="text-gray-500 font-semibold m-3">Recent updates</p>
<p class="text-gray-500 font-semibold m-3">Recent updates</p>
<!-- recent status -->
<div class="p-4 hover:bg-gray-200 cursor-pointer bg-white">
<div>
Expand Down Expand Up @@ -168,7 +177,7 @@ <h2 class="text-lg font-semibold">She ❤️</h2>

</div>
</div>

<p class="text-gray-500 font-semibold m-3">Viewed updates</p>
<!-- viewed updates -->
<div class="p-4 hover:bg-gray-200 cursor-pointer bg-white">
Expand Down

0 comments on commit 3f09d6e

Please sign in to comment.