Skip to content

Commit

Permalink
Merge branch 'dev'
Browse files Browse the repository at this point in the history
  • Loading branch information
@zapbampow
zapbampow committed Jul 13, 2023
2 parents 2cd72c5 + 4feffab commit f701e78
Show file tree
Hide file tree
Showing 3 changed files with 76 additions and 43 deletions.
103 changes: 62 additions & 41 deletions app/routes/_index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,6 @@ import styles from "~/styles/claytoningalls.com-old/index.css";
import profilePicture from "~/images/profile-picture.jpg";
import { Link } from "@remix-run/react";

console.log("styles", styles);

export const links: LinksFunction = () => {
return [
{
Expand All @@ -18,7 +16,7 @@ export const links: LinksFunction = () => {
},
{
rel: "stylesheet",
href: "https://cdn.rawgit.com/konpa/devicon/df6431e323547add1b4cf45992913f15286456d3/devicon.min.css",
href: "https://cdn.jsdelivr.net/gh/devicons/devicon@v2.15.1/devicon.min.css",
},
{
rel: "stylesheet",
Expand Down Expand Up @@ -65,7 +63,8 @@ export default function Index() {
"a priest",
"a weirdo",
"a 9 on the Enneagram",
"an INTJ",
"a gardener",
"a disc golfer",
];

if (i < arr.length - 1) {
Expand Down Expand Up @@ -183,8 +182,8 @@ export default function Index() {

<p>
In additon to coding, I'm a Nashville native, but live just
outside of Atlanta. And I'm{" "}
<span id="about-me">{aboutMeText}</span>.
outside of Atlanta. <br />
And I'm <span id="about-me">{aboutMeText}</span>.
</p>
</div>
</div>
Expand All @@ -196,10 +195,13 @@ export default function Index() {
<div className="row content-section" id="skills">
<div className="container">
<div className="col-12 section-title text-center">
<h1>Skills</h1>
<h1>Stuff I've Work With</h1>
</div>
<div className="row">
<div className="col-12 text-center">
<div
className="col-12 mx-auto flex flex-wrap justify-center text-center"
style={{ maxWidth: "700px" }}
>
<span
className="devicon-html5-plain devi-size"
data-toggle="tooltip"
Expand All @@ -213,49 +215,57 @@ export default function Index() {
data-placement="top"
></span>
<span
className="devicon-javascript-plain devi-size"
className="devicon-bootstrap-plain devi-size"
data-toggle="tooltip"
title="JavaScript"
title="Bootstrap"
data-placement="top"
></span>
<span
className="devicon-jquery-plain devi-size"
className="devicon-tailwindcss-plain devi-size"
data-toggle="tooltip"
title="jQuery"
title="Tailwind"
data-placement="top"
></span>
<span
className="devicon-bootstrap-plain devi-size"
className="devicon-git-plain devi-size"
data-toggle="tooltip"
title="Bootstrap"
title="Git and GitHub"
data-placement="top"
></span>
</div>
</div>
<div className="row">
<div className="col-12 text-center">
<span
className="devicon-github-plain devi-size"
className="devicon-javascript-plain devi-size"
data-toggle="tooltip"
title="Git and GitHub"
title="JavaScript"
data-placement="top"
></span>
<span
className="devicon-react-original-wordmark devi-size"
className="devicon-typescript-plain devi-size"
data-toggle="tooltip"
title="Typescript"
data-placement="top"
></span>
<span
className="devicon-react-original devi-size"
data-toggle="tooltip"
title="React"
data-placement="top"
></span>
<span
className="devicon-nodejs-plain devi-size"
className="devicon-nextjs-original devi-size"
data-toggle="tooltip"
title="NodeJS"
title="NextJS"
data-placement="top"
></span>
<span
className="devicon-mongodb-plain devi-size"
className="devicon-svelte-plain devi-size"
data-toggle="tooltip"
title="MongoDB"
title="Svelte"
data-placement="top"
></span>
<span
className="devicon-nodejs-plain devi-size"
data-toggle="tooltip"
title="NodeJS"
data-placement="top"
></span>
<span
Expand Down Expand Up @@ -349,13 +359,23 @@ export default function Index() {
React, in partnership with sprint teams, and help maintain the
existing codebase.
</p>
<ul className="project-list">
<li>
I completed a mission critical new frontend for our login
flow.
</li>{" "}
<li>
I built out the UI for recurring payments features as well
as adding payments UI to various features throught the app.
</li>{" "}
<li>
I was trusted with completing a key new registration feature
with strategic implications.
</li>
</ul>
<p>
I'm particularly proud of completing a mission critical new
frontend for our login flow and adding a UI for recurring
payments to our payments and donation features. I also fixed a
persnickety bug that was caused when React interacted with our
legacy app, which has made the smoothness and stability of our
overall app much better.
I'm often leaned on to finish out projects that have been
struggling to get across the finish line.
</p>
</div>
</div>
Expand Down Expand Up @@ -384,9 +404,10 @@ export default function Index() {
</p>

<p>
I built proof of concept apps in Next and Remix to help the
organization explore moving their core application to
serverside React with a Salesforce backend.
<strong>The Role: </strong>I built proof of concept apps in
Next and Remix to help the organization explore moving their
core application to serverside React with a Salesforce
backend.
</p>
<p>
I massively improved the developer experience by refactoring
Expand Down Expand Up @@ -423,9 +444,9 @@ export default function Index() {
<strong>Sep 2018 - Sep 2021</strong>
</p>
<p>
<strong>The Role: </strong> I build new product features with
React, in partnership with sprint teams, and help maintain the
existing codebase.
<strong>The Role: </strong> I built new product features with
React, in partnership with sprint teams, and helped maintain
the existing codebase.
</p>
<p>
I replaced a legacy application with React and Material UI to
Expand All @@ -435,16 +456,16 @@ export default function Index() {
<p>
I designed and built an internal staff site for the sharing
and requesting of resources with React, Form.io, and custom
CSS..
CSS.
</p>
<p>
I led the implementation of notifications and universal links
in our React Native app
</p>
<p>
I partnered with coworker to develop the table structures and
API endpoints for a contact management feature in our mobile
app using React and Knex.
I partnered with a co-worker to develop the table structures
and API endpoints for a contact management feature in our
mobile app using React and Knex.
</p>
<p>
I worked with a client to develop an executable Node
Expand Down
8 changes: 7 additions & 1 deletion app/styles/claytoningalls.com-old/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -88,7 +88,8 @@ body {

.section-title h1 {
font-size: 4em;
text-decoration: underline;
display: inline-block;
border-bottom: 4px solid black;
}

/* Skills */
Expand Down Expand Up @@ -149,4 +150,9 @@ hr {
#work hr {
margin-top: 4rem;
margin-bottom: 4rem;
}

.project-list {
list-style: disc outside none;
margin-left: 1rem;
}
8 changes: 7 additions & 1 deletion app/styles/tailwind.css
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/*
! tailwindcss v3.3.1 | MIT License | https://tailwindcss.com
! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
*/

/*
Expand Down Expand Up @@ -436,6 +436,9 @@ video {
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
Expand Down Expand Up @@ -483,6 +486,9 @@ video {
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
Expand Down

0 comments on commit f701e78

Please sign in to comment.