yude/yude.jp
0
0
Fork 0
mirror of https://github.com/yude-jp/yude.jp synced 2024-12-22 20:20:09 +09:00
Code Releases Activity

Compare commits

base: yude:e2db2de68bd1b4b88b1893acf18e2c85e841adee
Branches Tags
yude:master
yude:dependabot/npm_and_yarn/webpack-5.76.0
yude:dependabot/npm_and_yarn/json5-1.0.2
yude:dependabot/npm_and_yarn/minimist-1.2.8
yude:release
...
compare: yude:cd574f0cc938f11e6924e1277f3a34be617fa7cc
Branches Tags
yude:dependabot/npm_and_yarn/webpack-5.76.0
yude:dependabot/npm_and_yarn/json5-1.0.2
yude:dependabot/npm_and_yarn/minimist-1.2.8
yude:master
yude:release

5 Commits
e2db2de68b ... cd574f0cc9

Author SHA1 Message Date
yudejp
cd574f0cc9
Fix circle position 2021-05-26 08:03:22 +09:00
yudejp
a787f8d805
Update width 2021-05-26 08:01:46 +09:00
yudejp
b65e165ac4
[WIP] Fix margin (on responsive) 2021-05-26 08:01:02 +09:00
yudejp
ad8fa9d69d
Cleanup margin styling 2021-05-26 07:53:02 +09:00
yudejp
44493605fd
Delete unused const 2021-05-26 07:52:23 +09:00
9 changed files with 21 additions and 22 deletions
Show Stats Expand all files Collapse all files

1
pages/components/DiscordPlaying.js
View File

