290 lines
11 KiB
HTML
290 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<!---
|
|
Spaghetti Base Redesign
|
|
-->
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
<title>About</title>
|
|
<meta name="description" content="All about Spaghetti-san Project
|
|
">
|
|
<meta name="google-site-verification" content="WWP0tS0N_Dm8-FTd9oqyZta0oRCDYUFy24R7zSm06Vs" />
|
|
<meta name="msvalidate.01" content="779064655F047D704FFFD2122C3591F3" />
|
|
<link rel="stylesheet" href="/assets/css/alternative.css">
|
|
<link href="//cdnjs.cloudflare.com/ajax/libs/typicons/2.0.7/typicons.min.css" rel="stylesheet">
|
|
<link href="//cdnjs.cloudflare.com/ajax/libs/octicons/3.4.1/octicons.min.css" rel="stylesheet">
|
|
|
|
<link rel="canonical" href="http://spaghetti.ga/about.html">
|
|
<link rel="alternate" type="application/rss+xml" title="Spaghetti-san Blog" href="http://spaghetti.ga/feed.xml">
|
|
</head>
|
|
|
|
|
|
<Body>
|
|
|
|
<header class="site-header">
|
|
<div class="wrapper">
|
|
<div class="pacel "><div class="pace-progress" data-progress-text="100%" data-progress="99" style="transform: translate3d(100%, 0px, 0px);">
|
|
<div class="pace-progress-inner"></div>
|
|
</div>
|
|
<div class="pace-activity"></div></div>
|
|
<a id="route" class="site-title" href="/">Paul Walko</a>
|
|
|
|
<nav class="site-nav">
|
|
<a href="#" class="menu-icon">
|
|
<svg viewBox="0 0 18 15">
|
|
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
|
|
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
|
|
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
|
|
</svg>
|
|
</a>
|
|
|
|
<div class="trigger">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a id="route" class="page-link" href="/about.html">About</a>
|
|
|
|
|
|
|
|
|
|
|
|
<a id="route" class="page-link" href="/archive.html">Archive</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a id="route" class="page-link" href="/project.html">Projects</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="page-link" href="/tags/#writeup">Writeups</a>
|
|
<a class="page-link" href="http://spaghetti.ga/feed.xml"> Feeds</a>
|
|
<a class="page-link" href="http://github.com/paulwalko?tab=repositories"><i class="octicon octicon-mark-github" style="font-size:"></i></a>
|
|
</div>
|
|
</nav>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
|
|
<div class="page-content">
|
|
<div class="wrapper">
|
|
<div class="row">
|
|
<div class="large-7 columns samping">
|
|
<div style="margin-top: 0;
|
|
position: relative;
|
|
padding-bottom: 1rem;
|
|
/* border-bottom: #636363 1px solid; */
|
|
word-wrap: break-word;
|
|
background: #3E3E3E;
|
|
padding: 32px 20px;
|
|
border-bottom-left-radius: 5px;
|
|
border-bottom-right-radius: 5px;">
|
|
<img src="https://avatars2.githubusercontent.com/u/8794792?v=3&s=180" style="border-radius:10px">
|
|
|
|
|
|
<br><br>
|
|
I am Axl, an UI Designer, Front End Developer, Illustrator, and of course Anime and Visual Novel lovers from Indonesia.
|
|
Living in Jakarta, and studied at Bina Sarana Informatika.
|
|
I love my work and enjoy each new project as I get it.
|
|
By the way i'm just a freelance and work a project at home with only laptop and figurine beside my laptop.
|
|
<br>
|
|
<br>
|
|
|
|
Feel free to contact me on <a href="https://www.facebook.com/profile.php?id=100007594726461">Facebook</a>, don't be hesitate to ask, also you can add me :))
|
|
<br>
|
|
<br>
|
|
To be honest, my english are really bad, so I'll ready to start learning english by writing an article in English also :)
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="large-4 columns">
|
|
<div class="widgetnya">
|
|
<h1 class="page-heading">Search</h1>
|
|
<div class="badanwidget" style="width:0">
|
|
<input type="text" placeholder="Type here to search..." id="countries"/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="widgetnya">
|
|
<h1 class="page-heading">Tags</h1>
|
|
|
|
<div class="badanwidget">
|
|
<ul class="tags" style="padding-bottom: 20px;">
|
|
|
|
|
|
<li style="font-size: 103%">
|
|
<a id="route" href="/tags/#nothello">
|
|
nothello
|
|
<span>1</span>
|
|
</a>
|
|
</li>
|
|
|
|
|
|
<li style="font-size: 103%">
|
|
<a id="route" href="/tags/#hello">
|
|
hello
|
|
<span>1</span>
|
|
</a>
|
|
</li>
|
|
|
|
|
|
<li style="font-size: 103%">
|
|
<a id="route" href="/tags/#writeup">
|
|
writeup
|
|
<span>1</span>
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="widgetnya">
|
|
<h1 class="page-heading">Blogroll</h1>
|
|
<div class="badanwidget">
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<footer class="site-footer">
|
|
<div class="wrapper">
|
|
<h2 class="footer-heading">Spaghetti-san Blog</h2>
|
|
<div class="footer-col-wrapper">
|
|
<div class="footer-col footer-col-1">
|
|
<ul class="contact-list">
|
|
<li>Spaghetti-san Personal Blog</li>
|
|
<li><a href="mailto:spaghettisan@yahoo.com">spaghettisan@yahoo.com</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="footer-col footer-col-2">
|
|
<ul class="social-media-list">
|
|
|
|
<li>
|
|
<a href="https://github.com/spaghetti-san"><span class="icon icon--github"><svg viewBox="0 0 16 16"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>
|
|
</span><span class="username">spaghetti-san</span></a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
<a href="https://facebook.com/axlyody"><span class="icon icon--facebook"><?xml version="1.0"?>
|
|
<svg class="icon icon-facebook" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
|
|
<path class="background" fill="#828282" d="M 0.875,0 C 0.38722,0 0,0.38721 0,0.875 l 0,14.25 C 0,15.61266 0.38715,16 0.875,16 l 7.65625,0 0,-6.1875 -2.0625,0 0,-2.4375 2.0625,0 0,-1.78125 c 0,-2.06656 1.2814395,-3.1875 3.125,-3.1875 0.88307,0 1.62261,0.06435 1.84375,0.09375 l 0,2.15625 -1.25,0.03125 c -1.00252,0 -1.21875,0.45713 -1.21875,1.15625 l 0,1.53125 2.40625,0 -0.3125,2.4375 -2.09375,0 0,6.1875 4.09375,0 C 15.612599,16 16,15.61272 16,15.125 L 16,0.875 C 16,0.38721 15.61266,0 15.125,0 L 0.875,0 z"/>
|
|
<path class="foreground" fill="white" d="m 11.03968,16.000001 v -6.19608 h 2.07973 l 0.31141,-2.41472 h -2.39114 v -1.54165 c 0,-0.69912 0.19414,-1.17555 1.19666,-1.17555 l 1.27866,-5.6e-4 v -2.15974 c -0.22114,-0.0294 -0.98017,-0.0952 -1.86324,-0.0952 -1.8435605,0 -3.1057105,1.12532 -3.1057105,3.19188 v 1.7808 h -2.08506 v 2.41472 h 2.08506 v 6.19608 H 11.03968 z"/>
|
|
</svg>
|
|
</span><span class="username">Axl Yody</span></a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
<a href="https://twitter.com/axlyody"><span class="icon icon--twitter"><svg viewBox="0 0 16 16"><path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/></svg>
|
|
</span><span class="username">axlyody</span></a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
<div class="footer-col footer-col-3">
|
|
<p>Designed by Spaghetti</p>
|
|
<p>Proudly hosted by <a href="https://pages.github.com/" target="_blank"><span class="octicon octicon-logo-github" style="color: #828282;
|
|
position: relative;
|
|
top: 4px;
|
|
left: 3px;
|
|
font-size: 20px;"></span></a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!--- Where Javascript Loaded --->
|
|
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
|
|
<script type="text/javascript" src="http://iamceege.github.io/tooltipster/js/jquery.tooltipster.js"></script>
|
|
<script>
|
|
$(document).ready(function() {
|
|
if(location.pathname != "/") {
|
|
$('.trigger a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active');
|
|
} else $('.none a:eq(0)').addClass('active');
|
|
});
|
|
|
|
</script>
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('.tooltip-right').tooltipster({
|
|
contentAsHTML: true,
|
|
position: 'right',
|
|
});
|
|
});
|
|
$(document).ready(function() {
|
|
$('.tooltip-left').tooltipster({
|
|
contentAsHTML: true,
|
|
position: 'left',
|
|
});
|
|
});
|
|
</script>
|
|
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.pjax/1.9.6/jquery.pjax.min.js"></script>
|
|
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.min.js"></script>
|
|
<script type="text/javascript" src="/assets/js/jquery-autocomplete.js"></script>
|
|
<script src="/assets/js/responsive_waterfall.js"></script>
|
|
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
|
|
<script>
|
|
|
|
|
|
$(document).ready(function(){$(".menu-icon").click(function(){$(".trigger").toggle()})}),$(function(){$(document).pjax("#route","body",{fragment:"body",timeout:1e5,scrollTo:0,push:!0,maxCacheLength:20,replace:!1})}),$(document).on("pjax:error",function(e,n,t,o,c){return c.success(n.responseText,t,n),!1});var options={url:"/gblk.json",getValue:"title",list:{match:{enabled:!0,maxNumberOfElements:5}},template:{type:"links",fields:{link:"url"}},theme:"square"};$("#countries").easyAutocomplete(options),Pace.on("start",function(){$(".pacel").show()}),Pace.on("done",function(){$(".pacel").hide()}),$(function(){$("img").lazyload({})});var waterfall=new Waterfall({containerSelector:".wf-container",boxSelector:".wf-box",minBoxWidth:180});$(document).ready(function(){$(".menu-icon").click(function(){$(".trigger").toggle()})});
|
|
</script>
|
|
<script id="dsq-count-scr" src="//spaghettisan.disqus.com/count.js" async></script>
|
|
|
|
</Body>
|
|
|
|
</html>
|