Skip to content

Commit dc72dae

Browse files
tailwindtoolboxtailwindtoolbox
authored
Merge pull request #6 from diomed/patch-1
Update index.html
2 parents d6a2e98 + a4b9865 commit dc72dae

File tree

4 files changed

+30
-28
lines changed

4 files changed

+30
-28
lines changed

‎README.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,10 @@
33
[Ghostwind Template](https://www.tailwindtoolbox.com/templates/ghostwind) is a clone of the Casper theme for Ghost created in [Tailwind CSS](https://tailwindcss.com/) by [Tailwind Toolbox](https://www.tailwindtoolbox.com/).
44

55

6-
![Ghostwind Home Page](https://www.tailwindtoolbox.com/templates/ghostwind-home.png)
6+
[![Ghostwind Home Page](https://www.tailwindtoolbox.com/templates/ghostwind-home.png)](https://tailwindtoolbox.github.io/Ghostwind/index.html)
77

88
[![Ghostwind](https://www.tailwindtoolbox.com/templates/ghostwind.png)](https://tailwindtoolbox.github.io/Ghostwind/post.html)
9+
910
Click here to [preview the homepage](https://www.tailwindtoolbox.com/templates/ghostwind-home)
1011

1112
Click here to [preview the blog post](https://www.tailwindtoolbox.com/templates/ghostwind) | [Vue version](https://tailwindtoolbox.github.io/Ghostwind/post_vue.html)

‎index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@
4747
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:underline py-2 px-2" href="#">LINK</a>
4848
</li>
4949
<li class="mr-2">
50-
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:underline py-2 px-2" href="#">LINK</a>
50+
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:underline py-2 px-2" href="post_vue.html">POST_VUE</a>
5151
</li>
5252
</ul>
5353
</div>
@@ -290,7 +290,7 @@ <h3 class="font-bold break-normal font-normal text-gray-600 text-base md:text-xl
290290
<div class="w-full mx-auto flex flex-wrap items-center">
291291
<div class="flex w-full md:w-1/2 justify-center md:justify-start text-white font-extrabold">
292292
<a class="text-gray-900 no-underline hover:text-gray-900 hover:no-underline" href="#">
293-
👻 <span class="text-base text-gray-200"> Ghostwind CSS</span>
293+
👻 <span class="text-base text-gray-200">Ghostwind CSS</span>
294294
</a>
295295
</div>
296296
<div class="flex w-full pt-2 content-center justify-between md:w-1/2 md:justify-end">
@@ -299,13 +299,13 @@ <h3 class="font-bold break-normal font-normal text-gray-600 text-base md:text-xl
299299
<a class="inline-block py-2 px-3 text-white no-underline" href="#">Active</a>
300300
</li>
301301
<li>
302-
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:text-underline py-2 px-3" href="#">link</a>
302+
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:underline py-2 px-3" href="#">link</a>
303303
</li>
304304
<li>
305-
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:text-underline py-2 px-3" href="#">link</a>
305+
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:underline py-2 px-3" href="#">link</a>
306306
</li>
307307
<li>
308-
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:text-underline py-2 px-3" href="#">link</a>
308+
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:underline py-2 px-3" href="#">link</a>
309309
</li>
310310
</ul>
311311
</div>

‎post.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css" rel="stylesheet">
1414
<style>
1515
.smooth {transition: box-shadow 0.3s ease-in-out;}
16+
::selection{background-color: aliceblue}
1617
</style>
1718
</head>
1819
<body class="bg-white font-sans leading-normal tracking-normal">
@@ -240,13 +241,13 @@ <h3 class="font-bold break-normal font-normal text-gray-600 text-base md:text-xl
240241
<a class="inline-block py-2 px-3 text-white no-underline" href="index.html">HOME</a>
241242
</li>
242243
<li>
243-
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:text-underline py-2 px-3" href="#">link</a>
244+
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:underline py-2 px-3" href="#">link</a>
244245
</li>
245246
<li>
246-
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:text-underline py-2 px-3" href="#">link</a>
247+
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:underline py-2 px-3" href="#">link</a>
247248
</li>
248249
<li>
249-
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:text-underline py-2 px-3" href="#">link</a>
250+
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:underline py-2 px-3" href="#">link</a>
250251
</li>
251252
</ul>
252253
</div>
@@ -292,7 +293,6 @@ <h3 class="font-bold break-normal font-normal text-gray-600 text-base md:text-xl
292293

293294
});
294295

295-
296296
</script>
297297

298298
</body>

‎post_vue.html

Lines changed: 19 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -16,36 +16,37 @@
1616
.font-serif{font-family : 'Quicksand', sans-serif;}
1717
.smooth {
1818
transition: box-shadow 0.3s ease-in-out;
19-
}
19+
}
2020
</style>
2121
</head>
2222
<body class="bg-white font-sans leading-normal tracking-normal">
2323

2424
<!--Nav-->
2525
<nav class="bg-indigo-900 p-4 mt-0 w-full">
26-
<div class="container mx-auto flex items-center">
27-
<div class="flex text-white font-extrabold">
28-
<a class="flex text-white text-base no-underline hover:text-white hover:no-underline" href="#">
29-
👻 <span class="hidden w-0 md:w-auto md:block pl-1">GhostWind CSS (VUE)</span>
30-
</a>
31-
</div>
26+
<div class="container mx-auto flex items-center">
27+
<div class="flex text-white font-extrabold">
28+
<a class="flex text-white text-base no-underline hover:text-white hover:no-underline" href="#">
29+
👻 <span class="hidden w-0 md:w-auto md:block pl-1">GhostWind CSS (VUE)</span>
30+
</a>
31+
</div>
32+
3233
<div class="flex pl-4 text-sm">
3334
<ul class="list-reset flex justify-between flex-1 md:flex-none items-center">
3435
<li class="mr-2">
3536
<a class="inline-block py-2 px-2 text-white no-underline" href="index.html">HOME</a>
3637
</li>
3738
<li class="mr-2">
38-
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:text-underline py-2 px-2" href="#">LINK</a>
39+
<a class="inline-block text-yellow-400 no-underline hover:text-yellow-200 hover:text-underline py-2 px-2" href="#">LINK</a>
3940
</li>
4041
<li class="mr-2">
41-
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:text-underline py-2 px-2" href="#">LINK</a>
42+
<a class="inline-block text-yellow-400 no-underline hover:text-yellow-200 hover:text-underline py-2 px-2" href="#">LINK</a>
4243
</li>
4344
<li class="mr-2">
44-
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:text-underline py-2 px-2" href="#">LINK</a>
45+
<a class="inline-block text-yellow-400 no-underline hover:text-yellow-200 hover:text-underline py-2 px-2" href="#">LINK</a>
4546
</li>
4647
</ul>
4748
</div>
48-
</div>
49+
</div>
4950
</nav>
5051
<!--slide in nav-->
5152
<div id="header" class="bg-white fixed w-full z-10 top-0 hidden animated" style="opacity: .95;">
@@ -58,10 +59,10 @@
5859
</div>
5960
<div class="flex w-1/2 justify-end content-center">
6061
<p class="hidden sm:block mr-3 text-center h-14 p-4 text-xs"><span class="pr-2">Share this</span></p>
61-
<a class="inline-block text-white no-underline hover:text-white hover:text-underline text-center h-10 w-10 p-2 md:h-auto md:w-16 md:p-4" href="https://twitter.com/intent/tweet?url=#" style="background-color:#33b1ff;">
62+
<a class="inline-block text-white no-underline hover:text-white hover:underline text-center h-10 w-10 p-2 md:h-auto md:w-16 md:p-4" href="https://twitter.com/intent/tweet?url=#" style="background-color:#33b1ff;">
6263
<svg class="fill-current text-white h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30.063 7.313c-.813 1.125-1.75 2.125-2.875 2.938v.75c0 1.563-.188 3.125-.688 4.625a15.088 15.088 0 0 1-2.063 4.438c-.875 1.438-2 2.688-3.25 3.813a15.015 15.015 0 0 1-4.625 2.563c-1.813.688-3.75 1-5.75 1-3.25 0-6.188-.875-8.875-2.625.438.063.875.125 1.375.125 2.688 0 5.063-.875 7.188-2.5-1.25 0-2.375-.375-3.375-1.125s-1.688-1.688-2.063-2.875c.438.063.813.125 1.125.125.5 0 1-.063 1.5-.25-1.313-.25-2.438-.938-3.313-1.938a5.673 5.673 0 0 1-1.313-3.688v-.063c.813.438 1.688.688 2.625.688a5.228 5.228 0 0 1-1.875-2c-.5-.875-.688-1.813-.688-2.75 0-1.063.25-2.063.75-2.938 1.438 1.75 3.188 3.188 5.25 4.25s4.313 1.688 6.688 1.813a5.579 5.579 0 0 1 1.5-5.438c1.125-1.125 2.5-1.688 4.125-1.688s3.063.625 4.188 1.813a11.48 11.48 0 0 0 3.688-1.375c-.438 1.375-1.313 2.438-2.563 3.188 1.125-.125 2.188-.438 3.313-.875z"></path></svg>
6364
</a>
64-
<a class="inline-block text-white no-underline hover:text-white hover:text-underline text-center h-10 w-10 p-2 md:h-auto md:w-16 md:p-4" href="https://www.facebook.com/sharer/sharer.php?u=#" style="background-color:#005e99">
65+
<a class="inline-block text-white no-underline hover:text-white hover:underline text-center h-10 w-10 p-2 md:h-auto md:w-16 md:p-4" href="https://www.facebook.com/sharer/sharer.php?u=#" style="background-color:#005e99">
6566
<svg class="fill-current text-white h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M19 6h5V0h-5c-3.86 0-7 3.14-7 7v3H8v6h4v16h6V16h5l1-6h-6V7c0-.542.458-1 1-1z"></path></svg>
6667
</a>
6768
</div>
@@ -153,13 +154,13 @@ <h1 class="font-bold break-normal text-3xl md:text-5xl">Ghostwind CSS (Vue) - By
153154
<a class="inline-block py-2 px-3 text-white no-underline" href="index.html">HOME</a>
154155
</li>
155156
<li>
156-
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:text-underline py-2 px-3" href="#">link</a>
157+
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:underline py-2 px-3" href="#">link</a>
157158
</li>
158159
<li>
159-
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:text-underline py-2 px-3" href="#">link</a>
160+
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:underline py-2 px-3" href="#">link</a>
160161
</li>
161-
<li>
162-
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:text-underline py-2 px-3" href="#">link</a>
162+
<li>
163+
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:underline py-2 px-3" href="#">link</a>
163164
</li>
164165
</ul>
165166
</div>
@@ -170,7 +171,7 @@ <h1 class="font-bold break-normal text-3xl md:text-5xl">Ghostwind CSS (Vue) - By
170171
</div>
171172
</footer>
172173

173-
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></script>
174+
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js"></script>
174175
<script src="https://webmaker.app/app/lib/transpilers/babel-polyfill.min.js"></script>
175176
<script>
176177
"use strict";

0 commit comments

Comments
 (0)