Skip to content

Instantly share code, notes, and snippets.

// Twitter
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
// Google Map
function initMap() {
var myLatLng = {lat: 52.4483653, lng: 4.8176345};
var map = new google.maps.Map(document.getElementById('map'), {
center: myLatLng,
zoom: 14
});
var marker = new google.maps.Marker({
// Facebook
window.fbAsyncInit = function() {
FB.init({
appId : '325668981568930',
autoLogAppEvents : true,
xfbml : true,
version : 'v3.0'
});
};
// Facebook
window.fbAsyncInit = function() {
FB.init({
appId : '325668981568930',
autoLogAppEvents : true,
xfbml : true,
version : 'v3.0'
});
};
// Facebook
window.fbAsyncInit = function() {
FB.init({
appId : '325668981568930',
autoLogAppEvents : true,
xfbml : true,
version : 'v3.0'
});
};
// Document ready exercise 2.9
$(document).ready(function(){
// $(".message-box").css("border", "2px solid red");
// Work sections
for (var i = 0; i < works.length; ++i) {
$("#work").append("\
<div class='col-6 col-md-4 col-lg-3'>\
<a href='#' class='work-img'>\
<img class='img-responsive' src='" + works[i].pic + "'>\
<span class='info'><p class='proj-title'>Title:</p> works[i].title </span>\
var works = [
{
title: "Rubik's Webite",
pic: "img/work1.jpg"
},
{
title: "Careerfoundry Dashboard",
pic: "img/work2.jpg"
},
{
// Facebook
window.fbAsyncInit = function() {
FB.init({
appId : '325668981568930',
autoLogAppEvents : true,
xfbml : true,
version : 'v3.0'
});
};
// Facebook
window.fbAsyncInit = function() {
FB.init({
appId : '325668981568930',
autoLogAppEvents : true,
xfbml : true,
version : 'v3.0'
});
};
// Facebook
window.fbAsyncInit = function() {
FB.init({
appId : '325668981568930',
autoLogAppEvents : true,
xfbml : true,
version : 'v3.0'
});
};
body {
position: relative;
background-image: url("../img/wild-sea.png");
}
* {
font-family: Fahkwang, Futura, Helvetica, Trebuchet, sans-serif;
}
/* Jumbotron styling */
.top-image {
position: relative;