Marcus Zierke marcuszierke
marcuszierke
/ contributeWebsite.html
Last active
October 19, 2017 17:23
First FreeCodeCamp Project - Crate a Contribute Website
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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 --> |
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.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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
/ 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.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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
/ 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.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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"); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Free Code Camp Pomodora Clock</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"> | |
| <audio id="buzzer" src="http://codingtutorials360.com/14244764.mp3" type="audio/mpeg"></audio> | |
| <audio id="buzzer2" src="paused.wav" type="audio/mpeg"></audio> | |
| <style type="text/css"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>FCC Simon Game</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"> | |
| <style type="text/css"> | |
| body { | |
| background-color: beige; |
marcuszierke
/ ticTacToe.html
Created
October 31, 2017 18:03
Another Free Code Camp challenge to code the Tic Tac Toe game
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Free Code Camp - Tic Tac Toe Game</title> | |
| <link rel="stylesheet" type="text/css" href="bootstrap.min.css"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css"> | |
| <link rel="stylesheet" type="text/css" href="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.12/themes/redmond/jquery-ui.css"> | |
| <style type="text/css">< | |
| body { | |
| background-color: white; |
OlderNewer