innocuous-symmetry/about-mikayla
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improving layout

Browse Source 
:
This commit is contained in:
Mikayla Dobson
2022-04-01 13:57:45 -05:00
parent c8bdeea322
commit 0990590302
4 changed files with 138 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/pages/InProgress.js
View File

@@ -1,6 +1,25 @@
export default function InProgress() {
return (
<>
</>
<div className="In-Progress page">
<h1>Here are some of my current in-progress projects!</h1>
<div className="gallery">
<div className="card">
</div>
<div className="card">
</div>
<div className="card">
</div>
<div className="card">
</div>
<div className="card">
</div>
</div>
</div>
)
}

1
src/pages/Projects.js
View File

@@ -15,6 +15,7 @@ export default function Projects() {
<p>I also have experience with various technologies for connecting these to front-end applications, including Prisma and Supabase.</p>
</section>
<a href="/">Go home</a>
</>
)
}

87
src/pages/Technologies.js
View File

@@ -1,6 +1,89 @@
export default function Technologies() {
return (
<>
</>
<div className="Technologies page">
<h1>What technologies do I use?</h1>
<section>
<h2>These are my most often-used technologies:</h2>
<div className="card">
{/* React logo */}
<p>React</p>
</div>
<div className="card">
{/* Redux logo */}
<p>Redux</p>
</div>
<div className="card">
{/* Express logo */}
<p>Express</p>
</div>
<div className="card">
{/* Postgres logo */}
<p>PostgreSQL</p>
</div>
<div className="card">
{/* Supabase */}
<p>Supabase</p>
</div>
</section>
<section>
<h2>Here are some I use relatively often:</h2>
<div className="card">
{/* Mongo logo */}
<p>MongoDB</p>
</div>
<div className="card">
{/* Prisma */}
<p>Prisma</p>
</div>
<div className="card">
{/* Sass */}
<p>Sass</p>
</div>
<div className="card">
{/* Python */}
<p>Python</p>
</div>
<div className="card">
{/* Figma */}
<p>Figma</p>
</div>
</section>
<section>
<h2>And here are some things I'm working on learning:</h2>
<div className="card">
{/* TypeScript */}
<p>TypeScript</p>
</div>
<div className="card">
{/* C# / ASP.NET */}
<p>C# / ASP.NET</p>
</div>
<div className="card">
{/* Tailwind */}
<p>Tailwind CSS</p>
</div>
</section>
<a href="/">Home</a>
</div>
)
}

46
src/pages/Welcome.js
View File

@@ -1,22 +1,38 @@
export default function Welcome() {
return (
<>
<header className="landing-section">
</header>
<h1>Mikayla Dobson</h1>
<h2>Web Design Contractor</h2>
<div className="Welcome page">
<header className="landing-section">
</header>
<h3>Hi, my name is Mikayla! I'm a junior-level full stack web developer.</h3>
<p>I excel in building well-structured and maintainable web applications, managing algorithmic complexity, and adapting my workflow to fit the needs of any environment I should find myself in.</p>
<main>
<h1>Mikayla Dobson</h1>
<h2>Web Design Contractor</h2>
<h3>So, thanks for stopping by! Feel free to peruse below:</h3>
<div className="gallery">
<a href="/projects">What kinds of things do I do?</a>
<a href="/technologies">What do I use to do it?</a>
<a href="/in-progress">What am I learning about now?</a>
<a href="/links">Where can you find more about me and my work?</a>
<h3>Hi, my name is Mikayla! I'm a junior-level full stack web developer.</h3>
<p>I excel in building well-structured and maintainable web applications, managing algorithmic complexity, and adapting my workflow to fit the needs of any environment I should find myself in.</p>
<h3>So, thanks for stopping by! Feel free to peruse below:</h3>
<div className="gallery">
<div className="card">
<a href="/projects">What kinds of things do I do?</a>
</div>
<div className="card">
<a href="/technologies">What do I use to do it?</a>
</div>
<div className="card">
<a href="/in-progress">What projects am I working on now?</a>
</div>
<div className="card">
<a href="/links">Where can you find more about me and my work?</a>
</div>
</div>
</main>
</div>
</>
)
}