remove pages associated with portfolio
This commit is contained in:
parent
76509ea487
commit
5d18caa7af
@ -1,43 +0,0 @@
|
|||||||
import Layout from "components/Layout";
|
|
||||||
import Head from "next/head";
|
|
||||||
|
|
||||||
export default function EmailPageRoot() {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<Head>
|
|
||||||
<title>Email Signup</title>
|
|
||||||
</Head>
|
|
||||||
<Layout>
|
|
||||||
|
|
||||||
<div style={{ maxWidth: 500, margin: 'auto', minWidth: 0 }}>
|
|
||||||
<h4 style={{ textAlign: 'center' }}>Please provide your Name & Email</h4>
|
|
||||||
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<div className="bg-elevated p-lg rounded-sm frosted">
|
|
||||||
<form className="flex-col">
|
|
||||||
<label htmlFor="name">Name</label>
|
|
||||||
<input type="text" name="Name" id="name" placeholder="John Doe" />
|
|
||||||
<label htmlFor="email">Email</label>
|
|
||||||
<input type="email" name="Email" id="email" placeholder="johndoe@email.com" />
|
|
||||||
<br />
|
|
||||||
<button className="flex-1 p-md">Add Me!</button>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Layout >
|
|
||||||
|
|
||||||
<div className="bubble" />
|
|
||||||
<div className="bubble" />
|
|
||||||
<div className="bubble" />
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getStaticProps() {
|
|
||||||
return {
|
|
||||||
props: {
|
|
||||||
body_class_name: 'h-full'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,14 +0,0 @@
|
|||||||
import Head from 'next/head'
|
|
||||||
|
|
||||||
export default function Home() {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<Head>
|
|
||||||
<title>🛝 Playground</title>
|
|
||||||
</Head>
|
|
||||||
|
|
||||||
<h1>Playground</h1>
|
|
||||||
<article>I may play with some ideas here</article>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,214 +0,0 @@
|
|||||||
import Head from 'next/head'
|
|
||||||
import { useRef, useState } from 'react';
|
|
||||||
|
|
||||||
const cardSpinning = [
|
|
||||||
{ transform: "rotate3D(0, 1, 0, 360deg)" },
|
|
||||||
]
|
|
||||||
|
|
||||||
const cardSpinningTimer = {
|
|
||||||
duration: 500,
|
|
||||||
iterations: 1,
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function Home() {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<Head>
|
|
||||||
<title>Thai Stuff</title>
|
|
||||||
</Head>
|
|
||||||
|
|
||||||
<div style={{
|
|
||||||
display: 'grid',
|
|
||||||
gridTemplateColumns: 'repeat(5, 1fr)',
|
|
||||||
gridTemplateRows: 'repeat(2, 1fr)',
|
|
||||||
width: '100%',
|
|
||||||
gap: 8
|
|
||||||
}}>
|
|
||||||
<FlippyCard />
|
|
||||||
<div className='grey-round' style={{ gridColumn: '2 / span 4' }}>
|
|
||||||
<p></p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div style={{ gridRow: 2, gridColumn: '1 / span 5' }}>
|
|
||||||
<div className='grey-round' style={{ gridColumn: '1 / span 5' }}>
|
|
||||||
<p></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
function FlippyCard() {
|
|
||||||
const cardRef = useRef<HTMLDivElement>(null)
|
|
||||||
const [randomeLetter, setRandomLetter] = useState<LetterType>({
|
|
||||||
letter: 'ฮ',
|
|
||||||
phono: 'ho ho',
|
|
||||||
})
|
|
||||||
|
|
||||||
async function _getRandomLetter() {
|
|
||||||
cardRef.current?.animate(cardSpinning, cardSpinningTimer);
|
|
||||||
|
|
||||||
await (new Promise((res, rej) => {
|
|
||||||
setTimeout(() => {
|
|
||||||
res(true)
|
|
||||||
}, 100);
|
|
||||||
}))
|
|
||||||
|
|
||||||
return thaiConsonantsArray[Math.floor(Math.random() * thaiConsonantsArray.length)]
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className='card grey-round' ref={cardRef}>
|
|
||||||
<div>
|
|
||||||
<p>{randomeLetter.letter}</p>
|
|
||||||
<p>{randomeLetter.phono}</p>
|
|
||||||
</div>
|
|
||||||
<div className='buttons'>
|
|
||||||
<button onClick={async () => {
|
|
||||||
console.log("pressed listen")
|
|
||||||
}}>Listen</button>
|
|
||||||
<button onClick={async () => {
|
|
||||||
let k = await _getRandomLetter()
|
|
||||||
while (k == randomeLetter) {
|
|
||||||
k = await _getRandomLetter()
|
|
||||||
}
|
|
||||||
setRandomLetter(k)
|
|
||||||
}}>Next</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
const thaiConsonantsArray: LetterType[] = [
|
|
||||||
{
|
|
||||||
letter: 'ก',
|
|
||||||
phono: 'ko kai',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ข',
|
|
||||||
phono: 'kho khai',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ค',
|
|
||||||
phono: 'kho khon',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ง',
|
|
||||||
phono: 'ngo ngoo',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'จ',
|
|
||||||
phono: 'cho chan',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ฉ',
|
|
||||||
phono: 'so chan',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ช',
|
|
||||||
phono: 'so chon',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ซ',
|
|
||||||
phono: 'so san',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ฌ',
|
|
||||||
phono: 'so cho',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ญ',
|
|
||||||
phono: 'yo ning',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ฎ',
|
|
||||||
phono: 'do dek',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ฏ',
|
|
||||||
phono: 'to tao',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ฐ',
|
|
||||||
phono: 'tho thon',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ฑ',
|
|
||||||
phono: 'tho thung',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ฒ',
|
|
||||||
phono: 'tho tho',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ณ',
|
|
||||||
phono: 'no nen',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'บ',
|
|
||||||
phono: 'bo bai',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ป',
|
|
||||||
phono: 'po pao',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'พ',
|
|
||||||
phono: 'pho phan',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ม',
|
|
||||||
phono: 'mo mi',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ฝ',
|
|
||||||
phono: 'fo fan',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ฟ',
|
|
||||||
phono: 'fo fa',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ภ',
|
|
||||||
phono: 'pho phran',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ฝ',
|
|
||||||
phono: 'fo fan',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ส',
|
|
||||||
phono: 'so san',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ศ',
|
|
||||||
phono: 'so si',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ษ',
|
|
||||||
phono: 'so so',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ส',
|
|
||||||
phono: 'so san',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ห',
|
|
||||||
phono: 'ho hin',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ฬ',
|
|
||||||
phono: 'lo ling',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
letter: 'ฮ',
|
|
||||||
phono: 'ho ho',
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
interface LetterType {
|
|
||||||
letter: string,
|
|
||||||
phono: string,
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue
Block a user