Fixed up dark mode vs. not and added a linkedin mobil copy.
This commit is contained in:
parent
bf1426261d
commit
2477603190
12 changed files with 758 additions and 491 deletions
97
pages/copy/linkedin.html
Normal file
97
pages/copy/linkedin.html
Normal file
|
@ -0,0 +1,97 @@
|
|||
<div class="text-gray-950">
|
||||
<bar class="justify-evenly border-b-1 border-gray-300">
|
||||
<img src="/icons/linkedin.svg" />
|
||||
<img src="/icons/search.svg" />
|
||||
<img src="/icons/person-standing.svg" />
|
||||
<img src="/icons/briefcase.svg" />
|
||||
<img src="/icons/message-square.svg" />
|
||||
<img src="/icons/bell.svg" />
|
||||
</bar>
|
||||
|
||||
<stack>
|
||||
<shape class="max-h-10">Header Image</shape>
|
||||
<shape class="tiny bg-green-400! top-3 left-3 rounded-full">Avatar</shape>
|
||||
</stack>
|
||||
|
||||
<block>
|
||||
<h5 class="pb-0!">Zed Shaw</h5>
|
||||
<span>I write books and stuff.</span>
|
||||
<span class="font-light">Miami Beach, Florida</span>
|
||||
<span class="font-bold">Shavian Publishing, LLC</span>
|
||||
</block>
|
||||
|
||||
<shape class="w-full h-15">Show More <img class="inline" src="/icons/chevron-down.svg" /></shape>
|
||||
|
||||
<bar>
|
||||
<shape class="tiny bg-green-400! top-3 left-3 rounded-full">Avatar</shape>
|
||||
<input type="text" class="w-full rounded-xl" />
|
||||
</bar>
|
||||
|
||||
<bar class="justify-evenly">
|
||||
<span><img class="inline" src="/icons/video.svg" /> Video</span>
|
||||
<span><img class="inline" src="/icons/camera.svg" /> Photo</span>
|
||||
<span><img class="inline" src="/icons/file-spreadsheet.svg" /> Write article</span>
|
||||
</bar>
|
||||
|
||||
<bar class="bg-gray-300 justify-end">
|
||||
<span>Sort by: <b>Top</b></span>
|
||||
</bar>
|
||||
|
||||
<post class="flex flex-col border-b-1 border-gray-300">
|
||||
<bar class="gap-0! items-center">
|
||||
<shape class="tiny max-h-15! bg-green-400! top-3 left-3 rounded-full">Avatar</shape>
|
||||
<block class="gap-0!">
|
||||
<span>Some Dude</span>
|
||||
<span class="font-light">Title</span>
|
||||
<span class="font-light">14h Edited</span>
|
||||
</block>
|
||||
</bar>
|
||||
|
||||
<block>
|
||||
<p>Zombie ipsum reversus ab viral inferno, nam rick grimes malum cerebro. De carne lumbering animata corpora quaeritis. Summus brains sit, morbo vel maleficia?</p>
|
||||
</block>
|
||||
|
||||
<shape class="video">Some Image</shape>
|
||||
|
||||
<bar class="justify-evenly">
|
||||
<span><img src="/icons/thumbs-up.svg" /></span>
|
||||
<span><img src="/icons/message-square.svg" /></span>
|
||||
<span><img src="/icons/repeat.svg" /></span>
|
||||
<span><img src="/icons/send.svg" /></span>
|
||||
</bar>
|
||||
</post>
|
||||
|
||||
<post class="flex flex-col border-b-1 border-gray-300">
|
||||
<bar class="gap-0! items-center">
|
||||
<shape class="tiny max-h-15! bg-green-400! top-3 left-3 rounded-full">Avatar</shape>
|
||||
<block class="gap-0!">
|
||||
<span>Some Dude</span>
|
||||
<span class="font-light">Title</span>
|
||||
<span class="font-light">14h Edited</span>
|
||||
</block>
|
||||
</bar>
|
||||
|
||||
<block>
|
||||
<p>Zombie ipsum reversus ab viral inferno, nam rick grimes malum cerebro. De carne lumbering animata corpora quaeritis. Summus brains sit, morbo vel maleficia?</p>
|
||||
</block>
|
||||
|
||||
<shape class="video">Some Image</shape>
|
||||
|
||||
<bar class="justify-evenly">
|
||||
<span><img src="/icons/thumbs-up.svg" /></span>
|
||||
<span><img src="/icons/message-square.svg" /></span>
|
||||
<span><img src="/icons/repeat.svg" /></span>
|
||||
<span><img src="/icons/send.svg" /></span>
|
||||
</bar>
|
||||
</post>
|
||||
|
||||
<grid class="grid-cols-2">
|
||||
<block>
|
||||
<span>Job search smarter</span>
|
||||
<span class="font-light">Zed reactivate this bullshit.</span>
|
||||
<span>John and millions more use</span>
|
||||
<button class="bg-blue-400 rounded-full">Claim Offer</button>
|
||||
</block>
|
||||
<shape class="tiny bg-green-400! top-3 left-3 rounded-full">Avatar</shape>
|
||||
</grid>
|
||||
</div>
|
Loading…
Add table
Add a link
Reference in a new issue