@ -16,7 +16,6 @@ const App = () => {
}, []); }, []);
const yes_playing = t('yes_playing', {playing: playing}) const yes_playing = t('yes_playing', {playing: playing})
const no_playing = t('no_playing')
if (playing){ if (playing){
return <p>{yes_playing}</p> return <p>{yes_playing}</p>
}else{ }else{

2
pages/components/LangSelector.js
View File

@ -28,7 +28,7 @@ const Dropdown = ({ color }) => {
return ( return (
<> <>
<div className="text-left mr-2 my-3 float-right"> <div className="text-left mr-2 ml-2 my-3 float-right">
<button type="button" className="inline-flex justify-center w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500" id="options-menu" aria-haspopup="true" aria-expanded="true" <button type="button" className="inline-flex justify-center w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500" id="options-menu" aria-haspopup="true" aria-expanded="true"
style={{ transition: "all .15s ease" }} style={{ transition: "all .15s ease" }}
ref={btnDropdownRef} ref={btnDropdownRef}

2
pages/components/Layout.js
View File

@ -24,7 +24,7 @@ const Layout = (props) => {
</Head> </Head>
<main> <main>
<Navbar /> <Navbar />
<div className="page-main"> <div className="md:mx-9 mx-1">
{children} {children}
</div> </div>
<Footer /> <Footer />

4
pages/components/Navbar.js
View File

@ -8,13 +8,13 @@ const Navbar = () => {
<> <>
<nav className='flex items-center flex-wrap p-3'> <nav className='flex items-center flex-wrap p-3'>
<Link href='/'> <Link href='/'>
<a className='inline-flex items-center p-2 mr-4'> <a className='inline-flex items-center p-2'>
<span className='text-xl text-black font-bold tracking-wide dark:text-white font-mono animate-heartbeat'> <span className='text-xl text-black font-bold tracking-wide dark:text-white font-mono animate-heartbeat'>
yude.jp yude.jp
</span> </span>
</a> </a>
</Link> </Link>
<div className="origin-top-right absolute right-0"> <div className="absolute right-0">
<ThemeSelector /> <ThemeSelector />
<LangSelector /> <LangSelector />
</div> </div>

2
pages/components/ThemeSelector.js
View File

@ -23,7 +23,7 @@ const Layout = (props) => {
} }
}; };
return ( return (
<button className="my-4 mx-3 text-2xl" onClick={switchTheme}> <button className="my-4 text-2xl" onClick={switchTheme}>
{theme === 'light' ? ( {theme === 'light' ? (
<span>🌙</span> <span>🌙</span>
) : ( ) : (

2
pages/house.js
View File

@ -10,7 +10,7 @@ export default function About(props) {
return ( return (
<Layout title={house}> <Layout title={house}>
<div className="mx-9"> <div>
<p className="my-2 text-3xl text-center">{house}</p> <p className="my-2 text-3xl text-center">{house}</p>
<iframe className="w-full h-96" src="https://mackerel.io/embed/public/embed/4mVIU29WCRVZgHUxQPzWsfXo953uxiAegbjDb83hTQ7szesCunwdpVkBIzhnLc9i?period=1d" frameborder="0" scrolling="no"></iframe> <iframe className="w-full h-96" src="https://mackerel.io/embed/public/embed/4mVIU29WCRVZgHUxQPzWsfXo953uxiAegbjDb83hTQ7szesCunwdpVkBIzhnLc9i?period=1d" frameborder="0" scrolling="no"></iframe>
</div> </div>

22
pages/profile.js
View File

@ -34,12 +34,12 @@ export default function About(props) {
return ( return (
<Layout title={about}> <Layout title={about}>
<div className="my-9 mx-8 text-center"> <div className="text-center">
{ {
// Heading // Heading
} }
<div className="mb-5 flex justify-center"> <div className="flex justify-center">
<div> <div>
<div className="z-50 transform translate-x-40 translate-y-48"> <div className="z-50 transform translate-x-40 translate-y-48">
<DiscordStatus /> <DiscordStatus />
@ -53,7 +53,7 @@ export default function About(props) {
unoptimized = {true} unoptimized = {true}
/> />
<p className="text-center text-4xl subpixel-antialiased">yude</p> <p className="text-4xl subpixel-antialiased">yude</p>
<DiscordPlaying /> <DiscordPlaying />
</div> </div>
</div> </div>
@ -61,7 +61,7 @@ export default function About(props) {
{ {
// Description // Description
} }
<div className="container mx-auto max-w-3xl"> <div>
<div className="text-left"> <div className="text-left">
<p className="text-2xl"><FontAwesomeIcon icon={faInfo} className="w-5 h-5 inline"/> {desc}</p> <p className="text-2xl"><FontAwesomeIcon icon={faInfo} className="w-5 h-5 inline"/> {desc}</p>
</div> </div>
@ -160,7 +160,7 @@ export default function About(props) {
} }
<div className="text-left my-6"> <div className="text-left my-6">
<p className="text-2xl"><FontAwesomeIcon icon={faKey} className="w-5 h-5 inline"/> {keys}</p> <p className="text-2xl"><FontAwesomeIcon icon={faKey} className="w-5 h-5 inline"/> {keys}</p>
<ul className="list-disc mx-5 my-2"> <ul className="list-disc my-2">
<li> <li>
<span className="font-bold">GPG&nbsp;</span> <span className="font-bold">GPG&nbsp;</span>
<Link href="/static/yudejp.gpg"> <Link href="/static/yudejp.gpg">
@ -170,8 +170,8 @@ export default function About(props) {
</a> </a>
</Link> </Link>
<p>{fingerprint}:</p> <p>{fingerprint}:</p>
<div className="w-full overflow-x-auto ..."> <div className="overflow-x-auto">
<div className="whitespace-nowrap ..."> <div className="whitespace-nowrap">
3745 F270 DB4E 8975 6B07 62BE EB0F E5D9 25C4 A968 3745 F270 DB4E 8975 6B07 62BE EB0F E5D9 25C4 A968
</div> </div>
</div> </div>
@ -185,8 +185,8 @@ export default function About(props) {
</a> </a>
</Link> </Link>
<p>{fingerprint}:</p> <p>{fingerprint}:</p>
<div className="w-full overflow-x-auto ..."> <div className="overflow-x-auto">
<div className="whitespace-nowrap ..."> <div className="whitespace-nowrap">
2048 SHA256:xwSL4DORWmroWdC6P0GU1m1yZl/cXqjo9rCCWqqO+Dc 2048 SHA256:xwSL4DORWmroWdC6P0GU1m1yZl/cXqjo9rCCWqqO+Dc
</div> </div>
</div> </div>
@ -199,9 +199,9 @@ export default function About(props) {
</div> </div>
</div> </div>
<Link href="https://scrapbox.io/yude/%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88"> <Link href="https://scrapbox.io/yude/%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88">
<button className="border border-transparent rounded-md shadow-sm text-sm font-medium mt-3 text-white bg-indigo-800 hover:bg-indigo-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 p-3 w-60">{more}</button> <button className="border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-800 hover:bg-indigo-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 p-3 w-60">{more}</button>
</Link> </Link>
<p className="mt-3 text-sm font-bold mb-2 text-gray-900 dark:text-gray-400">{icon_1}<Link href="https://twitter.com/xmnts"><a className="hover:underline">Minkasy {icon_2}</a></Link></p> <p className="mt-3 text-sm font-bold text-gray-900 dark:text-gray-400">{icon_1}<Link href="https://twitter.com/xmnts"><a className="hover:underline">Minkasy {icon_2}</a></Link></p>
</div> </div>
</Layout> </Layout>
) )

6
pages/status.js
View File

@ -16,7 +16,7 @@ export default function About(props) {
return ( return (
<Layout title={status}> <Layout title={status}>
<div className="my-9 mx-9 text-center"> <div className="my-9 text-center">
{ {
// Heading // Heading
} }
@ -33,7 +33,7 @@ export default function About(props) {
<div className="flex-1"><p className="font-bold">OS </p>Arch Linux</div> <div className="flex-1"><p className="font-bold">OS </p>Arch Linux</div>
<div className="flex-1"><p className="font-bold">{location} </p>{hiroshima}</div> <div className="flex-1"><p className="font-bold">{location} </p>{hiroshima}</div>
</div> </div>
<iframe className="w-full h-96" src="https://mackerel.io/embed/public/embed/heHnGhDanoIDlf7jjxUe9yPVrsG3deeH5ptD8suErrq5w46crWEIYdLfzLoukzfF?period=24h" height="400" className="w-2/3" frameBorder="0" scrolling="no"></iframe> <iframe className="w-full h-96" src="https://mackerel.io/embed/public/embed/heHnGhDanoIDlf7jjxUe9yPVrsG3deeH5ptD8suErrq5w46crWEIYdLfzLoukzfF?period=24h" height="400" frameBorder="0" scrolling="no"></iframe>
{ {
// raspberry Mackerel // raspberry Mackerel
@ -45,7 +45,7 @@ export default function About(props) {
<div className="flex-1"><p className="font-bold">OS </p>Raspbian GNU/Linux 10 (buster)</div> <div className="flex-1"><p className="font-bold">OS </p>Raspbian GNU/Linux 10 (buster)</div>
<div className="flex-1"><p className="font-bold">{location} </p>{tottori}</div> <div className="flex-1"><p className="font-bold">{location} </p>{tottori}</div>
</div> </div>
<iframe className="w-full h-96" src="https://mackerel.io/embed/public/embed/5HVbQiwuxrMithyrGjmmQCCOVgJ6Ptf94SDA2qWSTsh2rtz7pjePihYzaW5QEml4?period=24h" height="400" className="w-2/3" frameBorder="0" scrolling="no"></iframe> <iframe className="w-full h-96" src="https://mackerel.io/embed/public/embed/5HVbQiwuxrMithyrGjmmQCCOVgJ6Ptf94SDA2qWSTsh2rtz7pjePihYzaW5QEml4?period=24h" height="400" frameBorder="0" scrolling="no"></iframe>
</div> </div>

2
pages/tos.js
View File

@ -13,7 +13,7 @@ export default function Tos(props) {
const tos = t('tos') const tos = t('tos')
return( return(
<Layout title={tos}> <Layout title={tos}>
<div className="mx-9"> <div>
<ReactMarkdown plugins={[gfm]} children={input} /> <ReactMarkdown plugins={[gfm]} children={input} />
</div> </div>
</Layout> </Layout>