index.html

<!DOCTYPE html>
<html lang="en">
<head>

    <title>Talal&#x27;s Zone</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="HandheldFriendly" content="True" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="stylesheet" type="text/css" href="/assets/built/screen.css?v=d008b209e2" />

    <meta name="description" content="Tech, Code and Ideas." />
    <link rel="canonical" href="http://talal.zone/" />
    <meta name="referrer" content="no-referrer-when-downgrade" />
    
    <meta property="og:site_name" content="Talal&#x27;s Zone" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Talal&#x27;s Zone" />
    <meta property="og:description" content="Tech, Code and Ideas." />
    <meta property="og:url" content="http://talal.zone/" />
    <meta property="og:image" content="http://talal.zone/content/images/2022/12/black-textured-paper-background_53876-143073.webp" />
    <meta property="article:publisher" content="https://www.facebook.com/ghost" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Talal&#x27;s Zone" />
    <meta name="twitter:description" content="Tech, Code and Ideas." />
    <meta name="twitter:url" content="http://talal.zone/" />
    <meta name="twitter:image" content="http://talal.zone/content/images/2022/12/black-textured-paper-background_53876-143073.webp" />
    <meta name="twitter:site" content="@ghost" />
    <meta property="og:image:width" content="2000" />
    <meta property="og:image:height" content="1333" />
    
    <script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "WebSite",
    "publisher": {
        "@type": "Organization",
        "name": "Talal&#x27;s Zone",
        "url": "http://talal.zone/",
        "logo": {
            "@type": "ImageObject",
            "url": "http://talal.zone/favicon.ico"
        }
    },
    "url": "http://talal.zone/",
    "image": {
        "@type": "ImageObject",
        "url": "http://talal.zone/content/images/2022/12/black-textured-paper-background_53876-143073.webp",
        "width": 2000,
        "height": 1333
    },
    "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "http://talal.zone/"
    },
    "description": "Tech, Code and Ideas."
}
    </script>

    <meta name="generator" content="Ghost 5.26" />
    <link rel="alternate" type="application/rss+xml" title="Talal&#x27;s Zone" href="http://talal.zone/rss/" />
    
    <script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.1/umd/sodo-search.min.js" data-key="ac9d5bd4fa60794d120585bc5e" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.1/umd/main.css" data-sodo-search="http://talal.zone/" crossorigin="anonymous"></script>
    <script defer src="/public/cards.min.js?v=d008b209e2"></script>
    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=d008b209e2">
    <script defer src="/public/comment-counts.min.js?v=d008b209e2" data-ghost-comments-counts-api="http://talal.zone/members/api/comments/counts/"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/brands.min.css" integrity="sha512-+oRH6u1nDGSm3hH8poU85YFIVTdSnS2f+texdPGrURaJh8hzmhMiZrQth6l56P4ZQmxeZzd2DqVEMqQoJ8J89A==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<!-- <style>
.gh-head {
    position: -webkit-sticky; /* Older Safari browsers */
    position: sticky; /* Most other modern browsers including Safari */
    top: 0;
    z-index: 4000;
}
</style> -->

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LK9W1DPMCW"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-LK9W1DPMCW');
</script>

<style>
    .share-block {
        margin-top: 8rem;
        text-align: center;
    }
    .share-block span {
        display: inline-block;
        font-weight: bold;
        margin-right: 1rem;
        font-size: 2rem;
    }
    .share-block a {
        display: inline-block;
        transition: all 0.3s;
        margin: 0 0.25rem;
    }
    .share-block a:hover {
        transform: scale(1.1);
    }
</style>

<style>
    .gh-head-menu .nav-twitter a,
    .gh-head-menu .nav-github a,
    .gh-head-menu .nav-linkedin a {
        font-size: 0 !important;
    }

    .gh-head-menu .nav-twitter a::before,
    .gh-head-menu .nav-github a::before,
    .gh-head-menu .nav-linkedin a::before {
        font-family: "Font Awesome 6 Brands";
        display: inline-block;
        font-size: 20px;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }

    .gh-head-menu .nav-twitter a::before {content: "\f099"}
    .gh-head-menu .nav-github a::before {content: "\f09b"}
    .gh-head-menu .nav-linkedin a::before {content: "\f08c"}
</style>

<style>
.reading-progress {
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 5px; /* Progress bar height */
  background: #c5d2d9; /* Progress bar background color */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; /* Hide default progress bar */
}

.reading-progress::-webkit-progress-bar {
  background-color: transparent;
}

