https://github.com/magnetrwn/magnetrwn.github.io

WIP of my personal portfolio. Floating icons in a background canvas, with gravity wells generated on click. Dynamic content loading with an animated page explorer structure.
https://github.com/magnetrwn/magnetrwn.github.io

ajax canvas interactive javascript

Last synced: 4 days ago
JSON representation

WIP of my personal portfolio. Floating icons in a background canvas, with gravity wells generated on click. Dynamic content loading with an animated page explorer structure.

• Host: GitHub
• URL: https://github.com/magnetrwn/magnetrwn.github.io
• Owner: magnetrwn
• Created: 2023-09-05T10:37:04.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-29T22:31:54.000Z (about 1 year ago)
• Last Synced: 2023-10-29T23:29:12.185Z (about 1 year ago)
• Topics: ajax, canvas, interactive, javascript
• Language: HTML
• Homepage: https://magnetrwn.github.io/
• Size: 152 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# My Personal Portfolio

### Fully written in Javascript from scratch, without external libraries.

This is still a WIP, so there isn't a detailed README yet.

Tailwind CSS is being used for styling the entire project. An important detail of difference between the `/static` and `/app` folders is that the `/app` folder contains Tailwind CSS, which might require being transformed into CSS later on.

## Directories

There are a few directories in this mainly static project, including:

+ `/app` → All client-side app logic and HTML with Tailwind CSS classes

+ `/static` → All data and images, including JSON static configuration

Since this is meant to be served over a client-only service such as GitHub Pages, there is no back-end of any sort.

## Effects

+ Floating objects background, interactive with `PointerEvent`

+ Terminal-like and typewritten front message main section

+ Large explorer icons (from MingCute open-source collection)