Photo by Lautaro Andreani on Unsplash
Deploying an application Run you project locally by
Download the source code from your StackBlitz project by clicking the Download Project icon in the left menu, across from Project, to download your project as a zip archive. or
Clone your Project from GitHub. To run your project locally, you need the following installed on your computer:
Node.js. The Angular CLI. From the terminal, install the Angular CLI globally with: npm install -g @angular/cli
Simple JavaScript Language Switcher, use javascript switch language. Photo by Markus Winkler on Unsplash after quite a bit of searching, I decided to create a naive one you can just fork it to use it simple demo jQuery Hide & Show At the first I thought I can use jQuery’s .hide() and .show() to achieve the result I want. First Naive Version HTML
SVG All-roundiFrame/ Object/ Embed
Have been searching for Kaggle profile card for long? Here is what you need to showcase your ML/DL achievements!
Example Kaggle Profile Summary Card (chienhsiang-hung.github.io)
SVG served in Markdown and HTML Markdown Just replace the YOURKAGGLEUSERNAME to yours (i.e. mine will be https://kaggle-card.chienhsiang-hung.eu.org/api/svg?chienhsianghung)
1  Then Copy and Paste to your Github README.md like mine
HTML 1 <img src="https://kaggle-card.chienhsiang-hung.eu.org/api/svg?YOURKAGGLEUSERNAME" alt="Hsiang's Kaggle Summary Card"> Then Copy and Paste to your website <body> section.
Photo by Yancy Min on Unsplash
Git — Downloading Package (git-scm.com) Installation. Next straight to the end of the process! Open the Git Command Prompt (Git Bash) Config to your GitHub. (e.g. mine will be)
$ git config --global user.name "YOUGITHUBUSERNAME"
$ git config --global user.email "Example@email.com"
Email please refer to Email settings (github.com)
(Because you have email privacy enabled, Example@email.com will be used for account-related notifications as well as password resets.
Span is an inline element. It has no width or height.
1 2 3 4 5 6 7 8 9 <div id='box' style=' background: black; border-radius: 15px; top: 4%; left: 2%; width: 96%; height: 94%; position: absolute; '><span style='color:white; width:100%; text-align:right;'>test</span></div> Things like this won’t work. You need to change the style of a span to something like below.
1 2 3 4 5 6 7 8 9 <div id='box' style=' background: black; border-radius: 15px; top: 4%; left: 2%; width: 96%; height: 94%; position: absolute; '><span style='color:white; width:100%; **display:inline-block;** text-align:right;'>test</span></div> And it worked!
Have been searching for Kaggle profile card for long? Here is what you need to showcase your ML/DL achievements!
iFrame Usage Just replace the YOURKAGGLEUSERNAME to yours (i.e. mine will be https://kaggle-card.chienhsiang-hung.eu.org/api/basic?chienhsianghung)
1 <iframe src="https://kaggle-card.chienhsiang-hung.eu.org/api/basic?YOURKAGGLEUSERNAME" width="100%" height="300" style="border:none; min-width: 800px;"></iframe> Then Copy and Paste to your website <body> section.
Example Kaggle Profile Summary Card (chienhsiang-hung.github.io)
Support It’s always appreciated if you would like to buy me a cofee to support this API.
