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'

136
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,80 +15,85 @@ 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 (
<div> <>
<article className='flex-row align-baseline'> <Head>
<p>❗👷 This site is under construction 🚧 🏗️ 🚧</p> <title>Triston Armstrong</title>
</article> </Head>
<div>
<article className='flex-row align-baseline'>
<p>❗👷 This site is under construction 🚧 🏗️ 🚧</p>
</article>
<br /> <br />
<header> <header>
<div className="flex-col gap-05"> <div className="flex-col gap-05">
<AlienHeader /> <AlienHeader />
<h1 className='m-0'>Triston Armstrong 🫰</h1> <h1 className='m-0'>Triston Armstrong 🫰</h1>
</div>
<p>
Full Stack Software Developer {' '}
<a target="_blank" href="https://ventrahealth.com">
@VentraHealth
</a>
</p>
<p className='font-muted'>
I am a self taught Full Stack Software Developer with an unhealthy addiction to solving
problems using code.
</p>
<hr />
</header>
<main className="">
<section>
<h4>🤹 Skills</h4>
<div className="flex gap-1" id="skills">
{skills.map(skill => <Skill key={skill.label} label={skill.label} link={skill.link} />)}
</div> </div>
</section>
<section> <p>
<h4>💼 Jobs</h4> Full Stack Software Developer {' '}
<div className="flex-col " id="jobs"> <a target="_blank" href="https://ventrahealth.com">
{jobs.map(job => <Job key={job.name} logo={job.logo} name={job.name} details={job.details} dateFrom={job.dateFrom} dateTo={job.dateTo} />)} @VentraHealth
</div> </a>
</section> </p>
<section> <p className='font-muted'>
<h4>🚧 Projects</h4> I am a self taught Full Stack Software Developer with an unhealthy addiction to solving
<div className='flex-col'> problems using code.
{projects.map(project => <ListItem key={project.label} label={project.label} date={project.date} url={project.url} />)} </p>
</div>
</section>
</main>
<footer className='flex-col flex-between gap-1 mt-4 '> <hr />
<div className='flex-row gap-1'> </header>
<a href="/notes" target="_blank" className='text-md font-muted font-bold'>🏃 Notes</a>
{'|'}
<a href="/playground" target="_blank" className='text-md font-muted font-bold'>🏃 Playground</a>
</div>
<div className='flex-row gap-1'> <main className="">
<UsefulLinksList /> <section>
</div> <h4>🤹 Skills <i className='font-muted'><small>(Click me to fast track to docs)</small></i></h4>
<div className="flex gap-1" id="skills">
{skills.map(skill => <Skill key={skill.label} label={skill.label} link={skill.link} />)}
</div>
</section>
<div style={{ margin: '10px 0' }} /> <section>
<h4>💼 Jobs</h4>
<div className="flex-col " id="jobs">
{jobs.map(job => <Job key={job.name} logo={job.logo} name={job.name} details={job.details} dateFrom={job.dateFrom} dateTo={job.dateTo} />)}
</div>
</section>
<div className='flex-row flex-between '> <section>
<h4>🚧 Projects</h4>
<div className='flex-col'>
{projects.map(project => <ListItem key={project.label} label={project.label} date={project.date} url={project.url} />)}
</div>
</section>
</main>
<footer className='flex-col flex-between gap-1 mt-4 '>
<div className='flex-row gap-1'> <div className='flex-row gap-1'>
<SocialLinksList /> <a href="/notes" target="_blank" className='text-md font-muted font-bold'>🏃 Notes</a>
{'|'}
<a href="/playground" target="_blank" className='text-md font-muted font-bold'>🏃 Playground</a>
</div> </div>
<small>©2023-2024 Triston Armstrong. All rights reserved.</small>
</div>
</footer> <div className='flex-row gap-1'>
</div > <UsefulLinksList />
</div>
<div style={{ margin: '10px 0' }} />
<div className='flex-row flex-between '>
<div className='flex-row gap-1'>
<SocialLinksList />
</div>
<small>©2023-2024 Triston Armstrong. All rights reserved.</small>
</div>
</footer>
</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>
</> </>
) )
} }