-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
108 lines (108 loc) · 4.38 KB
/
index.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
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="Cache-Control" content="no-store" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="stylesheets/application.css" rel="stylesheet" />
</head>
<body class="">
<div class="bg-white">
<main>
<div class="overflow-hidden pt-8 sm:pt-12 lg:relative lg:py-48">
<div
class="mx-auto max-w-md px-6 sm:max-w-3xl lg:grid lg:max-w-7xl lg:grid-cols-2 lg:gap-24 lg:px-8"
>
<div>
<div class="flex justify-between items-center">
<div class="text-6xl text-rose-500">
<a href="aviflombaum.github.io/tailwind-github-pages">~</a>
</div>
<a href="https://github.com/aviflombaum/tailwind-github-pages"
><svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="h-12 w-12"
>
<path
d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"
/>
<path d="M9 18c-4.51 2-5-2-7-2" />
</svg>
</a>
</div>
<div class="mt-20">
<div>
<a
href="https://github.com/aviflombaum/tailwind-github-pages"
class="inline-flex space-x-4"
>
<span
class="rounded bg-rose-50 px-2.5 py-1 text-sm font-semibold text-rose-500"
>What's new</span
>
<span
class="inline-flex items-center space-x-1 text-sm font-medium text-rose-500"
>
<span>Just released</span>
<svg
class="h-5 w-5"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
clip-rule="evenodd"
/>
</svg>
</span>
</a>
</div>
<div class="mt-6 sm:max-w-xl">
<h1
class="text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl"
>
A Simple Tailwind powered Github Pages Starter
</h1>
<p class="mt-6 text-xl text-gray-500">
Build a TailwindCSS site without any of the normal build and
js requirements. Use a simple HTTP server and npm to deploy
to Github pages.
</p>
</div>
<div class="mt-6 space-y-6 text-gray-500">
<p class="text-base leading-7">
Simply run
<code class="bg-gray-300 p-1 text-gray-800"
>npm run start</code
>
locally to develop.
</p>
<p class="text-base leading-7">
When you're ready to deploy, just run
<code class="bg-gray-300 p-1 text-gray-800"
>npm run deploy</code
>
</p>
<p class="text-base leading-7">
As long as Github Pages is turned on for your repo, you now
have a functional TailwindCSS Site.
</p>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
</body>
</html>