-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest.html
130 lines (130 loc) · 10.8 KB
/
test.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Twitter Generator</title>
<link rel="icon" href="/favicon.ico" />
<meta name="next-head-count" content="4" />
<link rel="icon" href="/favicon.ico" />
<meta name="description" content="Generate your next Twitter bio in seconds." />
<meta property="og:site_name" content="twitterbio.com" />
<meta property="og:description" content="Generate your next Twitter bio in seconds." />
<meta property="og:title" content="Twitter Bio Generator" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Twitter Bio Generator" />
<meta name="twitter:description" content="Generate your next Twitter bio in seconds." />
<meta property="og:image" content="https://twitterbio.com/og-image.png" />
<meta name="twitter:image" content="https://twitterbio.com/og-image.png" />
<link rel="preload" href="/_next/static/css/3c56db4832ec51d2.css" as="style" />
<link rel="stylesheet" href="/_next/static/css/3c56db4832ec51d2.css" data-n-g="" />
<link rel="preload" href="/_next/static/css/86b5a40e9aee9e8f.css" as="style" />
<link rel="stylesheet" href="/_next/static/css/86b5a40e9aee9e8f.css" data-n-p="" />
<noscript data-n-css=""></noscript>
<script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script>
<script src="/_next/static/chunks/webpack-ee7e63bc15b31913.js" defer=""></script>
<script src="/_next/static/chunks/framework-114634acb84f8baa.js" defer=""></script>
<script src="/_next/static/chunks/main-1227de1dc46e1332.js" defer=""></script>
<script src="/_next/static/chunks/pages/_app-13dd885ace41baf6.js" defer=""></script>
<script src="/_next/static/chunks/77-a8b239ebf97568ae.js" defer=""></script>
<script src="/_next/static/chunks/pages/index-43473854ce4ffc22.js" defer=""></script>
<script src="/_next/static/9K2z2s0prwiT_7h7UY8-E/_buildManifest.js" defer=""></script>
<script src="/_next/static/9K2z2s0prwiT_7h7UY8-E/_ssgManifest.js" defer=""></script>
</head>
<body>
<div id="__next">
<div class="flex max-w-5xl mx-auto flex-col items-center justify-center py-2 min-h-screen">
<header class="flex justify-between items-center w-full mt-5 border-b-2 pb-7 sm:px-4 px-2">
<a class="flex space-x-3" href="/">
<img alt="header text" srcSet="/_next/image?url=%2FwritingIcon.png&w=32&q=75 1x, /_next/image?url=%2FwritingIcon.png&w=64&q=75 2x" src="/_next/image?url=%2FwritingIcon.png&w=64&q=75" width="32" height="32" decoding="async" data-nimg="1" class="sm:w-12 sm:h-12 w-8 h-8" loading="lazy" style="color:transparent" />
<h1 class="sm:text-4xl text-2xl font-bold ml-2 tracking-tight">twitterBio.com</h1>
</a>
<a href="https://vercel.com/templates/next.js/twitter-bio" target="_blank" rel="noreferrer">
<img alt="Vercel Icon" srcSet="/_next/image?url=%2FvercelLogo.png&w=32&q=75 1x, /_next/image?url=%2FvercelLogo.png&w=64&q=75 2x" src="/_next/image?url=%2FvercelLogo.png&w=64&q=75" width="32" height="28" decoding="async" data-nimg="1" class="sm:w-8 sm:h-[27px] w-8 h-[28px]" loading="lazy" style="color:transparent" />
</a>
</header>
<main class="flex flex-1 w-full flex-col items-center justify-center text-center px-4 mt-12 sm:mt-20">
<a class="flex max-w-fit items-center justify-center space-x-2 rounded-full border border-gray-300 bg-white px-4 py-2 text-sm text-gray-600 shadow-md transition-colors hover:bg-gray-100 mb-5" href="https://github.com/Nutlope/twitterbio" target="_blank" rel="noopener noreferrer">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 24 24">
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"></path>
</svg>
<p>Star on GitHub</p>
</a>
<h1 class="sm:text-6xl text-4xl max-w-2xl font-bold text-slate-900">Generate your next Twitter bio in seconds</h1>
<p class="text-slate-500 mt-5">18,167 bios generated so far.</p>
<div class="max-w-xl w-full">
<div class="flex mt-10 items-center space-x-3">
<img alt="1 icon" srcSet="/_next/image?url=%2F1-black.png&w=32&q=75 1x, /_next/image?url=%2F1-black.png&w=64&q=75 2x" src="/_next/image?url=%2F1-black.png&w=64&q=75" width="30" height="30" decoding="async" data-nimg="1" class="mb-5 sm:mb-0" loading="lazy" style="color:transparent" />
<p class="text-left font-medium">Copy your current bio
<!-- -->
<span class="text-slate-500">(or write a few sentences about yourself)</span>.
</p>
</div>
<textarea rows="4" class="w-full rounded-md border-gray-300 shadow-sm focus:border-black focus:ring-black my-5" placeholder="e.g. Senior Developer Advocate @vercel. Tweeting about web development, AI, and React / Next.js. Writing nutlope.substack.com."></textarea>
<div class="flex mb-5 items-center space-x-3">
<img alt="1 icon" srcSet="/_next/image?url=%2F2-black.png&w=32&q=75 1x, /_next/image?url=%2F2-black.png&w=64&q=75 2x" src="/_next/image?url=%2F2-black.png&w=64&q=75" width="30" height="30" decoding="async" data-nimg="1" loading="lazy" style="color:transparent" />
<p class="text-left font-medium">Select your vibe.</p>
</div>
<div class="block">
<div class="relative block text-left w-full" data-headlessui-state="">
<div>
<button class="inline-flex w-full justify-between items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-black" id="headlessui-menu-button-:R1i6m:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Professional <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="-mr-1 ml-2 h-5 w-5 ui-open:hidden">
<path fill-rule="evenodd" d="M14.77 12.79a.75.75 0 01-1.06-.02L10 8.832 6.29 12.77a.75.75 0 11-1.08-1.04l4.25-4.5a.75.75 0 011.08 0l4.25 4.5a.75.75 0 01-.02 1.06z" clip-rule="evenodd"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="-mr-1 ml-2 h-5 w-5 hidden ui-open:block">
<path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd"></path>
</svg>
</button>
</div>
</div>
</div>
<button class="bg-black rounded-xl text-white font-medium px-4 py-2 sm:mt-10 mt-8 hover:bg-black/80 w-full">Generate your bio →</button>
</div>
<div style="position:fixed;z-index:9999;top:16px;left:16px;right:16px;bottom:16px;pointer-events:none"></div>
<hr class="h-px bg-gray-700 border-1 dark:bg-gray-700" />
<div class="relative w-full overflow-hidden">
<div class="relative">
<div class="space-y-10 my-10"></div>
</div>
</div>
</main>
<footer class="text-center h-16 sm:h-20 w-full sm:pt-2 pt-4 border-t mt-5 flex sm:flex-row flex-col justify-between items-center px-3 space-y-3 sm:mb-0 mb-3">
<div>Powered by
<!-- -->
<a href="https://openai.com/" target="_blank" rel="noreferrer" class="font-bold hover:underline transition underline-offset-2">OpenAI
<!-- -->
</a>and
<!-- -->
<a href="https://vercel.com/" target="_blank" rel="noreferrer" class="font-bold hover:underline transition underline-offset-2">Vercel Edge Functions.</a>
</div>
<div class="flex space-x-4 pb-4 sm:pb-0">
<a class="group" aria-label="TaxPal on Twitter" href="https://twitter.com/nutlope">
<svg aria-hidden="true" class="h-6 w-6 fill-slate-500 group-hover:fill-slate-700">
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0 0 22 5.92a8.19 8.19 0 0 1-2.357.646 4.118 4.118 0 0 0 1.804-2.27 8.224 8.224 0 0 1-2.605.996 4.107 4.107 0 0 0-6.993 3.743 11.65 11.65 0 0 1-8.457-4.287 4.106 4.106 0 0 0 1.27 5.477A4.073 4.073 0 0 1 2.8 9.713v.052a4.105 4.105 0 0 0 3.292 4.022 4.093 4.093 0 0 1-1.853.07 4.108 4.108 0 0 0 3.834 2.85A8.233 8.233 0 0 1 2 18.407a11.615 11.615 0 0 0 6.29 1.84"></path>
</svg>
</a>
<a class="group" aria-label="TaxPal on GitHub" href="https://github.com/Nutlope/twitterbio">
<svg aria-hidden="true" class="h-6 w-6 fill-slate-500 group-hover:fill-slate-700">
<path d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0 1 12 6.844a9.59 9.59 0 0 1 2.504.337c1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.02 10.02 0 0 0 22 12.017C22 6.484 17.522 2 12 2Z"></path>
</svg>
</a>
</div>
</footer>
</div>
</div>
<script id="__NEXT_DATA__" type="application/json">
{
"props": {
"pageProps": {}
},
"page": "/",
"query": {},
"buildId": "9K2z2s0prwiT_7h7UY8-E",
"nextExport": true,
"autoExport": true,
"isFallback": false,
"scriptLoader": []
}
</script>
</body>
</html>