some font adjustments
This commit is contained in:
parent
270f341f0c
commit
8de98516a6
|
@ -2,12 +2,6 @@
|
||||||
@tailwind components;
|
@tailwind components;
|
||||||
@tailwind utilities;
|
@tailwind utilities;
|
||||||
|
|
||||||
@layer base {
|
|
||||||
html {
|
|
||||||
font-family: Cantarell, system-ui, sans-serif;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
border: 3px solid blue;
|
border: 3px solid blue;
|
||||||
}
|
}
|
||||||
|
|
14
app/page.tsx
14
app/page.tsx
|
@ -38,10 +38,8 @@ export default function Home() {
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="col-span-2 grid max-lg:gap-4 max-lg:place-items-center max-sm:place-items-start">
|
<div className="col-span-2 grid max-lg:place-items-center max-sm:place-items-start mt-5">
|
||||||
<div>
|
<p className="text-5xl font-bold">Win Pattanaphol</p>
|
||||||
<p className="text-5xl font-bold">Win Pattanaphol</p>
|
|
||||||
</div>
|
|
||||||
<p className="text-base">A <a className="font-bold underline decoration-2 decoration-indigo-500">hobbyist full-stack developer</a>, undergraduate student, enjoyer of 60s-80s music, language nerd, and a hobbyist electrician.</p>
|
<p className="text-base">A <a className="font-bold underline decoration-2 decoration-indigo-500">hobbyist full-stack developer</a>, undergraduate student, enjoyer of 60s-80s music, language nerd, and a hobbyist electrician.</p>
|
||||||
<ContactIcons />
|
<ContactIcons />
|
||||||
</div>
|
</div>
|
||||||
|
@ -64,12 +62,12 @@ export default function Home() {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p>
|
<p>
|
||||||
My main field of work is creating <a className="font-bold">web applications</a>. I specialize in <a className="font-bold underline decoration-2 decoration-indigo-500">backend development</a> with <a className="font-bold">Node.js</a> and <a className="font-bold">PHP</a>, as well as working with <a className="font-bold underline decoration-2 decoration-indigo-500">relational databases</a>,
|
My main field of work is <a className="font-bold underline decoration-2 decoration-sky-500">server administration</a>. I am running my own self-hosted ecosystem as well as currently administering the IT infrastructure (servers, networking, firewalls)
|
||||||
such as <a className="font-bold">MySQL / MariaDB</a>.
|
at my father's company.
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
My other field of work is <a className="font-bold underline decoration-2 decoration-sky-500">server administration</a>. I am running my own self-hosted ecosystem as well as currently administering the IT infrastructure (servers, networking, firewalls)
|
My other field of work is creating <a className="font-bold">web applications</a>. I specialize in <a className="font-bold underline decoration-2 decoration-indigo-500">backend development</a> with <a className="font-bold">Node.js</a> and <a className="font-bold">PHP</a>, as well as working with <a className="font-bold underline decoration-2 decoration-indigo-500">relational databases</a>,
|
||||||
at my father's company.
|
such as <a className="font-bold">MySQL / MariaDB</a>.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue