KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #ai-agents #developer-tools #codex #claude-code #mcp #rust #deepseek-harness #typescript #ai-agent #cli

Portfolio2021

★ 65 Open GitHub ↗

Portfolio Site including links to my projects and ways to get in contact with me.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Portfolio-2021 : <a target="_blank" href="https://www.shawncharles.com">Visit Here</a>

### Portfolio Site including links to my projects and ways to get in contact with me.

## Tech used: ![HTML5 BADGE](https://img.shields.io/static/v1?label=|&message=HTML5&color=23555f&style=plastic&logo=html5)![CSS BADGE](https://img.shields.io/static/v1?label=|&message=CSS3&color=285f65&style=plastic&logo=css3)![JAVASCRIPT BADGE](https://img.shields.io/static/v1?label=|&message=JAVASCRIPT&color=3c7f5d&style=plastic&logo=javascript)

My learning was focused on making a simple UI and a smooth UX, and have a seasonal animation for dark-mode.

## Optimizations

When I improve this project, I would start by updating the spring and summer animation of rain and fireflies. Currently have fall and winter finished just need to add the other too into the Date checker. Would also like to add some javascript to add gifs to front page.

## Lessons Learned:

Separation of Concerns. Realized how much easier it is to add css animations than to add custom javascript to change hover interactions

## More Projects

<table bordercolor="#66b2b2">
  
  <tr>
    <td width="33.3%"  style="align:center;" valign="top">
<a target="_blank" href="https://github.com/CharlesCreativeContent/Demo-Day">Travelara.org</a>
        <br />
      <a target="_blank" href="https://github.com/CharlesCreativeContent/Demo-Day">
            <img src="https://github.com/CharlesCreativeContent/CharlesCreativeContent/raw/main/images/gif1.gif" width="100%"  alt="Travelara.org"/>
        </a>
    </td>
    <td width="33.3%" valign="top">
<a target="_blank" href="https://github.com/CharlesCreativeContent/Rigley2-FlappyBug">Rigley2-"FlappyBug"</a>
      <br />
        <a target="_blank" href="https://github.com/CharlesCreativeContent/Rigley2-FlappyBug">
          <img src="https://github.com/CharlesCreativeContent/CharlesCreativeContent/raw/main/images/gif2.gif" width="100%" alt="Rigley2-'FlappyBug'"/>
        </a>
    </td>
    <td width="33.3%" valign="top">
<a target="_blank" href="https://github.com/CharlesCreativeContent/matching-card-game">Matching Card Game</a>
        <br />
        <a target="_blank" href="https://github.com/CharlesCreativeContent/matching-card-game">
          <img src="https://github.com/CharlesCreativeContent/CharlesCreativeContent/raw/main/images/gif3.gif" width="100%" alt="Matching Card Game"/>
        </a>
    </td>
  </tr>
</table>

Portfolio2021

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README