Skip to content

Commit b8736f1

Browse files
author
Alejandro Figueroa
committed
Style updates
1 parent 93a1e9c commit b8736f1

File tree

2 files changed

+44
-40
lines changed

2 files changed

+44
-40
lines changed

‎assets/landscape.svg

Lines changed: 12 additions & 11 deletions
Loading

‎pages/index.html

Lines changed: 32 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -3,39 +3,42 @@
33
permalink: "/"
44
---
55

6-
<div class="bg-gray-700 md:flex md:flex-row md:items-center md:justify-center md:h-screen">
7-
<div class="max-w-lg p-8 md:order-last">
8-
<h1 class="mt-8 text-4xl text-gray-300">Random inspiration</h1>
9-
<p class="mb-8 text-2xl text-gray-300">from Jekyll + Netlify functions</p>
10-
<div x-data="quote()" x-init="fetchQuote()">
11-
<template x-if="isLoaded()">
12-
<template x-if="success">
13-
<p class="py-2 pl-4 my-2 text-gray-300 border-l-2 border-gray-300 font-display" x-text="quote">
14-
</p>
15-
<span class="text-xs">
16-
<img src="https://theysaidso.com/branding/theysaidso.png" alt="theysaidso.com"
17-
class="inline w-4 h-4" />
18-
<a href="https://theysaidso.com" title="Powered by quotes from theysaidso.com"
19-
class="inline text-white">
20-
They Said So ®
21-
</a>
22-
</span>
6+
<div class="bg-gray-700">
7+
<div class="container mx-auto md:flex md:flex-row md:items-center md:justify-center md:h-screen">
8+
<div class="w-1/2 max-w-lg p-8 md:order-last">
9+
<h1 class="mt-8 text-4xl leading-none text-gray-300 font-display">Random inspiration</h1>
10+
<p class="mb-8 text-2xl leading-tight text-gray-300 font-display">from Jekyll + Netlify functions</p>
11+
<div x-data="quote()" x-init="fetchQuote()">
12+
<template x-if="isLoaded()">
13+
<template x-if="success">
14+
<p class="py-2 pl-4 my-2 text-orange-300 border-l-4 border-orange-300" x-text="quote">
15+
</p>
16+
<span class="text-xs text-gray-300">
17+
Quote from
18+
<img src="https://theysaidso.com/branding/theysaidso.png" alt="theysaidso.com"
19+
class="inline w-4 h-4" />
20+
<a href="https://theysaidso.com" title="Powered by quotes from theysaidso.com"
21+
class="inline text-gray-300">
22+
They Said So®
23+
</a>
24+
</span>
25+
</template>
26+
<template x-if="!success">
27+
<p class="py-2 my-2 text-sm text-gray-300 text-red-300" x-text="quote">
28+
</p>
29+
</template>
2330
</template>
24-
<template x-if="!success">
25-
<p class="py-2 my-2 text-sm text-gray-300 text-red-300 font-display" x-text="quote">
31+
<template x-if="!isLoaded()">
32+
<p class="py-2 my-2 text-sm text-gray-300">
33+
...
2634
</p>
2735
</template>
28-
</template>
29-
<template x-if="!isLoaded()">
30-
<p class="py-2 my-2 text-sm text-gray-300">
31-
...
32-
</p>
33-
</template>
34-
</div>
36+
</div>
3537

36-
</div>
37-
<div class="p-8">
38-
<img src="/assets/landscape.svg" alt="landscape">
38+
</div>
39+
<div class="w-1/2 max-w-sm p-8">
40+
<img src="/assets/landscape.svg" alt="landscape">
41+
</div>
3942
</div>
4043
</div>
4144

0 commit comments

Comments
 (0)