ivanmirandastavenuiter / bazz-seismic-website-project

Web site for artist Bazz Seismic

Bass Seismic Website Official

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

Introduction

---

[ 📰 ]

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

Links

---

[ 👇 ]

Application is temporarily deployed at heroku. In the future, hosting will be private.

Give it a look here:

• https://bass-seismic.herokuapp.com/

Tooling

---

[ 🔧 ]

Tool	Go
Angular
Vime Player
Npm
Autoprefixer
Heroku
Docker
SCSS

Run it

---

[ 🏃 ]

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 to last 4 version. This ensures higher compatibility with all browsers)

Credits

---

[ 👷 ]

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

License

---

[ ❗ ]

MKNA Devs ©

---

mkna devs  ·  GitHub @ivanmirandastavenuiter  ·  Twitter @im_stavenuiter