<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="Gabriel Dzsurdzsa - Web Developer">
<meta name="generator" content="Hugo 0.87.0">
<title>Gabriel Dzsurdzsa - Web Developer</title>
<link rel="icon" href="media/Gabriel_Coder_Icon_124.png">
<link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/jumbotron/">
<!-- Bootstrap core CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
<link href="./style/main.css" rel="stylesheet" />
<script src="https://use.fontawesome.com/92dd15191e.js"></script>
<!--SCRIPTS
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" crossorigin="anonymous" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"></script>-->
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js" integrity="sha384-xrRywqdh3PHs8keKZN+8zzc5TX0GRTLCcmivcbNJWm2rs5C8PRhcEn3czEjhAO9o" crossorigin="anonymous"></script>
<script src="./js/objects.js" type="text/javascript"></script>
<script src="./js/main.js" type="text/javascript"></script>
<script src="./js/resume.js" type="text/javascript"></script>
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
</style>
</head>
<body>
<div class="cover text-center">
<img src="./media/movingtrain.gif" alt="loading...">
</div>
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v11.0" nonce="C2Ss1XaQ"></script>
<main role="main">
<div class="container py-4">
<header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
<img src="./media/Gabriel_Coder_Icon_124.png" class="me-2" alt="Gabriel Icon" style="width: 50px; height: auto;">
<span class="fs-4">Gabriel Dzsurdzsa - Developer</span>
</a>
<ul class="nav nav-pills">
<li class="nav-item"><a href="./default.html" class="nav-link active" aria-current="page">Home</a></li>
<li class="nav-item"><a href="" target="_blank" class="nav-link">Resume</a></li>
<li class="nav-item"><a href="./Certifications.html" class="nav-link">Certifications</a></li>
<li class="nav-item"><a href="mailto:" class="nav-link"><i class="fa fa-envelope"></i></a></li>
<li class="nav-item"><a href="tel:" class="nav-link"><i class="fa fa-mobile"></i></a></li>
</ul>
</header>
<div class="p-5 mb-4 bg-primary rounded-3">
<div class="container-fluid py-5">
<h1 class="display-5 fw-bold"><i class="fa fa-code"></i> Forever a coder</h1>
<p class="col-md-8 fs-4">Cleaner code, faster deliveries, improved SLAs, better communication, all fueled by a passion to write solutions to common, everyday business problems.</p>
<br/>
<button onclick="window.open('https://linkedin.com/in/gabriel-dzsurdzsa/', '_blank')" class="btn btn-outline-light btn-lg" type="button"><i class="fa fa-linkedin"></i> Learn more</button>
</div>
</div>
<div class="row align-items-md-stretch">
<div class="col-md-6 extra-top">
<div class="h-100 p-5 text-white winbackground rounded-3">
<h2>Experience</h2>
<p>Documentation detailing my experience and skills.</p>
<button onclick="window.open('https://1drv.ms/w/s!Ar2_wZMUdGgGgtdHNLDiZ_96-zyCeg?e=dy5j7y', '_blank')" class="btn btn-outline-light extra-top" type="button"><i class="fa fa-file"></i> Resume</button>
<button onclick="window.open('./Certifications.html', '_self')" class="btn btn-outline-light extra-top" type="button"><i class="fa fa-graduation-cap"></i> Certifications</button>
<br/><br/>
<h2>About</h2>
<p id="bio"></p>
<button id="connectButton" class="btn btn-outline-light"><i class="fa fa-facebook"></i> <i class="fa fa-comment"></i> Connect</button>
</div>
</div>
<div class="col-md-6 extra-top">
<div class="h-100 p-5 bg-light border rounded-3">
<h2>GitHub</h2>
<p>Updates, commits, current projects on GitHub.</p>
<div class="">
<progress class="bg-success" id="loader" value="0" max="100"></progress>
<div class="row" id="main" class="list-group">
</div>
<div id="notify">Loading GitHub Repos...</div>
</div> <br/>
<button onclick="window.open('https://github.com/GabrielDzsurdzsa?tab=repositories', '_blank')" class="btn btn-outline-secondary" type="button"><i class="fa fa-github"></i> View all on GitHub</button>
</div>
</div>
<div id="ConnectMessage" class="col-md-12 extra-top text-center"><br/>
<h2><i class="fa fa-facebook"></i></h2>
<div class="fb-comments" data-href="http://resume.gabrielcoder.ca/default.html" data-width="" data-numposts="5">This rendering is not supported!</div
</div>
</div>
<footer class="pt-3 mt-4 text-muted border-top">
<p>© GabrielCoder <span id="copyright_year"></span>. Built using <a href="https://getbootstrap.com/" target="_blank">Bootstrap</a>, <a href="https://jquery.com/" target="_blank">JQuery</a>, <a href="https://fontawesome.com/" target="_blank">FontAwesome</a>, <a href="https://developers.facebook.com/docs/plugins/comments" target="_blank">Facebook Comments Plugins</a> & <a href="https://docs.github.com/en/rest/guides/getting-started-with-the-rest-api" target="_blank">GitHub Api</a>.</p>
</footer>
</div>
</main>
<script>
$(document).ready(function() {
$("#connectButton").click(function(){
$("#ConnectMessage").toggle(2000);
})
$(".cover").fadeOut("slow");
})
</script>
</body>
</html>
<script>
//switch to asynchronous solution in next release
document.addEventListener("DOMContentLoaded", function (event) {
//get data
if (sessionStorage.length <= 0) {
request("GET", XGitHubUsrURI, false);
request("GET", XGitHubReposURI, false);
//request("GET", XLinkEdInOAUTH, true);
//request("GET", XGitHubActivityURI, false)
//request("GET", XLinkedInAPIURI, true);
//show progress
progress();
//console.log("gotten!");
}
else {
//request("GET", XLinkedInAPIURI, true);
loader.style.display = "none";
main.style.display = "flex";
}
for (var key in sessionStorage) {
//console.log(key + " = " + get(key));
switch (key) {
case "bio":
//bio.innerHTML = get(key);
case "html_url":
//my_github.href = get(key);
//case "email":
//if (key == "email" && get(key) != "null") {
//my_email.href = "mailto:" + get(key);
//}
case "public_repos":
var no_repos = parseInt(get(key));
if (no_repos > 0) {
for (var i = 1; i <= no_repos; i++) {
var name = get("name_" + i);
var description = get("description_" + i);
var html_url = get("html_url_" + i);
var svn_url = get("url_" + i);
var updated_at = get("updated_at_" + i);
var bkg = "#007bff"; //random_bg_color();
var txt_col = "#ffffff"; //random_bg_color();
array.push(name);
array.push(html_url);
array.push(updated_at.substring(0,10));
array.push(description);
array.push(bkg);
array.push(txt_col);
array.push(svn_url);
request_prefab(main, array);
//needs to be cleared out after each push series
array = [];
}
}
}
}
//set footer date
copyright_year.innerHTML = (new Date()).getFullYear();
})
//were delivering the template statically here.
function request_prefab(container, array) {
var data = '<a target="_blank" style="border: 0" href="html_url" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true"><i class="fa fa-github-alt"></i> <div class="d-flex gap-2 w-100 justify-content-between"><div><h6 class="mb-0">name</h6><p class="mb-0 opacity-75">updated_at</p></div></div></a>';
for (var key in replacer_keys) {
var oldKey = replacer_keys[key];
var newKey = array[key];
data = data.replace(oldKey, newKey);
}
container.innerHTML += data;
}
function request(type, url, flag) {
var xhttp = new XMLHttpRequest();
xhttp.onload = function () {
if (this.status == 200 && this.responseText != null) {
var data = parse(xhttp.responseText);
for (var item in data) {
if (data.length == null) {
add(item, data[item]);
//console.log(data[item]);
}
else if (data.length > 1) {
inc += 1;
for (var key in data[item]) {
add(key + "_" + inc, data[item][key]);
}
}
}
}
}
xhttp.open(type, url, flag);
if (flag) {
//xhttp.withCredentials = true;
xhttp.setRequestHeader('grant_type', XGrantTypeCode);
xhttp.setRequestHeader('client_id', XLinkEdInCID);
xhttp.setRequestHeader('client_secret', XLinkedInCS);
}
else {
//xhttp.setRequestHeader('username', XGitHubOTP);
}
xhttp.send();
}
function log(message) {
console.log(message);
}
function parse(data) {
return JSON.parse(data);
}
function add(key_name, key_value) {
sessionStorage.setItem(key_name, key_value);
}
function get(key_name) {
var item = sessionStorage.getItem(key_name);
return item;
}
function clear() {
for (var item in sessionStorage) {
sessionStorage.removeItem(item);
}
}
function random_bg_color() {
var x = Math.floor(Math.random() * 256);
var y = Math.floor(Math.random() * 256);
var z = Math.floor(Math.random() * 256);
var bgColor = "rgb(" + x + "," + y + "," + z + ")";
return bgColor;
}
function progress() {
var progressbar = loader,
max = progressbar.max,
time = (1000 / max) * 5,
value = progressbar.value;
var loading = function () {
value += 1;
progressbar.value = value;
if (value == max) {
clearInterval(animate);
progressbar.style.display = "none";
main.style.display = "flex";
notify.style.display = "none";
}
else {
notify.style.display = "block";
}
};
var animate = setInterval(function () {
loading();
}, time);
}
</script>