tristonarmstrong/XeNote
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

move files around

Browse Source
This commit is contained in:
Triston Armstrong 2024-01-14 14:03:45 -06:00
parent 52fcce33e6
commit 01959f7cb1
11 changed files with 76 additions and 93 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/UsefulLinks/UsefulLink.js
View File

@ -1,4 +1,4 @@
import ExternalLinkIcon from "../ExternalLinkIcon.js"; import ExternalLinkIcon from "../portfolio/ExternalLinkIcon.js";
export function UsefulLink({ title, link }) { export function UsefulLink({ title, link }) {
return ( return (

2
components/UsefulLinks/UsefulLinks.js
View File

@ -1,4 +1,4 @@
import ListItem from "../ListItem" import ListItem from "../portfolio/ListItem"
import { UsefulLink } from "./UsefulLink" import { UsefulLink } from "./UsefulLink"
export function UsefulLinksList() { export function UsefulLinksList() {

0
components/AlienHeader.tsx → components/portfolio/AlienHeader.tsx
View File

0
components/ExternalLinkIcon.js → components/portfolio/ExternalLinkIcon.js
View File

0
components/Job.tsx → components/portfolio/Job.tsx
View File

0
components/ListItem.tsx → components/portfolio/ListItem.tsx
View File

0
components/Skill.tsx → components/portfolio/Skill.tsx
View File

0
components/alien_styles.css → components/portfolio/alien_styles.css
View File

2
pages/_app.tsx
View File

@ -1,6 +1,6 @@
import '../styles/global.css' import '../styles/global.css'
import '../styles/prism.css' import '../styles/prism.css'
import '../components/alien_styles.css' import '../components/portfolio/alien_styles.css'
import type { AppProps } from 'next/app' import type { AppProps } from 'next/app'
import type { HomeProps } from './notes' import type { HomeProps } from './notes'
import React from 'react' import React from 'react'

16
pages/index.tsx
View File

@ -1,10 +1,11 @@
import Job, { type JobProps } from '../components/Job' import Job, { type JobProps } from '../components/portfolio/Job'
import Skill, { type SkillProps } from '../components/Skill' import Skill, { type SkillProps } from '../components/portfolio/Skill'
import ListItem, { type ListItemProps } from '../components/ListItem' import ListItem, { type ListItemProps } from '../components/portfolio/ListItem'
import { UsefulLinksList } from '../components/UsefulLinks/index' import { UsefulLinksList } from '../components/UsefulLinks/index'
import { SocialLinksList } from '../components/SocialLinks/SocialLinks' import { SocialLinksList } from '../components/SocialLinks/SocialLinks'
import type { GetStaticProps } from 'next' import type { GetStaticProps } from 'next'
import AlienHeader from 'components/AlienHeader' import AlienHeader from 'components/portfolio/AlienHeader'
import Head from 'next/head'
interface LandingProps { interface LandingProps {
jobs: JobsType[] jobs: JobsType[]
@ -14,6 +15,10 @@ interface LandingProps {
export default function Landing({ jobs, skills, projects }: LandingProps): React.JSX.Element { export default function Landing({ jobs, skills, projects }: LandingProps): React.JSX.Element {
return ( return (
<>
<Head>
<title>Triston Armstrong</title>
</Head>
<div> <div>
<article className='flex-row align-baseline'> <article className='flex-row align-baseline'>
<p>❗👷 This site is under construction 🚧 🏗️ 🚧</p> <p>❗👷 This site is under construction 🚧 🏗️ 🚧</p>
@ -45,7 +50,7 @@ export default function Landing({ jobs, skills, projects }: LandingProps): React
<main className=""> <main className="">
<section> <section>
<h4>🤹 Skills</h4> <h4>🤹 Skills <i className='font-muted'><small>(Click me to fast track to docs)</small></i></h4>
<div className="flex gap-1" id="skills"> <div className="flex gap-1" id="skills">
{skills.map(skill => <Skill key={skill.label} label={skill.label} link={skill.link} />)} {skills.map(skill => <Skill key={skill.label} label={skill.label} link={skill.link} />)}
</div> </div>
@ -88,6 +93,7 @@ export default function Landing({ jobs, skills, projects }: LandingProps): React
</footer> </footer>
</div > </div >
</>
) )
} }

27
pages/playground/index.tsx
View File

@ -7,31 +7,8 @@ export default function Home() {
<title>🛝 Playground</title> <title>🛝 Playground</title>
</Head> </Head>
<div> <h1>Playground</h1>
<Head> <article>I may play with some ideas here</article>
<body className="bg-[radial-gradient(ellipse_at_top_right,_var(--tw-gradient-stops))] from-gray-600 to-gray-900 " />
</Head>
<div className="parent min-h-screen grid grid-cols-23 grid-rows-22 gap-5 p-10 scale-75">
<div className="shadow-xl rounded-lg [grid-area:1_/_1_/_14_/_6] bg-white bg-opacity-5 border border-t-gray-400 border-r-gray-500 border-l-transparent border-b-transparent "> </div>
<div className="shadow-xl rounded-lg [grid-area:14_/_1_/_17_/_6] bg-white bg-opacity-5 border border-t-gray-400 border-r-gray-500 border-l-transparent border-b-transparent"> </div>
<div className="shadow-xl rounded-lg [grid-area:1_/_6_/_8_/_12] bg-white bg-opacity-5 border border-t-gray-400 border-r-gray-500 border-l-transparent border-b-transparent"> </div>
<div className="shadow-xl rounded-lg [grid-area:1_/_12_/_8_/_18] bg-white bg-opacity-5 border border-t-gray-400 border-r-gray-500 border-l-transparent border-b-transparent"> </div>
<div className="shadow-xl rounded-lg [grid-area:17_/_1_/_21_/_10] bg-white bg-opacity-5 border border-t-gray-400 border-r-gray-500 border-l-transparent border-b-transparent"> </div>
<div className="shadow-xl rounded-lg [grid-area:21_/_1_/_23_/_10] bg-white bg-opacity-5 border border-t-gray-400 border-r-gray-500 border-l-transparent border-b-transparent"> </div>
<div className="shadow-xl rounded-lg [grid-area:17_/_18_/_23_/_24] bg-white bg-opacity-5 border border-t-gray-400 border-r-gray-500 border-l-transparent border-b-transparent"> </div>
<div className="shadow-xl rounded-lg [grid-area:12_/_18_/_17_/_24] bg-white bg-opacity-5 border border-t-gray-400 border-r-gray-500 border-l-transparent border-b-transparent"> </div>
<div className="shadow-xl rounded-lg [grid-area:7_/_18_/_12_/_24] bg-white bg-opacity-5 border border-t-gray-400 border-r-gray-500 border-l-transparent border-b-transparent"> </div>
<div className="shadow-xl rounded-lg [grid-area:1_/_18_/_7_/_24] bg-white bg-opacity-5 border border-t-gray-400 border-r-gray-500 border-l-transparent border-b-transparent"> </div>
<div className="shadow-xl rounded-lg [grid-area:8_/_6_/_17_/_18] bg-white bg-opacity-5 border border-t-gray-400 border-r-gray-500 border-l-transparent border-b-transparent"> </div>
<div className="shadow-xl rounded-lg [grid-area:17_/_10_/_23_/_18] bg-white bg-opacity-5 border border-t-gray-400 border-r-gray-500 border-l-transparent border-b-transparent"> </div>
</div>
<div className="p-10 flex gap-4 bg-white">
<div className="bg-sky-50 transition-all duration-500 hover:w-36 hover:bg-sky-500 w-20 h-20 shadow-lg hover:shadow-sky-300 rounded-full" />
<div className="bg-red-50 transition-all duration-500 hover:w-36 hover:bg-red-500 w-20 h-20 shadow-lg hover:shadow-red-300 rounded-full" />
<div className="bg-purple-50 transition-all duration-500 hover:w-36 hover:bg-purple-500 w-20 h-20 shadow-lg hover:shadow-purple-300 rounded-full" />
</div>
</div>
</> </>
) )
} }