The repo for official website of Bass Seismic. He is an artist from Málaga and actually, pretty cool. You should check it.
It has nothing special. Nope! It's a joke. It's quite nice, beautiful and functional.
Current status is a placeholder, which means that a few aspects are temporary and will change. Like, for example, color palettes, images, audios and similar.
Introduction • Links • Tooling • Run it • Credits • License
[ 📰 ]
A website done for artist Bass Seismic. Made with angular. No need for server side implementation.
Nicest features:
- 4 sections: Home, Gallery, Music, Contact
- Music player
- Responsive full design
- Strong usage of absolute / relative positioning to achieve style requirements
[ 👇 ]
Application is temporarily deployed at heroku. In the future, hosting will be private.
Give it a look here:
[ 🔧 ]
Tool | Go |
---|---|
Angular | |
Vime Player | |
Npm | |
Autoprefixer | |
Heroku | |
Docker | |
SCSS |
[ 🏃 ]
You can run the application with the classic npm run start
.
Application is containerized with docker and an out-of-the-box nginx server. Configuration is really simple.
FROM node:16.0.0-alpine as node
WORKDIR /usr/src/bass-app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build
# Stage 2
FROM nginx
COPY ./nginx.conf /etc/nginx/conf.d/default.conf
RUN rm -rf /usr/share/nginx/html/*
COPY --from=node /usr/src/bass-app/dist/bass-seismic-angular /usr/share/nginx/html
ENV PORT=${PORT:-4200}
CMD sed -i -e 's/$PORT/'"$PORT"'/g' /etc/nginx/conf.d/default.conf && nginx -g 'daemon off;'
Extra stuff:
- Run
npm run autoprefixer
to set automatic vendor prefixes into your css. This is reaaally cool (set .browserslistrc tolast 4 version
. This ensures higher compatibility with all browsers)
[ 👷 ]
I owe - a lot - to pinterest artists, especially in regards to design. I took the inspiration from the following ones:
Artist | Source design |
---|---|
Наталья Тузовская | music-design |
Mellene Templates | contact-design |
??? | home-design |
Dribbble | home-design-2 |
Nick Nyxson | home-design-3 |
[ ❗ ]
MKNA Devs ©
mkna devs · GitHub @ivanmirandastavenuiter · Twitter @im_stavenuiter