-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
20 lines (20 loc) · 12.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html><html lang="en" data-bs-theme="light"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><meta property="og:description" content="static personal portofolio"><meta property="og:title" content="Motebaya - Portofolio"><meta property="og:image" content="src/img/avatar.jpg"><meta name="author" content="github.com/motebaya"><meta><title>Motebaya - Portofolio</title><link rel="icon" href="src/img/icon.png"><link rel="stylesheet" href="src/css/bootstrap.min.css"><link rel="stylesheet" href="src/css/custom.min.css"><link rel="stylesheet" href="src/css/bootstrap-icons.min.css"><link rel="stylesheet" href="src/live2d/css/waifu.min.css"></head><body><header class="flex shadow py-2 justify-content-between align-items-center"><div class="container-fluid d-flex align-items-center"><a href="index.html" class="ms-2"><img src="src/img/icon-dark.png" class="d-block d-lg-none d-lg-none" id="icon" style="width: 20%" alt="icon"> <img src="src/img/logo-dark.png" class="d-none d-lg-block" id="logo" style="width: 20%" alt="logo"></a><div class="ms-auto py-3 d-flex align-items-center"><i class="bi bi-moon-stars-fill me-2" id="theme" style="font-size: 21px; cursor: pointer"></i></div></div></header><div class="container-fluid"><div class="row mt-2"><div class="col-lg-4"><div class="card"><img class="card-img-top shadow img-thumbnail image-cover" src="src/img/cover.jpeg" alt="cover"><div class="card-body little-profile"><div class="pro-img"><img src="https://github.com/avatars/u/106154800" alt="avatar" class="img-thumbnail shadow-lg image-avatar"></div><h3 class="text-left mt-0 chicken-text">Motebaya</h3><div class="mt-1 about-me"><h6 class="text-left futura-text">About me:</h6><p class="text-left futura-text">Hey hey 👋, I'm <strong class="fw-bold">Motebaya</strong> , or more commonly known as <strong class="fw-bold">davins</strong> . I've been into programming since August 2019. Let me tell you a bit..</p><p class="futura-text text-left">Back then, I started as a <a href="https://en.wikipedia.org/wiki/Script_kiddie" target="_blank" class="text-primary text-decoration-none" rel="noopener noreferrer">script kiddie</a> grabbing someone else's source code, tweaking it however I pleased, and proudly sharing it with friends.</p><p class="futura-text text-left">There was a moment when I wanted to modify someone's <a href="https://www.python.org/" target="_blank" rel="noopener noreferrer" class="text-primary text-decoration-none">Python</a> code, but I couldn't read the file because it was compiled into <strong class="text-primary">object code</strong> or more precisely <strong class="text-primary">bytecode/pyc</strong>. I got curious, and suddenly a bunch of questions popped into my head, 'How can I open this file? How does it work? How can code that's completely unreadable by a normal human brain run without any issues?'.</p><a href="#" class="text-secondary text-decoration-underline text-left" id="read-more">Read more...</a><div id="extend-p" style="display: none"><p class="text-left futura-text">Since then, I got serious and consistent about learning Python, aiming to dive into <a href="https://en.wikipedia.org/wiki/Reverse_engineering" class="text-primary text-decoration-none" target="_blank" rel="noopener noreferrer">RE (reverse engineering)</a>. By mid-2020, I had a decent understanding, but that wasn't enough. I shifted my interest to another programming language, PHP. I learned <a href="https://en.wikipedia.org/wiki/Command-line_interface" class="text-primary text-decoration-none" target="_blank" rel="noopener noreferrer">CLI</a> and <strong class="text-primary">web servers</strong> simultaneously until the end of 2020.</p><p class="futura-text">From late 2019 to the end of 2020, I did all of this on my Android device, an 8.1 (Oreo) 32-bit with 2/16 GB RAM, which I bought with my first salary. The best android terminal I knew and used at that time is <a href="https://termux.dev/en/" target="_blank" class="text-primary text-decoration-none" rel="noopener noreferrer">Termux</a>. I also used editors like <a href="https://en.wikipedia.org/wiki/Nano" target="_blank" rel="noopener noreferrer" class="text-primary text-decoration-none">Nano</a> and <a href="https://en.wikipedia.org/wiki/Vim_(text_editor)" target="_blank" rel="noopener noreferrer" class="text-primary text-decoration-none">Vim</a>, along with some Android code editor apps, despite their limitations. but that wasn't enough to make me give up. I joined several online communities and even created my own. talking with ppl which have knowledgeable are really enjoyable.</p><p class="futura-text text-left">As early 2021 rolled around, my RL responsibilities increased, leaving me with insufficient rest. I disbanded the community I created and left all the others.</p><p class="futura-text text-left">A year passed until early 2022, I already had a powerful desktop, and my busy schedule began to ease. I revisited everything I had learned, although I couldn't stay as consistent and competent in programming as before.</p><p class="futura-text text-left">Up until now, I've got a good grasp of languages like <strong class="fw-bold">JavaScript, PHP, Ruby, and Python</strong>. I also familiar with <strong class="fw-bold">web scrapper, bot automation, web server, CLI, RE, scripting lang (bash)</strong> and .etc. I only learn what I feel necessary and truly needed. Sometimes I take on part-time/freelance work, create private projects to sell, and work on public personal projects just for fun during my free time.</p><p class="futura-text text-left">And during holidays, you can call me a <strong class="text-primary">weekend coder</strong>. I'm not a genius human and I don't have a higher education or a degree in IT because my real life job has nothing to do with it.</p><a href="#" class="text-secondary text-decoration-underline text-left mt-1" id="read-less">Show less...</a></div></div><h6 class="mt-2 text-left futura-text">Connect with me:</h6><div class="flex-column connect-me"><a href="https://github.com/motebaya" target="_blank" class="btn btn-outline-secondary btn-sm rounded me-1 shadow text-decoration-none"><i class="bi bi-github"></i> </a><a href="https://t.me/dvinchii" target="_blank" class="btn btn-outline-info btn-sm rounded me-1 shadow text-decoration-none"><i class="bi bi-send"></i> </a><a href="https://x.com/vinds71" target="_blank" class="btn btn-outline-primary btn-sm rounded me-1 shadow text-decoration-none"><i class="bi bi-twitter-x"></i> </a><a href="https://www.youtube.com/@ItsMochino" target="_blank" rel="noopener noreferrer" class="btn btn-outline-danger btn-sm rounded me-1 shadow text-decoration-none"><i class="bi bi-youtube"></i></a></div></div></div><div class="card mt-2 techstack"><div class="card-body"><h5 class="card-title mb-2 chicken-text"><i class="bi bi-stack me-1"></i>Tech Stack</h5><div class="justify-content-between" style="display: none" id="badges"></div><p class="mt-2 mb-2 chicken-text fw-light">the most languange/lib/fw/.etc i've learned, include expert/not.</p></div></div><div class="card mt-2 certificate"><div class="card-body"><h5 class="card-title mb-3 chicken-text"><i class="me-2 bi bi-file-earmark-code"></i> Certificate</h5><div class="cert-list"><ul class="list-unstyled chicken-text"><li class="ms-3"><h5 class="mt-0 mb-1 fs-5 fw-medium">PHP</h5><p class="text-muted">04 January 2020 From <a href="https://www.sololearn.com/en" target="_blank" rel="noopener noreferrer" class="text-decoration-none text-secondary">Sololearn</a></p></li><li class="ms-3"><h5 class="mt-0 mb-1 fs-5 fw-medium">Python Core</h5><p class="text-muted">21 December 2019 From <a href="https://www.sololearn.com/en" target="_blank" rel="noopener noreferrer" class="text-decoration-none text-secondary">Sololearn</a></p></li><li class="ms-3"><h5 class="mt-0 mb-1 fs-5 fw-medium">HTML</h5><p class="text-muted">04 January 2020 From <a href="https://www.sololearn.com/en" target="_blank" rel="noopener noreferrer" class="text-secondary text-decoration-none">Sololearn</a></p></li></ul></div></div></div></div><div class="col-lg-8 mt-2"><div class="card skills"><div class="card-body cs-font"><h3 class="card-title chicken-text mb-2 fs-4"><i class="bi bi-terminal me-2"></i>Skills</h3><p class="mb-3 mt-2 chicken-text fw-light">This is a subjective assessment, not based on any reliable testing sources. It's all just based on what I know and have directly practiced. It might decrease or increase in the future as my knowledge evolves.</p><div class="pt-1"><h6 class="text-uppercase mt-0">HTML5</h6><div class="progress progress-sm m-0"><div class="progress-bar bg-secondary" role="progressbar" aria-valuenow="17" aria-valuemin="0" aria-valuemax="100" style="width: 17%"></div></div></div><div class="mt-2 pt-1"><h6 class="text-uppercase">PHP</h6><div class="progress progress-sm m-0"><div class="progress-bar bg-secondary" role="progressbar" aria-valuenow="28" aria-valuemin="0" aria-valuemax="100" style="width: 28%"></div></div></div><div class="mt-2 pt-1"><h6 class="text-uppercase">Python</h6><div class="progress progress-sm m-0"><div class="progress-bar bg-secondary" role="progressbar" aria-valuenow="35" aria-valuemin="0" aria-valuemax="100" style="width: 35%"></div></div></div><div class="mt-2 pt-1"><h6 class="text-uppercase">Ruby</h6><div class="progress progress-sm m-0"><div class="progress-bar bg-secondary" role="progressbar" aria-valuenow="23" aria-valuemin="0" aria-valuemax="100" style="width: 23%"></div></div></div><div class="mt-2 pt-1"><h6 class="text-uppercase">Javascript</h6><div class="progress progress-sm m-0"><div class="progress-bar bg-secondary" role="progressbar" aria-valuenow="27" aria-valuemin="0" aria-valuemax="100" style="width: 27%"></div></div></div><div class="mt-2 pt-1"><h6 class="text-uppercase">CSS</h6><div class="progress progress-sm m-0"><div class="progress-bar bg-secondary" role="progressbar" aria-valuenow="11" aria-valuemin="0" aria-valuemax="100" style="width: 11%"></div></div></div><div class="mt-2 pt-1"><h6 class="text-uppercase">bash</h6><div class="progress progress-sm m-0"><div class="progress-bar bg-secondary" role="progressbar" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100" style="width: 15%"></div></div></div></div></div><div class="card mt-2 projectlist"><div class="card-body"><h3 class="chicken-text card-title mt-2 mb-2 fs-4"><i class="me-1 bi bi-stack-overflow"></i>Projects List</h3><p class="mb-2 mt-2 futura-text">This is a list of public projects I've worked on</p><ul class="list-group"></ul><div class="justify-content-center d-flex"><img id="herta-puyeng" src="src/img/kururin.gif" alt="kuru kuru kuru" style="width: 30%" class="card-img-block"></div><p class="text-center msg-waiting"><small class="text-center chicken-text">Herta waiting for ajax fetching github API....</small></p></div></div></div></div><div class="waifu"><div class="waifu-tips" style="opacity: 0; font-family: futura"></div><canvas id="live2d" class="live2d" width="240" height="210"></canvas><div class="waifu-tool"><span class="fui-home"></span> <span class="fui-chat"></span> <span class="fui-eye"></span> <span class="fui-user"></span> <span class="fui-photo"></span> <span class="fui-info-circle"></span> <span class="cross"></span></div></div></div><a href="#" class="back-to-top"><i class="bi bi-chevron-double-up"></i></a><footer class="footer mt-auto mb-2"><div class="container-fluid"><div class="text-center"><p>© Copyright<script>document.write(new Date().getFullYear());</script>- Made With ☕ by <a href="https://github.com/motebaya">Motebaya</a></p></div></div></footer><script src="src/js/jquery-3.7.1.min.js"></script><script src="src/js/index.min.js"></script><script src="src/js/bootstrap.bundle.min.js"></script><script src="src/live2d/js/jquery-ui.min.js"></script><script src="src/live2d/js/waifu-tips.min.js"></script><script src="src/live2d/js/live2d.min.js"></script><script>$(function () {
live2d_settings["modelId"] = 1;
// generate random texture/skin when page refereshed
live2d_settings["modelTexturesId"] = Math.floor(Math.random() * 91);
live2d_settings["modelStorage"] = false;
live2d_settings["canCloseLive2d"] = false;
live2d_settings["canTurnToHomePage"] = false;
live2d_settings["canSwitchModel"] = false;
live2d_settings["canTurnToAboutPage"] = false;
live2d_settings["canSwitchHitokoto"] = false;
// live2d_settings['waifuTipsSize'] = '285x75';
live2d_settings["waifuFontSize"] = "15px";
live2d_settings["waifuToolFont"] = "18px";
live2d_settings["waifuToolLine"] = "25px";
live2d_settings["waifuToolTop"] = "-30px";
live2d_settings["waifuMinWidth"] = "10px";
live2d_settings["waifuMaxWidth"] = "900px";
live2d_settings["waifuDraggable"] = "axis-x";
initModel("src/live2d/waifu-tips.json");
});</script></body></html>