Skip to content

Commit

Permalink
re-arrange project order
Browse files Browse the repository at this point in the history
  • Loading branch information
@telestrial
telestrial committed Feb 29, 2024
1 parent 63f4e38 commit 4dc0a07
Showing 1 changed file with 82 additions and 82 deletions.
164 changes: 82 additions & 82 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -312,102 +312,60 @@ <h1 class="section__title">
<div class="projects__container">
<div class="projects__card">
<div class="projects__image">
<a href="https://angularmail.vercel.app/" target="_blank">
<img
sizes="(max-width: 1176px) 100vw, 1176px"
srcset="
img/angularmail_zkly3t_c_scale,w_200.png 200w,
img/angularmail_zkly3t_c_scale,w_1176.png 1176w
"
src="img/angularmail_zkly3t_c_scale,w_1176.png"
alt="Ledgerline screenshot"
/>
</a>
</div>
<div class="projects__info">
<span class="projects__tag">Angular</span>
<span class="projects__tag">Typescript</span>
<span class="projects__tag">Semantic UI</span>
<div class="projects__description">
<p>
Angular Mail is a MVP email app written in Angular. It was
created while working through Stephen Grider's Complete Angular
Bootcamp and features the ability to sign up, login, and send
and recieve emails, including replies. It uses Semantic UI for
styling.
</p>
</div>
</div>
</div>
<div class="projects__card">
<div class="projects__image">
<a href="https://ledgerline.herokuapp.com/" target="_blank">
<a href="https://markdown-code-demo.vercel.app/" target="_blank">
<img
sizes="(max-width: 1400px) 100vw, 1400px"
srcset="
img/portfolio_ledgerline_dmewtd_c_scale,w_200.png 200w,
img/portfolio_ledgerline_dmewtd_c_scale,w_1400.png 1400w
img/portfolio_jsx_fwzreu_c_scale,w_200.png 200w,
img/portfolio_jsx_fwzreu_c_scale,w_1400.png 1400w
"
src="img/portfolio_ledgerline_dmewtd_c_scale,w_1400.png"
alt="Ledgerline screenshot"
src="img/portfolio_jsx_fwzreu_c_scale,w_1400.png"
alt="JSX Notebook screenshot"
/>
</a>
</div>
<div class="projects__info">
<span class="projects__tag">MongoDB</span>
<span class="projects__tag">Express</span>
<span class="projects__tag">React</span>
<span class="projects__tag">Node</span>
<span class="projects__tag">GridJS</span>
<span class="projects__tag">Typescript</span>
<span class="projects__tag">Redux</span>
<span class="projects__tag">ESBuild</span>
<span class="projects__tag">Prettier</span>
<div class="projects__description">
<p>
Ledgerline is an inventory management app designed for music
programs--band, orchestra, and choir. It facilitates the
record-keeping associated with a music library, instrument
inventory, and classes of students. Future development goals
could include authentication for separate databases, admin view
and student helper roles, schema expansion for database
customization, and ownership in one-to-many, student-to-items
relationships.
The JSX Notebook is a jupyter-like app that allows for users to
dynamically import any library from the NPM library and view the
result of their code in (nearly) real-time, capitalizing on
ESBuild's blazing fast transpilation.
</p>
</div>
</div>
</div>
<div class="projects__card">
<div class="projects__image">
<a
href="https://aqueous-citadel-80395.herokuapp.com/"
target="_blank"
>
<a href="https://angularmail.vercel.app/" target="_blank">
<img
sizes="(max-width: 1400px) 100vw, 1400px"
sizes="(max-width: 1176px) 100vw, 1176px"
srcset="
img/portfolio_yelpcamp_pakt3f_c_scale,w_200.png 200w,
img/portfolio_yelpcamp_pakt3f_c_scale,w_468.png 468w,
img/portfolio_yelpcamp_pakt3f_c_scale,w_657.png 657w,
img/portfolio_yelpcamp_pakt3f_c_scale,w_834.png 834w,
img/portfolio_yelpcamp_pakt3f_c_scale,w_1004.png 1004w,
img/portfolio_yelpcamp_pakt3f_c_scale,w_1144.png 1144w,
img/portfolio_yelpcamp_pakt3f_c_scale,w_1233.png 1233w,
img/portfolio_yelpcamp_pakt3f_c_scale,w_1400.png 1400w
img/angularmail_zkly3t_c_scale,w_200.png 200w,
img/angularmail_zkly3t_c_scale,w_1176.png 1176w
"
src="img/portfolio_yelpcamp_pakt3f_c_scale,w_1400.png"
alt="Yelpcamp screenshot"
src="img/angularmail_zkly3t_c_scale,w_1176.png"
alt="Ledgerline screenshot"
/>
</a>
</div>
<div class="projects__info">
<span class="projects__tag">MongoDB</span>
<span class="projects__tag">Express</span>
<span class="projects__tag">Node</span>
<span class="projects__tag">EJS</span>
<span class="projects__tag">MapBox</span>
<span class="projects__tag">Angular</span>
<span class="projects__tag">Typescript</span>
<span class="projects__tag">Semantic UI</span>
<div class="projects__description">
<p>
Yelpcamp is the final challenge project in Colt Steele's
Complete Web Developer Bootcamp. It allows authenticated users
to submit campsites, look at their placement on a world map, and
leave reviews of other campgrounds.
Angular Mail is a MVP email app written in Angular. It was
created while working through Stephen Grider's Complete Angular
Bootcamp and features the ability to sign up, login, and send
and recieve emails, including replies. It uses Semantic UI for
styling.
</p>
</div>
</div>
Expand Down Expand Up @@ -479,31 +437,73 @@ <h1 class="section__title">
</div>
<div class="projects__card">
<div class="projects__image">
<a href="https://markdown-code-demo.vercel.app/" target="_blank">
<a href="https://ledgerline.herokuapp.com/" target="_blank">
<img
sizes="(max-width: 1400px) 100vw, 1400px"
srcset="
img/portfolio_jsx_fwzreu_c_scale,w_200.png 200w,
img/portfolio_jsx_fwzreu_c_scale,w_1400.png 1400w
img/portfolio_ledgerline_dmewtd_c_scale,w_200.png 200w,
img/portfolio_ledgerline_dmewtd_c_scale,w_1400.png 1400w
"
src="img/portfolio_jsx_fwzreu_c_scale,w_1400.png"
alt="JSX Notebook screenshot"
src="img/portfolio_ledgerline_dmewtd_c_scale,w_1400.png"
alt="Ledgerline screenshot"
/>
</a>
</div>
<div class="projects__info">
<span class="projects__tag">MongoDB</span>
<span class="projects__tag">Express</span>
<span class="projects__tag">React</span>
<span class="projects__tag">Node</span>
<span class="projects__tag">Typescript</span>
<span class="projects__tag">Redux</span>
<span class="projects__tag">ESBuild</span>
<span class="projects__tag">Prettier</span>
<span class="projects__tag">GridJS</span>
<div class="projects__description">
<p>
The JSX Notebook is a jupyter-like app that allows for users to
dynamically import any library from the NPM library and view the
result of their code in (nearly) real-time, capitalizing on
ESBuild's blazing fast transpilation.
Ledgerline is an inventory management app designed for music
programs--band, orchestra, and choir. It facilitates the
record-keeping associated with a music library, instrument
inventory, and classes of students. Future development goals
could include authentication for separate databases, admin view
and student helper roles, schema expansion for database
customization, and ownership in one-to-many, student-to-items
relationships.
</p>
</div>
</div>
</div>
<div class="projects__card">
<div class="projects__image">
<a
href="https://aqueous-citadel-80395.herokuapp.com/"
target="_blank"
>
<img
sizes="(max-width: 1400px) 100vw, 1400px"
srcset="
img/portfolio_yelpcamp_pakt3f_c_scale,w_200.png 200w,
img/portfolio_yelpcamp_pakt3f_c_scale,w_468.png 468w,
img/portfolio_yelpcamp_pakt3f_c_scale,w_657.png 657w,
img/portfolio_yelpcamp_pakt3f_c_scale,w_834.png 834w,
img/portfolio_yelpcamp_pakt3f_c_scale,w_1004.png 1004w,
img/portfolio_yelpcamp_pakt3f_c_scale,w_1144.png 1144w,
img/portfolio_yelpcamp_pakt3f_c_scale,w_1233.png 1233w,
img/portfolio_yelpcamp_pakt3f_c_scale,w_1400.png 1400w
"
src="img/portfolio_yelpcamp_pakt3f_c_scale,w_1400.png"
alt="Yelpcamp screenshot"
/>
</a>
</div>
<div class="projects__info">
<span class="projects__tag">MongoDB</span>
<span class="projects__tag">Express</span>
<span class="projects__tag">Node</span>
<span class="projects__tag">EJS</span>
<span class="projects__tag">MapBox</span>
<div class="projects__description">
<p>
Yelpcamp is the final challenge project in Colt Steele's
Complete Web Developer Bootcamp. It allows authenticated users
to submit campsites, look at their placement on a world map, and
leave reviews of other campgrounds.
</p>
</div>
</div>
Expand Down

0 comments on commit 4dc0a07

Please sign in to comment.