forked from BuidlGuidl/batch8.buidlguidl.com
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
issue BuidlGuidl#2 - add RolandTheFrank profile page
- Loading branch information
1 parent
f9b9b52
commit da6aa4f
Showing
1 changed file
with
119 additions
and
0 deletions.
There are no files selected for viewing
119 changes: 119 additions & 0 deletions
119
packages/nextjs/app/builders/0xd1B41bE30F980315b8A6b754754aAa299C7abea2/page.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,119 @@ | ||
import type { NextPage } from "next"; | ||
import { Address } from "~~/components/scaffold-eth"; | ||
|
||
const profileUrl = "https://pbs.twimg.com/media/Ey8oK6gXMAUKrEX.jpg"; | ||
|
||
const RolandTheFrank: NextPage = () => { | ||
return ( | ||
<div className="w-96 px-6 py-6 text-center bg-gray-800 rounded-lg lg:mt-0 xl:px-10"> | ||
<div className="space-y-4 xl:space-y-6 pt-8"> | ||
<img className="mx-auto rounded-full h-36 w-36" src={profileUrl} alt="author avatar" /> | ||
<div className="space-y-2"> | ||
<div className="flex justify-center items-center flex-col space-y-3 text-lg font-medium leading-6"> | ||
<h3 className="text-amber-50"> | ||
<a href="https://en.wikipedia.org/wiki/Roland">Roland The Frank</a> | ||
</h3> | ||
<p className="text-indigo-300">Software Engineer</p> | ||
<div className="flex justify-center mt-5 space-x-5"> | ||
<a | ||
href="https://twitter.com/til_wehavefaces" | ||
target="_blank" | ||
rel="noopener noreferrer" | ||
className="inline-block text-gray-400" | ||
> | ||
<span className="sr-only">Twitter</span> | ||
<svg | ||
stroke="currentColor" | ||
fill="currentColor" | ||
stroke-width="0" | ||
viewBox="0 0 512 512" | ||
className="w-6 h-6 text-gray-400 hover:text-gray-100" | ||
height="1em" | ||
width="1em" | ||
xmlns="http://www.w3.org/2000/svg" | ||
> | ||
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> | ||
</svg> | ||
</a> | ||
<a | ||
href="https://github.com/RafaelCaso" | ||
target="_blank" | ||
rel="noopener noreferrer" | ||
className="inline-block text-gray-400" | ||
> | ||
<span className="sr-only">GitHub</span> | ||
<svg | ||
stroke="currentColor" | ||
fill="currentColor" | ||
stroke-width="0" | ||
viewBox="0 0 496 512" | ||
className="w-6 h-6 text-gray-400 hover:text-gray-100" | ||
height="1em" | ||
width="1em" | ||
xmlns="http://www.w3.org/2000/svg" | ||
> | ||
<path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path> | ||
</svg> | ||
</a> | ||
<a | ||
href="https://www.linkedin.com/in/adrian-caso-507943227/" | ||
target="_blank" | ||
rel="noopener noreferrer" | ||
className="inline-block text-gray-400" | ||
> | ||
<span className="sr-only">Linkedin</span> | ||
<svg | ||
stroke="currentColor" | ||
fill="currentColor" | ||
stroke-width="0" | ||
viewBox="0 0 448 512" | ||
className="w-6 h-6 text-gray-400 hover:text-gray-100" | ||
height="1em" | ||
width="1em" | ||
xmlns="http://www.w3.org/2000/svg" | ||
> | ||
<path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path> | ||
</svg> | ||
</a> | ||
<a | ||
href="https://www.youtube.com/@DevArcStudio" | ||
target="_blank" | ||
rel="noopener noreferrer" | ||
className="inline-block text-gray-400" | ||
> | ||
<span className="sr-only">YouTube</span> | ||
<svg | ||
stroke="currentColor" | ||
fill="currentColor" | ||
stroke-width="0" | ||
viewBox="0 0 24 24" | ||
className="w-6 h-6 text-gray-400 hover:text-gray-100" | ||
height="1em" | ||
width="1em" | ||
xmlns="http://www.w3.org/2000/svg" | ||
> | ||
<path d="M23.499 6.203a2.926 2.926 0 00-2.057-2.065C19.671 3.549 12 3.549 12 3.549s-7.671 0-9.442.589A2.926 2.926 0 00.501 6.203C0 8.022 0 12 0 12s0 3.978.501 5.797a2.926 2.926 0 002.057 2.065C4.329 20.451 12 20.451 12 20.451s7.671 0 9.442-.589a2.926 2.926 0 002.057-2.065C24 15.978 24 12 24 12s0-3.978-.501-5.797zM9.75 15.568V8.432L15.568 12l-5.818 3.568z"></path> | ||
</svg> | ||
</a> | ||
</div> | ||
<div className="pt-2"> | ||
<hr className="w-48 h-1 mx-auto my-4 bg-gray-100 border-0 rounded md:my-10 dark:bg-gray-700" /> | ||
</div> | ||
<p className="text-amber-50">Have spare SepETH? Send it my way!</p> | ||
<div className="bg-gray-400"> | ||
<Address address="0xd1B41bE30F980315b8A6b754754aAa299C7abea2" /> | ||
</div> | ||
<div> | ||
<p className="text-amber-50">Not a designer!</p> | ||
<a className="text-indigo-300" href="https://tailwindflex.com/@krishna/profile-card"> | ||
Profile Source Code | ||
</a> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
); | ||
}; | ||
|
||
export default RolandTheFrank; |