Skip to content

Instantly share code, notes, and snippets.

@marcuszierke
marcuszierke / twitchTV.html
Last active October 19, 2017 17:46
Free Code Camp - TwitchTV
<html>
<head>
<meta charset="utf-8">
<title>Twitch.tv - Viewer</title>
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<style type="text/css">
<link href="https://fonts.googleapis.com/css?family=Catamaran" rel="stylesheet">
@marcuszierke
marcuszierke / wikipediaViewer.html
Last active October 19, 2017 17:43
As part of the FreeCodeCamp (FCC) I was suppose to create a wikipedia viewer with Ajax and jQuery.
<!DOCTYPE html>
<html>
<head>
<title>Wikipedia Viewer</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
<style>
@marcuszierke
marcuszierke / calculator.html
Last active October 19, 2017 17:28
HTML code for a JS Calculator
<html>
<head>
<meta charset="utf-8">
<title>Free Code Camp Calculator</title>
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=OswaldPrompt" rel="stylesheet">
<style type="text/css">
body {
background-image: url("http://www.marvelbuilding.com/wp-content/uploads/2012/11/version-37-of-Artistic-Wallpaper-in-Unrepeated-Raw-Concrete-Pattern.jpg");
@marcuszierke
marcuszierke / localWeatherApp.html
Last active October 19, 2017 17:26
The challenge was to create a local weather app which shows the local weather after clicking a button with the temperature, description of the weather and the name of the location.
<html>
<head>
<meta charset="utf-8">
<title>Weather App</title>
<link rel="stylesheet" href="weather-icons-master/css/weather-icons.css">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<style>
body {
background-color: white;
@marcuszierke
marcuszierke / randomQuoteMachine.html
Last active October 19, 2017 17:24
Create a random quote machine that returns a new quote whenever you press the button and makes it possible to tweet it as well.
<html>
<head>
<title>Random Quote Machine</title>
<!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">-->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<style>
body {
background: black;
@marcuszierke
marcuszierke / contributeWebsite.html
Last active October 19, 2017 17:23
First FreeCodeCamp Project - Crate a Contribute Website
<html lang="en-US">
<head>
<title>Elon Musk - A tribute Page</title>
<link rel="stylesheet" href="style.css" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
</head>
<body>
<div class="crop-img"><img src="https://wallpaperscraft.com/image/elon_musk_spacex_boca_chica_village_104321_1920x1080.jpg" alt="Image showing Elon Musk" /></div>
<div class="caption">Elon Musk is aiming to reduce global warming through sustainable energy production and consumption, and reducing the "risk of human extinction" by "making life multi-planetary" and setting up a human colony on Mars.</div>
<div class="content">
@marcuszierke
marcuszierke / portfolioPage.html
Last active May 22, 2017 19:51
portfolioPage.html
<html lang="en-US">
<head>
<title>Portfolio Page - Marcus Zierke</title>
<link rel="stylesheet" href="style.css" />
<script src="https://use.fontawesome.com/fae79db71d.js"></script>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<!-- Navigation Bar -->