Business Card

This repository is my personal business card. Feel free to reuse this as a template for your own card but please refer back to me. With GitHub you can Present yourself easily and without a fee, as you can setup an account and use their hosting service.

SignUp/Register on GitHub to get to your profile
Create a repository with the name: "YOURUSERNAME.github.io" (YOURUSERNAME is a placeholder for your own username!)
Upload or create your Webfiles in the newly created repository. As GitHub only provides static content keep it simple with HTML, CSS and JS

People love it when something moves and changes it's shape, so use the power of CSS and JS to create an interactive and rememberable portfolio.

NEW: VUE can now generate your complete pages from only a single file with all entries ever needed. Never could be easier. Only change one file to change all texts, icons and links.

Vue

The new Version is build with VUE. Very similar to Angular you will get easy into it.

You can find all source files in /nuxt

Synthwave design based on inegoita Codepen
Background Music by Three Chain Links - Die Historic
Soundeffects by Soundbible

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn generate
$ yarn start

# generate static project
$ yarn generate

GitHub Actions

With .github/workflow/cd.yml there is a github action implemented. With every push to your repository a new build is generated and served on the branch gh-pages. Go in your repository settings and change your Pages source from master branch to gh-pages branch.

Angular

This page is completely build in Angular 9. Even if you are new to programming or webdevelopment this is a realy easy start to get to simple goals really fast. All development files for this static site are in the "source" folder. Install all necassaries you need for Angular and start an command line tool to start up. Here's a list of commands:

ng serve: Starts the development server on your localhost machine. Wait for compiling and navigate to http://localhost:4200/ on your machine. The app will automatically reload if you change any of the source files.
ng build: Compiles and builds the whole angular project. The build artifacts will be stored in the dist/ directory (can be changed in the 'angular.json'). Use the --prod flag for a production build.
ng generate component component-name: run to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.
ng help: To get more help on the Angular CLI or go check out the Angular CLI README.

You can find all source files in /angular

Angular Material

Material Design components for Angular. Fully tested across modern browsers. Built by the Angular team to integrate seamlessly with Angular.

Bootstrap (with jQuery)

Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins. Website

Ask if you have questions and have fun!

3.6 KiB Raw Permalink Blame History Unescape Escape