Skip to content

Instantly share code, notes, and snippets.

View joel-extremo's full-sized avatar

joel-extremo

View GitHub Profile
@joel-extremo
joel-extremo / program.rb
Created September 15, 2018 10:40
3.1: Meet Ruby
def greeting
puts "Please enter your name:"
name = gets.chomp
puts "Hello" + " " + name
end
greeting
@joel-extremo
joel-extremo / index.html
Last active September 15, 2018 03:53
2.12: Interactive Website
<!DOCTYPE html>
<html lang="en">
<head>
<title>CareerFoundry</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- CSS -->
<link href="//fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
@joel-extremo
joel-extremo / index.html
Last active September 12, 2018 03:34
2.12: Interactive Website
<!DOCTYPE html>
<html lang="en">
<head>
<title>CareerFoundry</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- CSS -->
<link href="//fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
@joel-extremo
joel-extremo / menu
Created September 7, 2018 14:41
heyy what's up dude!
<header>
<img id="logo" src="images/logo.png">
<nav>
<a href="">Technologies</a>
<a href="">Resume</a>
<a href="">Work</a>
<a href="">Contact</a>
</nav>
</header>
@joel-extremo
joel-extremo / index.html
Created September 4, 2018 12:09
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bugs Bunny</title>
<!-- Bootstrap core CSS -->
@joel-extremo
joel-extremo / index.html
Created September 4, 2018 00:47
2.10: Object Literals
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bugs Bunny</title>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
@joel-extremo
joel-extremo / index.html
Last active September 2, 2018 02:15
2.9: Arrays & More
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bugs Bunny</title>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
@joel-extremo
joel-extremo / index.html
Last active September 2, 2018 00:53
2.8: Conditional Statements
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bugs Bunny</title>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
@joel-extremo
joel-extremo / scripts.js
Last active September 1, 2018 23:01
2.7: Introduction to jQuery
$(function () {
// tootip
$('#item1').tooltip()
$('[data-toggle="tooltip"]').tooltip()
//change the color to the textarea
$('#message-box').css('background-color', 'lightgray')
// form submit
$('#submit-btn').on('click', function() {
@joel-extremo
joel-extremo / index.html
Created August 31, 2018 13:25
2.5: Better CSS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Portfolio</title>
<link rel="shortcut icon" type="image/x-icon" href="img/cf_logo_min_small_dark.ico"/>