Skip to content

Commit 97ccdae

Browse files
diomeddiomed
authored
Update post.html
+ adds scrollbar + adds diffferent link color + updates year
1 parent a4f6a5b commit 97ccdae

File tree

1 file changed

+11
-10
lines changed

1 file changed

+11
-10
lines changed

‎post.html

Lines changed: 11 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,12 @@
1010
<meta name="description" content="description here">
1111
<meta name="keywords" content="keywords,here">
1212
<link rel="stylesheet" href="https://unpkg.com/tailwindcss@2.2.19/dist/tailwind.min.css"/> <!--Replace with your tailwind.css once created-->
13-
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css" rel="stylesheet">
13+
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet">
1414
<style>
1515
.smooth {transition: box-shadow 0.3s ease-in-out;}
1616
::selection{background-color: aliceblue}
17+
:root{::-webkit-scrollbar{height:10px;width:10px;}::-webkit-scrollbar-track{background:#efefef;border-radius:6px}
18+
::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:6px} ::-webkit-scrollbar-thumb:hover{background:#c4c4c4}}
1719
</style>
1820
</head>
1921
<body class="bg-white font-sans leading-normal tracking-normal">
@@ -32,13 +34,13 @@
3234
<a class="inline-block py-2 px-2 text-white no-underline" href="index.html">HOME</a>
3335
</li>
3436
<li class="mr-2">
35-
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:text-underline py-2 px-2" href="#">LINK</a>
37+
<a class="inline-block text-indigo-200 no-underline hover:text-gray-200 hover:text-underline py-2 px-2" href="#">LINK</a>
3638
</li>
3739
<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>
40+
<a class="inline-block text-indigo-200 no-underline hover:text-gray-200 hover:text-underline py-2 px-2" href="#">LINK</a>
3941
</li>
4042
<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>
43+
<a class="inline-block text-indigo-600 no-underline hover:text-gray-200 hover:text-underline py-2 px-2" href="#">LINK</a>
4244
</li>
4345
</ul>
4446
</div>
@@ -73,7 +75,7 @@
7375

7476
<!--Title-->
7577
<div class="text-center pt-16 md:pt-32">
76-
<p class="text-sm md:text-base text-green-500 font-bold">08 APRIL 2019 <span class="text-gray-900">/</span> GETTING STARTED</p>
78+
<p class="text-sm md:text-base text-green-500 font-bold">04 JULY 2023 <span class="text-gray-900">/</span> GETTING STARTED</p>
7779
<h1 class="font-bold break-normal text-3xl md:text-5xl">Welcome to Ghostwind CSS</h1>
7880
</div>
7981

@@ -148,8 +150,7 @@ <h3 class="font-bold break-normal font-normal text-gray-600 text-base md:text-xl
148150
<p class="text-gray-600 text-xs md:text-base">Tailwind CSS version of Ghost's Casper theme by <a class="text-gray-800 hover:text-green-500 no-underline border-b-2 border-green-500" href="https://www.tailwindtoolbox.com">TailwindToolbox.com</a></p>
149151
</div>
150152
<div class="justify-end">
151-
<button class="bg-transparent border border-gray-500 hover:border-green-500 text-xs text-gray-500 hover:text-green-500 font-bold py-2 px-4 rounded-full">Read More</button>
152-
</div>
153+
<a href="#" class="bg-transparent border border-gray-500 hover:border-green-500 text-xs text-gray-500 hover:text-green-500 font-bold py-2 px-4 rounded-full">Read More</a>
153154
</div>
154155
<!--/Author-->
155156

@@ -241,13 +242,13 @@ <h3 class="font-bold break-normal font-normal text-gray-600 text-base md:text-xl
241242
<a class="inline-block py-2 px-3 text-white no-underline" href="index.html">HOME</a>
242243
</li>
243244
<li>
244-
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:underline py-2 px-3" href="#">link</a>
245+
<a class="inline-block indigo-200 no-underline hover:text-gray-200 hover:underline py-2 px-3" href="#">link</a>
245246
</li>
246247
<li>
247-
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:underline py-2 px-3" href="#">link</a>
248+
<a class="inline-block indigo-200 no-underline hover:text-gray-200 hover:underline py-2 px-3" href="#">link</a>
248249
</li>
249250
<li>
250-
<a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:underline py-2 px-3" href="#">link</a>
251+
<a class="inline-block indigo-200 no-underline hover:text-gray-200 hover:underline py-2 px-3" href="#">link</a>
251252
</li>
252253
</ul>
253254
</div>

0 commit comments

Comments
 (0)