https://github.com/sandravizz/shinrin-yoku

Svelte experiment to create personal webpage about shinrin-yoku (forest bathing)
https://github.com/sandravizz/shinrin-yoku

gsap-library gsap-scrolltrigger svelte sveltekit

Last synced: 18 days ago
JSON representation

Svelte experiment to create personal webpage about shinrin-yoku (forest bathing)

• Host: GitHub
• URL: https://github.com/sandravizz/shinrin-yoku
• Owner: sandravizz
• Created: 2024-02-07T17:41:34.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-09T18:02:40.000Z (5 months ago)
• Last Synced: 2025-02-18T01:26:02.066Z (4 months ago)
• Topics: gsap-library, gsap-scrolltrigger, svelte, sveltekit
• Language: Svelte
• Homepage:
• Size: 10.6 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Shinrin-yoku

## Objective 

In this project I combine two things on the one hand I want to create a  webpage using Svelte and on the other hand as I'm offering Shinrin-yoku (forest bathing) in Lisbon, I would like to offer the general information in the webapge format. 

## Structure 

As a template I use SvelteKit and the page route concept included in the component header. Contentwise the page offeres 3 layers: 

### Home 

Langing page and general information and desgin plus links. 

![Home](src/lib/assets/1.png)

**to do** 

- adding whatsicon to join group instead of github 

- check similar webpages what they usally show in the home

### About 

Explanation of some of the main terms and their meaning put into images. 

![About](src/lib/assets/2.png)

**to do** 

- general explanation text about forst bathing

- fixing style changes that happened when integrating in the svelte page.  

- choose images and term to explain 

- check how to integrate more images

 

### Events 

General description of the events as well as showing current events thtough API. 

![Events](src/lib/assets/3.png)

**to do** 

- Add a general event description from the meet-up page 

- change style of current event information shown 

Made with :green_heart:  by [sandraviz](https://www.sandraviz.com/)

Follow me: [twitter](https://twitter.com/SandraCrypto), [vis.social](https://vis.social/@sb_42), [linkedin](https://www.linkedin.com/in/sandradataviz/) and  [youtube](https://www.youtube.com/@sandraviz3403)