website for morbidlyocheese handle (think linktr.ee)
within the /src/components is where the page's content is located. the HomePage.vue component is where you can change the page's content. the structure is the usual for vue.js, use their documentation for more information.
this assumes you have already cloned the repo to your local machine.
- run in terminal:
npm install- installs dependencies
- run in terminal:
npm run serve- hosts the website on local machine
- navigate to
http://localhost:8080/to view the page
.
├── babel.config.js
├── node_modules
├── dist
├── images
│ └── doc-images
│ ├── moc-website.png
│ └── whole page.png
├── jsconfig.json
├── package.json
├── package-lock.json
├── public
│ ├── android-chrome-192x192.png
│ ├── android-chrome-512x512.png
│ ├── apple-touch-icon.png
│ ├── favicon-16x16.png
│ ├── favicon-32x32.png
│ ├── favicon.ico
│ ├── index.html
│ └── site.webmanifest
├── README.md
├── src
│ ├── App.vue
│ ├── assets
│ │ ├── background.png
│ │ └── logo_cowbert.png
│ ├── components
│ │ ├── ComicNav.vue
│ │ └── HomePage.vue
│ └── main.js
└── vue.config.js
7 directories, 22 files
- design wireframe of site
- find color palette
- figure out framework/library to use
- to handle webcomic things
- create links for each platform
- redbubble
- discord
- portfolio
- resume
- trello
- github
- tiktok
- twitch
- youtube
- coolors
- displaying last tweet on home page -> mostly for notification of stream changes
- ways to display images and such for the webcomic -> look into frameworks/apis
- Vue.js
- HTML
- CSS
- JavaScript
- Visual Studio Code
- tree
- display the folder/file structure
- Netlify
- site host
- CSS Color Filter Generator
- color filter for links
- Google Fonts
- Coolors
- color palette