.reading-progress::-webkit-progress-value {
  background: var(--ghost-accent-color); /* Progress bar color */
}
</style><style>:root {--ghost-accent-color: #091425;}</style>

</head>
<body class="home-template is-head-left-logo has-cover">
<div class="viewport">

    <header id="gh-head" class="gh-head outer">
        <div class="gh-head-inner inner">
            <div class="gh-head-brand">
                <a class="gh-head-logo no-image" href="http://talal.zone">
                        Talal&#x27;s Zone
                </a>
                <button class="gh-search gh-icon-btn" data-ghost-search><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" width="20" height="20"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></button>
                <button class="gh-burger"></button>
            </div>

            <nav class="gh-head-menu">
                <ul class="nav">
    <li class="nav-home nav-current"><a href="http://talal.zone/">Home</a></li>
    <li class="nav-github"><a href="https://github.com/talal830">Github</a></li>
    <li class="nav-linkedin"><a href="https://linkedin.com/in/talal830/">LinkedIn</a></li>
    <li class="nav-twitter"><a href="https://twitter.com">Twitter</a></li>
</ul>

            </nav>

            <div class="gh-head-actions">
                        <button class="gh-search gh-icon-btn" data-ghost-search><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" width="20" height="20"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></button>
            </div>
        </div>
    </header>

    <div class="site-content">
        
<div class="site-header-content outer">

            <img class="site-header-cover"
                srcset="/content/images/size/w300/2022/12/black-textured-paper-background_53876-143073.webp 300w,
                        /content/images/size/w600/2022/12/black-textured-paper-background_53876-143073.webp 600w,
                        /content/images/size/w1000/2022/12/black-textured-paper-background_53876-143073.webp 1000w,
                        /content/images/size/w2000/2022/12/black-textured-paper-background_53876-143073.webp 2000w"
                sizes="100vw"
                src="/content/images/size/w2000/2022/12/black-textured-paper-background_53876-143073.webp"
                alt="Talal&#x27;s Zone"
            />

        <div class="site-header-inner inner">
                    <h1 class="site-title">Talal&#x27;s Zone</h1>
                <p class="site-description">Tech, Code and Ideas.</p>
        </div>

</div>

<main id="site-main" class="site-main outer">
<div class="inner posts">

    <div class="post-feed">
            
<article class="post-card post featured keep-ratio">

    <a class="post-card-image-link" href="/mooncake/">

        <img class="post-card-image"
            srcset="/content/images/size/w300/2022/12/maxresdefault.jpeg 300w,
                    /content/images/size/w600/2022/12/maxresdefault.jpeg 600w,
                    /content/images/size/w1000/2022/12/maxresdefault.jpeg 1000w,
                    /content/images/size/w2000/2022/12/maxresdefault.jpeg 2000w"
            sizes="(max-width: 1000px) 400px, 800px"
            src="/content/images/size/w600/2022/12/maxresdefault.jpeg"
            alt="Mooncake: A simplistic validation language"
            loading="lazy"
        />


    </a>

    <div class="post-card-content">

        <a class="post-card-content-link" href="/mooncake/">
            <header class="post-card-header">
                <div class="post-card-tags">
                        <span class="post-card-featured"><svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M4.49365 4.58752C3.53115 6.03752 2.74365 7.70002 2.74365 9.25002C2.74365 10.6424 3.29678 11.9778 4.28134 12.9623C5.26591 13.9469 6.60127 14.5 7.99365 14.5C9.38604 14.5 10.7214 13.9469 11.706 12.9623C12.6905 11.9778 13.2437 10.6424 13.2437 9.25002C13.2437 6.00002 10.9937 3.50002 9.16865 1.68127L6.99365 6.25002L4.49365 4.58752Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg> Featured</span>
                </div>
                <h2 class="post-card-title">
                    Mooncake: A simplistic validation language
                </h2>
            </header>
                <div class="post-card-excerpt">Validating objects in code is an important part of almost every other project. Having gone through significantly large code bases where objects easily get more complex over time. The conventional validation methods can grow even more verbose, less scalable and maintainable.

The conventional methods usually comprise of several conditional checks,</div>
        </a>

        <footer class="post-card-meta">
            <time class="post-card-meta-date" datetime="2021-01-21">Jan 21, 2021</time>
                <span class="post-card-meta-length">3 min read</span>
                <script
    data-ghost-comment-count="63a8dd8a6c1e0dc0f8f1b283"
    data-ghost-comment-count-empty=""
    data-ghost-comment-count-singular="comment"
    data-ghost-comment-count-plural="comments"
    data-ghost-comment-count-tag="span"
    data-ghost-comment-count-class-name=""
    data-ghost-comment-count-autowrap="true"
>
</script>
        </footer>

    </div>

</article>
            
<article class="post-card post tag-deeplearning tag-nlp tag-semantic-errors tag-code-fix keep-ratio">

    <a class="post-card-image-link" href="/fixing-semantic-errors-via-deep-learning/">

        <img class="post-card-image"
            srcset="/content/images/size/w300/2022/12/1_goFgCUHprcroxSLZvROjpg.jpeg 300w,
                    /content/images/size/w600/2022/12/1_goFgCUHprcroxSLZvROjpg.jpeg 600w,
                    /content/images/size/w1000/2022/12/1_goFgCUHprcroxSLZvROjpg.jpeg 1000w,
                    /content/images/size/w2000/2022/12/1_goFgCUHprcroxSLZvROjpg.jpeg 2000w"
            sizes="(max-width: 1000px) 400px, 800px"
            src="/content/images/size/w600/2022/12/1_goFgCUHprcroxSLZvROjpg.jpeg"
            alt="Fixing Semantic Errors via Deep Learning"
            loading="lazy"
        />


    </a>

    <div class="post-card-content">

        <a class="post-card-content-link" href="/fixing-semantic-errors-via-deep-learning/">
            <header class="post-card-header">
                <div class="post-card-tags">
                        <span class="post-card-primary-tag">DeepLearning</span>
                </div>
                <h2 class="post-card-title">
                    Fixing Semantic Errors via Deep Learning
                </h2>
            </header>
                <div class="post-card-excerpt">writing in progress...</div>
        </a>

        <footer class="post-card-meta">
            <time class="post-card-meta-date" datetime="2020-12-19">Dec 19, 2020</time>
                <script
    data-ghost-comment-count="63a8f7966c1e0dc0f8f1b2ad"
    data-ghost-comment-count-empty=""
    data-ghost-comment-count-singular="comment"
    data-ghost-comment-count-plural="comments"
    data-ghost-comment-count-tag="span"
    data-ghost-comment-count-class-name=""
    data-ghost-comment-count-autowrap="true"
>
</script>
        </footer>

    </div>

</article>
            
<article class="post-card post keep-ratio">

    <a class="post-card-image-link" href="/data-governance/">

        <img class="post-card-image"
            srcset="/content/images/size/w300/2022/12/data-governance.png 300w,
                    /content/images/size/w600/2022/12/data-governance.png 600w,
                    /content/images/size/w1000/2022/12/data-governance.png 1000w,
                    /content/images/size/w2000/2022/12/data-governance.png 2000w"
            sizes="(max-width: 1000px) 400px, 800px"
            src="/content/images/size/w600/2022/12/data-governance.png"
            alt="Data Governance in Apache Spark using Apache Atlas"
            loading="lazy"
        />


    </a>

    <div class="post-card-content">

        <a class="post-card-content-link" href="/data-governance/">
            <header class="post-card-header">
                <div class="post-card-tags">
                </div>
                <h2 class="post-card-title">
                    Data Governance in Apache Spark using Apache Atlas
                </h2>
            </header>
                <div class="post-card-excerpt">writing in progress...</div>
        </a>

        <footer class="post-card-meta">
            <time class="post-card-meta-date" datetime="2020-12-10">Dec 10, 2020</time>
                <script
    data-ghost-comment-count="63a8f6036c1e0dc0f8f1b2a1"
    data-ghost-comment-count-empty=""
    data-ghost-comment-count-singular="comment"
    data-ghost-comment-count-plural="comments"
    data-ghost-comment-count-tag="span"
    data-ghost-comment-count-class-name=""
    data-ghost-comment-count-autowrap="true"
>
</script>
        </footer>

    </div>

</article>
            
<article class="post-card post no-image keep-ratio">


    <div class="post-card-content">

        <a class="post-card-content-link" href="/using-software-product-lines-spl-in-gaming-backends/">
            <header class="post-card-header">
                <div class="post-card-tags">
                </div>
                <h2 class="post-card-title">
                    Using Software Product Lines (SPL) in Gaming Backends
                </h2>
            </header>
                <div class="post-card-excerpt">writing in progress...</div>
        </a>

        <footer class="post-card-meta">
            <time class="post-card-meta-date" datetime="2020-11-30">Nov 30, 2020</time>
                <script
    data-ghost-comment-count="63a8f8a16c1e0dc0f8f1b2b9"
    data-ghost-comment-count-empty=""
    data-ghost-comment-count-singular="comment"
    data-ghost-comment-count-plural="comments"
    data-ghost-comment-count-tag="span"
    data-ghost-comment-count-class-name=""
    data-ghost-comment-count-autowrap="true"
>
</script>
        </footer>

    </div>

</article>
    </div>

    <nav class="pagination">
    <span class="page-number">Page 1 of 1</span>
</nav>


</div>
</main>

    </div>

    <footer class="site-footer outer">
        <div class="inner">
            <section class="copyright"><a href="http://talal.zone">Talal&#x27;s Zone</a> &copy; 2022</section>
            <nav class="site-footer-nav">
                <ul class="nav">
    <li class="nav-latest-posts nav-current"><a href="http://talal.zone/">Latest Posts</a></li>
</ul>

            </nav>
            <div><a href="https://ghost.org/" target="_blank" rel="noopener">Ghost</a></div>
        </div>
    </footer>

</div>


<script
    src="https://code.jquery.com/jquery-3.5.1.min.js"
    integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
    crossorigin="anonymous">
</script>
<script src="/assets/built/casper.js?v=d008b209e2"></script>
<script>
$(document).ready(function () {
    // Mobile Menu Trigger
    $('.gh-burger').click(function () {
        $('body').toggleClass('gh-head-open');
    });
    // FitVids - Makes video embeds responsive
    $(".gh-content").fitVids();
});
</script>


<!-- Go to www.addthis.com/dashboard to customize your tools -->
<!--<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-63a8d4178f9ecb5a"></script>-->

</body>
</html>