Code Monkey home page Code Monkey logo

samsite's Introduction

Samsite (WIP)

Hello, and welcome to the one and only Samsite.

This here is my portfolio website for both my coding projects and photography. It's a SvelteKit website made completely on my own to showcase some projects and photos. I was trying to go for a skeuomorphic design, which ends up being an actual portfolio.

For it, I made a typing animation component in Svelte for the typing effect. I'm hoping to extend this typing animation component to have a more general use in the future, but because of how Svelte handles classes, it may be trickier to do what I had in mind. That was being able to add classes to the children for things like coloring, font weights, font sizes, and text styling. I still hope to work on this, but because it's not a quick implementation, I'm choosing to continue on to get the website built before I revisit this.

Currently I'm working on adding a toml to printable resume component. This will allow you to make adjustments to the toml file to quickly rerender a resume. The end goal for this component is to make it always scale to one page, and allow for dynamic sections and details, which would allow this to be used by anyone in any field.

Both of these components were heavily inspired by this website, but with my own twist.

I'm still unsure about how I want the projects page to look.

For the photos page, I am looking into using three.js in combination with an imgur album to make some floating images that are held by strings and are affected by the gravity of the page. Which in my mind means when you scroll down they become weightless and bounce.

samsite's People

Contributors

ordinarilysam avatar

Watchers

 avatar

samsite's Issues

Create README.md

Create a descriptive readme with information about the site, as well as building and running locally.

Responsive design

At the moment, the design of the website is not responsive at all. At around 820 pixel width, the nav bar needs to be collapsed and the page needs an update.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.